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

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