app/assets/stylesheets/gitlab_bootstrap/common.scss

   1 /** COLORS **/
   2 .cgray { color:gray }
   3 .cred { color:#D12F19 }
   4 .cgreen { color:#4a2 }
   5 .cblack { color:#111 }
   6 .cdark { color:#444 }
   7 .cwhite { color:#fff!important }
   8 .bgred { background:#F2DEDE!important }
   9
  10 /** COMMON CLASSES **/
  11 .left { float:left }
  12 .right { float:right!important }
  13 .width-50p { width:50% }
  14 .width-49p { width:49% }
  15 .width-30p { width:30% }
  16 .width-65p { width:65% }
  17 .width-100p { width:100% }
  18 .append-bottom-10 { margin-bottom:10px }
  19 .append-bottom-20 { margin-bottom:20px }
  20 .prepend-top-10 { margin-top:10px }
  21 .prepend-top-20 { margin-top:20px }
  22 .padded { padding:20px }
  23 .ipadded { padding:20px!important }
  24 .lborder { border-left:1px solid #eee }
  25 .no-padding { padding:0 !important; }
  26 .underlined { border-bottom: 1px solid #CCC; }
  27 .no-borders { border: none; }
  28 .vlink { color: $link_color !important; }
  29 .underlined_link { text-decoration: underline; }
  30 .borders { border: 1px solid #ccc; @include shade; }
  31 .hint { font-style: italic; color: #999; }
  32 .light { color: #888 }
  33 .tiny { font-weight: normal }
  34
  35 /** PILLS & TABS**/
  36 .nav-pills a:hover { background-color: #888; }
  37 .nav-pills .active a { background-color: $style_color; }
  38 .nav-pills > .active > a > i[class^="icon-"] { background: inherit; }
  39 .nav-tabs > li > a, .nav-pills > li > a { color: $style_color; }
  40 .nav.nav-tabs {
  41   li {
  42     > a {
  43       padding: 8px 20px;
  44       margin-right: 7px;
  45       line-height: 19px;
  46       border-color: #EEE;
  47       color: #888;
  48       border-bottom: 1px solid #ddd;
  49       .badge {
  50         background-color: #eee;
  51         color: #888;
  52         text-shadow: 0 1px 1px #fff;
  53       }
  54       i[class^="icon-"] {
  55         line-height: 14px;
  56       }
  57     }
  58     &.active {
  59       > a {
  60         border-color: #CCC;
  61         border-bottom: 1px solid #fff;
  62         color: #333;
  63       }
  64     }
  65   }
  66 }
  67
  68 /** ALERT MESSAGES **/
  69 .alert-message { @extend .alert; }
  70 .alert-messag.success { @extend .alert-success; }
  71 .alert-message.error { @extend .alert-error; }
  72
  73 /** AVATARS **/
  74 img.avatar { float: left; margin-right: 12px; width: 40px; border: 1px solid #ddd; padding: 1px; }
  75 img.avatar.s16 { width: 16px; height: 16px; margin-right: 6px; }
  76 img.avatar.s24 { width: 24px; height: 24px; margin-right: 8px; }
  77 img.avatar.s32 { width: 32px; height: 32px; margin-right: 10px; }
  78 img.lil_av { padding-left: 4px; padding-right: 3px; }
  79 img.small { width: 80px; }
  80
  81 /** HELPERS **/
  82 .nothing_here_message {
  83   text-align: center;
  84   padding: 20px;
  85   color: #666;
  86   font-weight: normal;
  87   font-size: 16px;
  88   line-height: 36px;
  89 }
  90
  91 p.slead { color: #456; font-size: 16px; margin-bottom: 12px; font-weight: 200; line-height: 24px; }
  92
  93 /** FORMS **/
  94 input[type='search'].search-text-input {
  95   background-image: url("icon-search.png");
  96   background-repeat: no-repeat;
  97   background-position: 10px;
  98   padding-left: 25px;
  99   @include border-radius(4px);
 100   border: 1px solid #ccc;
 101 }
 102
 103 fieldset legend { font-size: 17px; }