git.roojs.org Git - bootswatch/blob - mPurpose/less/general.less

   1
   2 /*--------------------------------------------------------------------------
   3         General Style
   4 --------------------------------------------------------------------------*/
   5
   6 body{
   7         background: @body-background;
   8 }
   9
  10 .section{
  11         padding: 30px 0;
  12         .translateZ(0);
  13 }
  14
  15 .section-white{
  16         background: #FFF;
  17 }
  18
  19 .section .container:first-child h1, .section .container:first-child h2, .section .container:first-child h3{
  20         margin-top: 0;
  21         font-weight: 700;
  22 }
  23
  24 .input-micro{
  25         width: 50px;
  26         margin-bottom: 0 !important;
  27 }
  28
  29 textarea:focus,
  30 input[type="text"]:focus,
  31 input[type="password"]:focus,
  32 input[type="datetime"]:focus,
  33 input[type="datetime-local"]:focus,
  34 input[type="date"]:focus,
  35 input[type="month"]:focus,
  36 input[type="time"]:focus,
  37 input[type="week"]:focus,
  38 input[type="number"]:focus,
  39 input[type="email"]:focus,
  40 input[type="url"]:focus,
  41 input[type="search"]:focus,
  42 input[type="tel"]:focus,
  43 input[type="color"]:focus,
  44 .uneditable-input:focus {
  45         border-color: fade(@theme-color, 80%);
  46         outline: 0;
  47         outline: thin dotted \9;
  48         /* IE6-9 */
  49         @glow-color: fade(@theme-color, 60%);
  50         .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{glow-color}");
  51 }
  52
  53 ul.no-list-style{
  54         list-style-type: none;
  55         margin-left: 0;
  56 }
  57
  58 ul.no-list-style li{
  59         line-height: 28px;
  60 }
  61
  62 div[class*="span"]{
  63         .transition(~"all .4s linear");
  64 }
  65
  66 /*--------------------------------------------------------------------------
  67         Typography Style
  68 --------------------------------------------------------------------------*/
  69
  70 body{
  71         font-family: Arial, Helvetica, sans-serif;
  72         font-size: 14px;
  73         line-height: 20px;
  74         color: @font-color;
  75 }
  76
  77 h1{
  78         color: @heading-color;
  79         font-family: 'Open Sans', sans-serif;
  80         font-weight: 800;
  81 }
  82
  83 h2{
  84         color: @heading-color;
  85         font-family: 'Open Sans', sans-serif;
  86         font-size: 2em;
  87         border-bottom: 2px solid @heading-color;
  88         line-height: 1.5em;
  89         margin: 30px 0;
  90         padding-left: 10px;
  91 }
  92
  93 h3{
  94         font-family: 'Open Sans', sans-serif;
  95         color: @heading-color;
  96         font-size: 1.5em;
  97 }
  98
  99 h4{
 100         font-family: 'Open Sans', sans-serif;
 101         color: @heading-color;
 102         margin-bottom: 10px;
 103 }
 104
 105 a{
 106         color: @theme-color;
 107 }
 108
 109 a:hover{
 110         color: darken(@theme-color, 20%);
 111 }