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 .append-bottom-10 { margin-bottom:10px }
  13 .append-bottom-20 { margin-bottom:20px }
  14 .prepend-top-10 { margin-top:10px }
  15 .prepend-top-20 { margin-top:20px }
  16 .padded { padding:20px }
  17 .ipadded { padding:20px!important }
  18 .lborder { border-left:1px solid #eee }
  19 .underlined_link { text-decoration: underline; }
  20 .hint { font-style: italic; color: #999; }
  21 .light { color: #888 }
  22 .tiny { font-weight: normal }
  23
  24 /** PILLS & TABS**/
  25 .nav-pills {
  26   .active a {
  27     background: $primary_color;
  28   }
  29
  30   > li > a {
  31     @include border-radius(0);
  32   }
  33   &.nav-stacked {
  34     > li > a {
  35       border-left: 4px solid #EEE;
  36       padding: 12px;
  37     }
  38     > .active > a {
  39       border-color: #29B;
  40       border-radius: 0;
  41       background: #F1F1F1;
  42       color: $style_color;
  43       font-weight: bold;
  44     }
  45   }
  46 }
  47
  48 .nav-pills > .active > a > i[class^="icon-"] { background: inherit; }
  49
  50
  51
  52 /**
  53  * nav-tabs
  54  *
  55  */
  56 .nav-tabs > li > a, .nav-pills > li > a { color: $style_color; }
  57 .nav.nav-tabs {
  58   li {
  59     > a {
  60       padding: 8px 20px;
  61       margin-right: 7px;
  62       line-height: 20px;
  63       border-color: #EEE;
  64       color: #888;
  65       border-bottom: 1px solid #ddd;
  66       .badge {
  67         background-color: #eee;
  68         color: #888;
  69         text-shadow: 0 1px 1px #fff;
  70       }
  71       i[class^="icon-"] {
  72         line-height: 14px;
  73       }
  74     }
  75     &.active {
  76       > a {
  77         border-color: #CCC;
  78         border-bottom: 1px solid #fff;
  79         color: #333;
  80       }
  81     }
  82   }
  83
  84   &.nav-small-tabs > li > a { padding: 6px 9px; }
  85 }
  86
  87 /** ALERT MESSAGES **/
  88 .alert-message { @extend .alert; }
  89 .alert-messag.success { @extend .alert-success; }
  90 .alert-message.error { @extend .alert-error; }
  91
  92 /** AVATARS **/
  93 img.avatar { float: left; margin-right: 12px; width: 40px; border: 1px solid #ddd; padding: 1px; }
  94 img.avatar.s16 { width: 16px; height: 16px; margin-right: 6px; }
  95 img.avatar.s24 { width: 24px; height: 24px; margin-right: 8px; }
  96 img.avatar.s32 { width: 32px; height: 32px; margin-right: 10px; }
  97 img.avatar.s90 { width: 90px; height: 90px; margin-right: 15px; }
  98 img.lil_av { padding-left: 4px; padding-right: 3px; }
  99 img.small { width: 80px; }
 100
 101 /** HELPERS **/
 102 .nothing_here_message {
 103   text-align: center;
 104   padding: 20px;
 105   color: #666;
 106   font-weight: normal;
 107   font-size: 16px;
 108   line-height: 36px;
 109 }
 110
 111 p.slead { color: #456; font-size: 16px; margin-bottom: 12px; font-weight: 200; line-height: 24px; }
 112
 113 /** FORMS **/
 114 input[type='search'].search-text-input {
 115   background-image: url("icon-search.png");
 116   background-repeat: no-repeat;
 117   background-position: 10px;
 118   padding-left: 25px;
 119   @include border-radius(4px);
 120   border: 1px solid #ccc;
 121 }
 122
 123 input[type='text'].danger {
 124   background: #F2DEDE!important;
 125   border-color: #D66;
 126   text-shadow: 0 1px 1px #fff
 127 }
 128
 129 fieldset legend { font-size: 17px; }
 130
 131 /** PAGINATION **/
 132 .gitlab_pagination {
 133   span a { color: $link_color; }
 134   .prev, .next, .current, .page a {
 135     padding: 10px;
 136   }
 137   .current {
 138     border-bottom: 2px solid $style_color;
 139   }
 140 }