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 .borders { border: 1px solid #ccc; @include shade; }
  30 .hint { font-style: italic; color: #999; }
  31
  32 /** PILLS & TABS**/
  33 .nav-pills a:hover { background-color:#888; }
  34 .nav-pills .active a { background-color: $style_color; }
  35 .nav-tabs > li > a, .nav-pills > li > a { color:$style_color; }
  36 .nav-tabs > .active > a { font-weight:bold; }
  37
  38 /** ALERT MESSAGES **/
  39 .alert-message { @extend .alert; }
  40 .alert-messag.success { @extend .alert-success; }
  41 .alert-message.error { @extend .alert-error; }
  42
  43 /** AVATARS **/
  44 img.avatar { float:left; margin-right:15px; width:40px; border:1px solid #ddd; padding:1px; }
  45 img.avatar.s16 { width:16px; height:16px; }
  46 img.avatar.s24 { width:24px; height:24px; }
  47 img.avatar.s32 { width:32px; height:32px; }
  48 img.lil_av { padding-left: 4px; padding-right:3px; }
  49
  50 /** HELPERS **/
  51 .nothing_here_message { text-align:center; padding:20px; color:#777; }
  52 p.slead { color:#456; font-size:16px; margin-bottom: 12px; font-weight: 200; line-height: 24px; }