Download as
Browse Code »

Commit fccd70c97da1a41216d137b6e43e7c8e255234c0

Authored by Dmitriy Zaporozhets
1 parent 718165ba
Exists in spb-stable and in 3 other branches 6-8-stable, 7-0-stable, 7-0-stable-spb

Refactor gerneric css 

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Showing 31 changed files with 1281 additions and 1319 deletions   Show diff stats
app/assets/stylesheets/application.scss
  Diff comments   View file @fccd70c
@@ -9,10 +9,26 @@ @@ -9,10 +9,26 @@
9 *= require_self 9 *= require_self
10 */ 10 */
11 11
  12 +/** Override bootstrap variables **/
  13 +$font-size-base: 13px !default;
  14 +
12 /** 15 /**
13 - * GitLab bootstrap: 16 + * Twitter bootstrap:
14 */ 17 */
15 -@import "gitlab_bootstrap.scss"; 18 +@import 'bootstrap';
  19 +
  20 +/**
  21 + * Font icons
  22 + *
  23 + */
  24 +@import "font-awesome";
  25 +
  26 +/**
  27 + * Generic css (forms, nav etc):
  28 + */
  29 +@import "generic.scss";
  30 +
  31 +
16 32
17 @import "common.scss"; 33 @import "common.scss";
18 @import "selects.scss"; 34 @import "selects.scss";
app/assets/stylesheets/generic.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,14 @@ @@ -0,0 +1,14 @@
  1 +@import "generic/variables.scss";
  2 +@import "generic/fonts.scss";
  3 +@import "generic/mixins.scss";
  4 +@import "generic/avatar.scss";
  5 +@import "generic/nav.scss";
  6 +@import "generic/common.scss";
  7 +@import "generic/typography.scss";
  8 +@import "generic/buttons.scss";
  9 +@import "generic/blocks.scss";
  10 +@import "generic/ui_box.scss";
  11 +@import "generic/issue_box.scss";
  12 +@import "generic/files.scss";
  13 +@import "generic/lists.scss";
  14 +@import "generic/forms.scss";
app/assets/stylesheets/generic/avatar.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,23 @@ @@ -0,0 +1,23 @@
  1 +.avatar {
  2 + float: left;
  3 + margin-right: 12px;
  4 + width: 40px;
  5 + padding: 1px;
  6 + @include border-radius(4px);
  7 +
  8 + &.avatar-inline {
  9 + float: none;
  10 + margin-left: 3px;
  11 +
  12 + &.s16 { margin-right: 2px; }
  13 + &.s24 { margin-right: 2px; }
  14 + }
  15 +
  16 + &.s16 { width: 16px; height: 16px; margin-right: 6px; }
  17 + &.s24 { width: 24px; height: 24px; margin-right: 8px; }
  18 + &.s26 { width: 26px; height: 26px; margin-right: 8px; }
  19 + &.s32 { width: 32px; height: 32px; margin-right: 10px; }
  20 + &.s60 { width: 60px; height: 60px; margin-right: 12px; }
  21 + &.s90 { width: 90px; height: 90px; margin-right: 15px; }
  22 + &.s160 { width: 160px; height: 160px; margin-right: 20px; }
  23 +}
app/assets/stylesheets/generic/blocks.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,4 @@ @@ -0,0 +1,4 @@
  1 +.light-well {
  2 + background: #f9f9f9;
  3 + padding: 15px;
  4 +}
app/assets/stylesheets/generic/buttons.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,158 @@ @@ -0,0 +1,158 @@
  1 +.btn {
  2 + display: inline-block;
  3 + margin-bottom: 0;
  4 + font-weight: normal;
  5 + text-align: center;
  6 + vertical-align: middle;
  7 + cursor: pointer;
  8 + background-image: none;
  9 + border: 1px solid transparent;
  10 + white-space: nowrap;
  11 + padding: 6px 12px;
  12 + font-size: 13px;
  13 + line-height: 18px;
  14 + border-radius: 4px;
  15 + -webkit-user-select: none;
  16 + -moz-user-select: none;
  17 + -ms-user-select: none;
  18 + -o-user-select: none;
  19 + user-select: none;
  20 + color: #444444;
  21 + background-color: #fff;
  22 + border-color: #ccc;
  23 + text-shadow: none;
  24 +
  25 + &.hover,
  26 + &:hover {
  27 + color: #444444;
  28 + text-decoration: none;
  29 + background-color: #ebebeb;
  30 + border-color: #adadad;
  31 + }
  32 +
  33 + &.focus,
  34 + &:focus {
  35 + color: #444444;
  36 + text-decoration: none;
  37 + outline: thin dotted #333;
  38 + outline: 5px auto -webkit-focus-ring-color;
  39 + outline-offset: -2px;
  40 + }
  41 +
  42 + &.active,
  43 + &:active {
  44 + outline: 0;
  45 + background-image: none;
  46 + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  47 + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  48 + }
  49 +
  50 + &.disabled,
  51 + &[disabled] {
  52 + cursor: not-allowed;
  53 + pointer-events: none;
  54 + opacity: 0.65;
  55 + filter: alpha(opacity=65);
  56 + -webkit-box-shadow: none;
  57 + box-shadow: none;
  58 + }
  59 +
  60 + &.btn-primary {
  61 + color: #ffffff;
  62 + background-color: #429bca;
  63 + border-color: #358ebd;
  64 +
  65 + &.hover,
  66 + &:hover,
  67 + &.disabled,
  68 + &[disabled] {
  69 + color: #ffffff;
  70 + background-color: #3286b1;
  71 + border-color: #286e8e;
  72 + }
  73 + }
  74 +
  75 + &.btn-success {
  76 + color: #ffffff;
  77 + background-color: #5cb85c;
  78 + border-color: #4cae4c;
  79 +
  80 +
  81 + &.hover,
  82 + &:hover,
  83 + &.disabled,
  84 + &[disabled] {
  85 + color: #ffffff;
  86 + background-color: #47a447;
  87 + border-color: #398439;
  88 + }
  89 + }
  90 +
  91 + &.btn-danger {
  92 + color: #ffffff;
  93 + background-color: #d9534f;
  94 + border-color: #d43f3a;
  95 +
  96 +
  97 + &.hover,
  98 + &:hover,
  99 + &.disabled,
  100 + &[disabled] {
  101 + color: #ffffff;
  102 + background-color: #d2322d;
  103 + border-color: #ac2925;
  104 + }
  105 + }
  106 +
  107 + &.btn-new {
  108 + @extend .btn-success;
  109 + }
  110 +
  111 + &.btn-create {
  112 + @extend .wide;
  113 + @extend .btn-success;
  114 + }
  115 +
  116 + &.btn-save {
  117 + @extend .wide;
  118 + @extend .btn-primary;
  119 + }
  120 +
  121 + &.btn-close,
  122 + &.btn-remove {
  123 + @extend .btn-danger;
  124 + }
  125 +
  126 + &.btn-cancel {
  127 + float: right;
  128 + }
  129 +
  130 + &.wide {
  131 + padding-left: 20px;
  132 + padding-right: 20px;
  133 + }
  134 +
  135 + &.btn-small {
  136 + padding: 2px 10px;
  137 + font-size: 12px;
  138 + }
  139 +
  140 + &.btn-tiny {
  141 + font-size: 11px;
  142 + padding: 2px 6px;
  143 + line-height: 16px;
  144 + margin: 2px;
  145 + }
  146 +
  147 + &.grouped {
  148 + margin-right: 7px;
  149 + float: left;
  150 + }
  151 +
  152 + &.btn-block {
  153 + width: 100%;
  154 + margin: 0;
  155 + padding: 6px 0;
  156 + margin-bottom: 15px;
  157 + }
  158 +}
app/assets/stylesheets/generic/common.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,138 @@ @@ -0,0 +1,138 @@
  1 +/** COLORS **/
  2 +.cgray { color: gray }
  3 +.clgray { color: #BBB }
  4 +.cred { color: #D12F19 }
  5 +.cgreen { color: #4a2 }
  6 +.cblue { color: #29A }
  7 +.cblack { color: #111 }
  8 +.cdark { color: #444 }
  9 +.camber { color: #ffc000 }
  10 +.cwhite { color: #fff!important }
  11 +.bgred { background: #F2DEDE!important }
  12 +
  13 +/** COMMON CLASSES **/
  14 +.left { float:left }
  15 +
  16 +.prepend-top-10 { margin-top:10px }
  17 +.prepend-top-20 { margin-top:20px }
  18 +.prepend-left-10 { margin-left:10px }
  19 +.prepend-left-20 { margin-left:20px }
  20 +.append-right-10 { margin-right:10px }
  21 +.append-right-20 { margin-right:20px }
  22 +.append-bottom-10 { margin-bottom:10px }
  23 +.append-bottom-15 { margin-bottom:15px }
  24 +.append-bottom-20 { margin-bottom:20px }
  25 +.inline { display: inline-block }
  26 +
  27 +.padded { padding:20px }
  28 +.ipadded { padding:20px!important }
  29 +.lborder { border-left:1px solid #eee }
  30 +.underlined_link { text-decoration: underline; }
  31 +.hint { font-style: italic; color: #999; }
  32 +.light { color: #888 }
  33 +.tiny { font-weight: normal }
  34 +.vtop { vertical-align: top !important; }
  35 +
  36 +
  37 +/** ALERT MESSAGES **/
  38 +.alert.alert-disabled {
  39 + background: #EEE;
  40 + color: #777;
  41 + border-color: #DDD;
  42 +}
  43 +
  44 +/** HELPERS **/
  45 +.nothing_here_message {
  46 + text-align: center;
  47 + padding: 20px;
  48 + color: #666;
  49 + font-weight: normal;
  50 + font-size: 16px;
  51 + line-height: 36px;
  52 +}
  53 +
  54 +.slead {
  55 + color: #666;
  56 + font-size: 14px;
  57 + margin-bottom: 12px;
  58 + font-weight: normal;
  59 + line-height: 24px;
  60 +}
  61 +
  62 +
  63 +.tab-content {
  64 + overflow: visible;
  65 +}
  66 +
  67 +@media (max-width: 1200px) {
  68 + .only-wide {
  69 + display: none;
  70 + }
  71 +}
  72 +
  73 +pre.well-pre {
  74 + border: 1px solid #EEE;
  75 + background: #f9f9f9;
  76 + border-radius: 0;
  77 + color: #555;
  78 +}
  79 +
  80 +.input-append .btn.active, .input-prepend .btn.active {
  81 + background: #CCC;
  82 + border-color: #BBB;
  83 + text-shadow: 0 1px 1px #fff;
  84 + font-weight: bold;
  85 + @include box-shadow(inset 0 2px 4px rgba(0,0,0,.15));
  86 +}
  87 +
  88 +.label {
  89 + padding: 2px 4px;
  90 + font-size: 12px;
  91 + font-style: normal;
  92 + font-weight: normal;
  93 +
  94 + &.label-gray {
  95 + background-color: #eee;
  96 + color: #999;
  97 + text-shadow: none;
  98 + }
  99 +}
  100 +
  101 +/** Big Labels **/
  102 +.state-label {
  103 + font-size: 14px;
  104 + padding: 6px 25px;
  105 + text-align: center;
  106 + @include border-radius(4px);
  107 + text-shadow: none;
  108 + margin-left: 10px;
  109 +
  110 + &.state-label-green {
  111 + background: #4A4;
  112 + color: #FFF;
  113 + }
  114 +
  115 + &.state-label-red {
  116 + background: #DA4E49;
  117 + color: #FFF;
  118 + }
  119 +}
  120 +
  121 +.dropdown-menu > li > a {
  122 + text-shadow: none;
  123 +}
  124 +
  125 +.dropdown-menu > li > a:hover,
  126 +.dropdown-menu > li > a:focus {
  127 + background: #29b;
  128 +}
  129 +
  130 +.gl-hide {
  131 + display: none;
  132 +}
  133 +
  134 +.breadcrumb > li + li:before {
  135 + content: "/";
  136 + padding: 0;
  137 + color: #666;
  138 +}
app/assets/stylesheets/generic/files.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,218 @@ @@ -0,0 +1,218 @@
  1 +/**
  2 + * File content holder
  3 + *
  4 + */
  5 +.file-holder {
  6 + border: 1px solid #CCC;
  7 + margin-bottom: 1em;
  8 +
  9 + table {
  10 + @extend .table;
  11 + }
  12 +
  13 + .file-title {
  14 + background: #DDD;
  15 + border-bottom: 1px solid #CCC;
  16 + text-shadow: 0 1px 1px #fff;
  17 + margin: 0;
  18 + font-weight: normal;
  19 + font-weight: bold;
  20 + text-align: left;
  21 + color: $style_color;
  22 + padding: 9px 10px;
  23 +
  24 + .options {
  25 + float: right;
  26 + margin-top: -5px;
  27 + }
  28 +
  29 + .file_name {
  30 + color: $style_color;
  31 + font-size: 14px;
  32 + text-shadow: 0 1px 1px #fff;
  33 + small {
  34 + color: #999;
  35 + font-size: 13px;
  36 + }
  37 + }
  38 + }
  39 + .file-content {
  40 + background: #fff;
  41 + font-size: 11px;
  42 +
  43 + &.image_file {
  44 + background: #eee;
  45 + text-align: center;
  46 + img {
  47 + padding: 100px;
  48 + max-width: 300px;
  49 + }
  50 + }
  51 +
  52 + &.wiki {
  53 + padding: 20px;
  54 + font-size: 14px;
  55 + line-height: 1.6;
  56 +
  57 + .highlight {
  58 + margin-bottom: 9px;
  59 + @include border-radius(4px);
  60 +
  61 + > pre {
  62 + margin: 0;
  63 + }
  64 + }
  65 + }
  66 +
  67 + &.blob_file {
  68 +
  69 + }
  70 +
  71 + &.blob-no-preview {
  72 + background: #eee;
  73 + text-shadow: 0 1px 2px #FFF;
  74 + padding: 100px 0;
  75 + }
  76 +
  77 + /**
  78 + * Blame file
  79 + */
  80 + &.blame {
  81 + table {
  82 + border: none;
  83 + box-shadow: none;
  84 + margin: 0;
  85 + }
  86 + tr {
  87 + border-bottom: 1px solid #eee;
  88 + }
  89 + td {
  90 + &:first-child {
  91 + border-left: none;
  92 + }
  93 + &:last-child {
  94 + border-right: none;
  95 + }
  96 + background: #fff;
  97 + padding: 5px;
  98 + }
  99 + .author,
  100 + .blame_commit {
  101 + background: #f5f5f5;
  102 + vertical-align: top;
  103 + }
  104 + .lines {
  105 + pre {
  106 + padding: 0;
  107 + margin: 0;
  108 + background: none;
  109 + border: none;
  110 + }
  111 + }
  112 + }
  113 +
  114 + &.logs {
  115 + background: #eee;
  116 + max-height: 700px;
  117 + overflow-y: auto;
  118 +
  119 + ol {
  120 + margin-left: 40px;
  121 + padding: 10px 0;
  122 + border-left: 1px solid #CCC;
  123 + margin-bottom: 0;
  124 + background: white;
  125 + li {
  126 + color: #888;
  127 + p {
  128 + margin: 0;
  129 + color: #333;
  130 + line-height: 24px;
  131 + padding-left: 10px;
  132 + }
  133 +
  134 + &:hover {
  135 + background: $hover;
  136 + }
  137 + }
  138 + }
  139 + }
  140 +
  141 + /**
  142 + * Code file
  143 + */
  144 + &.code {
  145 + padding: 0;
  146 +
  147 + table.lines {
  148 + border: none;
  149 + box-shadow: none;
  150 + margin: 0px;
  151 + padding: 0px;
  152 + table-layout: fixed;
  153 +
  154 + pre {
  155 + border: none;
  156 + border-radius: 0;
  157 + font-family: $monospace_font;
  158 + font-size: 12px !important;
  159 + line-height: 16px !important;
  160 + margin: 0;
  161 + padding: 10px 0;
  162 + }
  163 + td {
  164 + border: none;
  165 + margin: 0;
  166 + padding: 0;
  167 + vertical-align: top;
  168 +
  169 + &:first-child {
  170 + background: #eee;
  171 + width: 50px;
  172 + }
  173 + &:last-child {
  174 + }
  175 + }
  176 + tr:hover {
  177 + background: none;
  178 + }
  179 +
  180 + pre.line_numbers {
  181 + color: #666;
  182 + padding: 10px 6px 10px 0;
  183 + text-align: right;
  184 + background: #EEE;
  185 +
  186 + a {
  187 + color: #666;
  188 +
  189 + i {
  190 + display: none;
  191 + font-size: 14px;
  192 + line-height: 14px;
  193 + }
  194 + &:hover i {
  195 + display: inherit;
  196 + }
  197 + }
  198 + }
  199 +
  200 + .highlight {
  201 + border-left: 1px solid #DEE2E3;
  202 + overflow: auto;
  203 + overflow-y: hidden;
  204 +
  205 + pre {
  206 + white-space: pre;
  207 + word-wrap: normal;
  208 +
  209 + .line {
  210 + padding: 0 10px;
  211 + }
  212 + }
  213 + }
  214 + }
  215 + }
  216 + }
  217 +}
  218 +
app/assets/stylesheets/generic/fonts.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,2 @@ @@ -0,0 +1,2 @@
  1 +/** Typo **/
  2 +$monospace_font: 'Menlo', 'Liberation Mono', 'Consolas', 'Courier New', 'andale mono', 'lucida console', monospace;
app/assets/stylesheets/generic/forms.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,35 @@ @@ -0,0 +1,35 @@
  1 +input[type='search'].search-text-input {
  2 + background-image: url("icon-search.png");
  3 + background-repeat: no-repeat;
  4 + background-position: 10px;
  5 + padding-left: 25px;
  6 +}
  7 +
  8 +input[type='text'].danger {
  9 + background: #F2DEDE!important;
  10 + border-color: #D66;
  11 + text-shadow: 0 1px 1px #fff
  12 +}
  13 +
  14 +fieldset legend {
  15 + font-size: 16px;
  16 +}
  17 +
  18 +.datetime-controls {
  19 + select {
  20 + width: 100px;
  21 + }
  22 +}
  23 +
  24 +.form-actions {
  25 + padding: 17px 20px 18px;
  26 + margin-top: 18px;
  27 + margin-bottom: 18px;
  28 + background-color: whitesmoke;
  29 + border-top: 1px solid #e5e5e5;
  30 + padding-left: 17%;
  31 +}
  32 +
  33 +label.control-label {
  34 + @extend .col-sm-2;
  35 +}
app/assets/stylesheets/generic/issue_box.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,46 @@ @@ -0,0 +1,46 @@
  1 +/**
  2 + * Issue box:
  3 + * Huge block (one per page) for storing title, descripion and other information.
  4 + * Used for Issue#show page, MergeRequest#show page etc
  5 + *
  6 + * CLasses:
  7 + * .issue-box - Regular box
  8 + */
  9 +
  10 +.issue-box {
  11 + color: #666;
  12 + margin:20px 0;
  13 + background: #FAFAFA;
  14 + border: 1px solid #DDD;
  15 +
  16 + .control-group {
  17 + margin-bottom: 0;
  18 + }
  19 +
  20 + .title {
  21 + font-size: 20px;
  22 + font-weight: 500;
  23 + line-height: 28px;
  24 + margin: 0;
  25 + color: #444;
  26 + }
  27 +
  28 + .context {
  29 + border: none;
  30 + background-color: #f5f5f5;
  31 + border: none;
  32 + border-top: 1px solid #eee;
  33 + }
  34 +
  35 + .description {
  36 + border-top: 1px solid #eee;
  37 + }
  38 +
  39 + .title, .context, .description {
  40 + padding: 15px;
  41 +
  42 + .clearfix {
  43 + margin: 0;
  44 + }
  45 + }
  46 +}
app/assets/stylesheets/generic/lists.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,97 @@ @@ -0,0 +1,97 @@
  1 +/**
  2 + * Well styled list
  3 + *
  4 + */
  5 +.well-list {
  6 + margin: 0;
  7 + padding: 0;
  8 + list-style: none;
  9 +
  10 + li {
  11 + padding: 10px;
  12 + min-height: 20px;
  13 + border-bottom: 1px solid #eee;
  14 + border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  15 +
  16 + &.disabled {
  17 + color: #888;
  18 + }
  19 +
  20 + &.unstyled {
  21 + &:hover {
  22 + background: none;
  23 + }
  24 + }
  25 +
  26 + &.smoke { background-color: #f5f5f5; }
  27 +
  28 + &:hover {
  29 + background: $hover;
  30 + border-bottom: 1px solid #ADF;
  31 + }
  32 +
  33 + &:last-child {
  34 + border-bottom: none;
  35 +
  36 + &.bottom {
  37 + background: #f5f5f5;
  38 + }
  39 + }
  40 +
  41 + .author { color: #999; }
  42 +
  43 + p {
  44 + padding-top: 1px;
  45 + margin: 0;
  46 + color: #222;
  47 + img {
  48 + position: relative;
  49 + top: 3px;
  50 + }
  51 + }
  52 +
  53 + .well-title {
  54 + font-size: 14px;
  55 + line-height: 18px;
  56 + }
  57 + }
  58 +}
  59 +
  60 +ol, ul {
  61 + &.styled {
  62 + li {
  63 + padding: 2px;
  64 + }
  65 + }
  66 +}
  67 +
  68 +/** light list with border-bottom between li **/
  69 +ul.bordered-list {
  70 + margin: 5px 0px;
  71 + padding: 0px;
  72 + li {
  73 + padding: 5px 0;
  74 + border-bottom: 1px solid #EEE;
  75 + overflow: hidden;
  76 + display: block;
  77 + margin: 0px;
  78 + &:last-child { border:none }
  79 + &.active {
  80 + background: #f9f9f9;
  81 + a { font-weight: bold; }
  82 + }
  83 +
  84 + &.light {
  85 + a { color: #777; }
  86 + }
  87 + }
  88 +
  89 + &.top-list {
  90 + li:first-child {
  91 + padding-top: 0;
  92 + h4, h5 {
  93 + margin-top: 0;
  94 + }
  95 + }
  96 + }
  97 +}
app/assets/stylesheets/generic/mixins.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,148 @@ @@ -0,0 +1,148 @@
  1 +/**
  2 + * Generic mixins
  3 + */
  4 + @mixin box-shadow($shadow) {
  5 + -webkit-box-shadow: $shadow;
  6 + -moz-box-shadow: $shadow;
  7 + -ms-box-shadow: $shadow;
  8 + -o-box-shadow: $shadow;
  9 + box-shadow: $shadow;
  10 +}
  11 +
  12 +@mixin border-radius($radius) {
  13 + -webkit-border-radius: $radius;
  14 + -moz-border-radius: $radius;
  15 + -ms-border-radius: $radius;
  16 + -o-border-radius: $radius;
  17 + border-radius: $radius;
  18 +}
  19 +
  20 +@mixin border-radius-left($radius) {
  21 + @include border-radius($radius 0 0 $radius)
  22 +}
  23 +
  24 +@mixin linear-gradient($from, $to) {
  25 + background-image: -webkit-gradient(linear, 0 0, 0 100%, from($from), to($to));
  26 + background-image: -webkit-linear-gradient($from, $to);
  27 + background-image: -moz-linear-gradient($from, $to);
  28 + background-image: -ms-linear-gradient($from, $to);
  29 + background-image: -o-linear-gradient($from, $to);
  30 +}
  31 +
  32 +@mixin transition($transition) {
  33 + -webkit-transition: $transition;
  34 + -moz-transition: $transition;
  35 + -ms-transition: $transition;
  36 + -o-transition: $transition;
  37 + transition: $transition;
  38 +}
  39 +
  40 +/**
  41 + * Prefilled mixins
  42 + * Mixins with fixed values
  43 + */
  44 +@mixin bg-light-gray-gradient {
  45 + background: #f1f1f1;
  46 + background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #f5f5f5), to(#e1e1e1));
  47 + background-image: -webkit-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
  48 + background-image: -moz-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
  49 + background-image: -ms-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
  50 + background-image: -o-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
  51 +}
  52 +
  53 +@mixin bg-gray-gradient {
  54 + background: #eee;
  55 + background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
  56 + background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
  57 + background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
  58 + background-image: -ms-linear-gradient(#eee 6.6%, #dfdfdf);
  59 + background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
  60 +}
  61 +
  62 +@mixin bg-dark-gray-gradient {
  63 + background: #eee;
  64 + background-image: -webkit-linear-gradient(#e9e9e9, #d7d7d7);
  65 + background-image: -moz-linear-gradient(#e9e9e9, #d7d7d7);
  66 + background-image: -ms-linear-gradient(#e9e9e9, #d7d7d7);
  67 + background-image: -o-linear-gradient(#e9e9e9, #d7d7d7);
  68 +}
  69 +
  70 +@mixin shade {
  71 + @include box-shadow(0 0 3px #ddd);
  72 +}
  73 +
  74 +@mixin solid-shade {
  75 + @include box-shadow(0 0 0 3px #f1f1f1);
  76 +}
  77 +
  78 +@mixin header-font {
  79 + color: $style_color;
  80 + text-shadow: 0 1px 1px #FFF;
  81 + font-size: 16px;
  82 + line-height: 44px;
  83 + font-weight: normal;
  84 +}
  85 +
  86 +@mixin md-typography {
  87 + img {
  88 + max-width: 100%;
  89 + }
  90 +
  91 + *:first-child {
  92 + margin-top: 0;
  93 + }
  94 +
  95 + code { padding: 0 4px; }
  96 +
  97 + h1 {
  98 + margin-top: 45px;
  99 + font-size: 2.5em;
  100 + }
  101 +
  102 + h2 {
  103 + margin-top: 40px;
  104 + font-size: 2em;
  105 + }
  106 +
  107 + h3 {
  108 + margin-top: 35px;
  109 + font-size: 2em;
  110 + }
  111 +
  112 + h4 {
  113 + margin-top: 30px;
  114 + font-size: 1.5em;
  115 + }
  116 +
  117 + blockquote p {
  118 + color: #888;
  119 + font-size: 14px;
  120 + line-height: 1.5;
  121 + }
  122 +
  123 + table {
  124 + @extend .table;
  125 + @extend .table-bordered;
  126 + th {
  127 + background: #EEE;
  128 + }
  129 + }
  130 +
  131 + code {
  132 + font-size: inherit;
  133 + font-weight: inherit;
  134 + color: #555;
  135 + }
  136 +
  137 + li {
  138 + line-height: 1.5;
  139 + }
  140 +}
  141 +
  142 +@mixin page-title {
  143 + color: #333;
  144 + font-size: 20px;
  145 + line-height: 1.5;
  146 + margin-top: 0px;
  147 + margin-bottom: 15px;
  148 +}
app/assets/stylesheets/generic/nav.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,91 @@ @@ -0,0 +1,91 @@
  1 +/**
  2 + * nav-pills
  3 + *
  4 + */
  5 +.nav-pills {
  6 + .active a {
  7 + background: $primary_color;
  8 + }
  9 +
  10 + > li > a {
  11 + @include border-radius(0);
  12 + }
  13 +
  14 + &.nav-stacked {
  15 + > li > a {
  16 + border-left: 4px solid #EEE;
  17 + padding: 12px;
  18 + color: #777;
  19 + }
  20 + > .active > a {
  21 + border-color: $primary_color;
  22 + background: none;
  23 + color: #333;
  24 + font-weight: bolder;
  25 + }
  26 +
  27 + &.nav-stacked-menu {
  28 + li > a {
  29 + padding: 16px;
  30 + }
  31 + }
  32 + }
  33 +
  34 + &.nav-pills-small {
  35 + > li > a {
  36 + padding: 8px 12px;
  37 + font-size: 12px;
  38 + }
  39 + }
  40 +}
  41 +
  42 +.nav-pills > .active > a > i[class^="icon-"] { background: inherit; }
  43 +
  44 +
  45 +
  46 +/**
  47 + * nav-tabs
  48 + *
  49 + */
  50 +.nav-tabs > li > a, .nav-pills > li > a { color: $style_color; }
  51 +.nav.nav-tabs {
  52 + li {
  53 + > a {
  54 + padding: 8px 20px;
  55 + margin-right: 7px;
  56 + line-height: 20px;
  57 + border-color: #EEE;
  58 + color: #888;
  59 + border-bottom: 1px solid #ddd;
  60 + .badge {
  61 + background-color: #eee;
  62 + color: #888;
  63 + text-shadow: 0 1px 1px #fff;
  64 + }
  65 + i[class^="icon-"] {
  66 + line-height: 14px;
  67 + }
  68 + }
  69 + &.active {
  70 + > a {
  71 + border-color: #CCC;
  72 + border-bottom: 1px solid #fff;
  73 + color: #333;
  74 + font-weight: bold;
  75 + }
  76 + }
  77 + }
  78 +
  79 + &.nav-small-tabs > li > a { padding: 6px 9px; }
  80 +}
  81 +
  82 +
  83 +
  84 +/**
  85 + * fix to keep tooltips position in top navigation bar
  86 + *
  87 + */
  88 +.navbar .nav > li {
  89 + position: relative;
  90 + white-space: nowrap;
  91 +}
app/assets/stylesheets/generic/typography.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,104 @@ @@ -0,0 +1,104 @@
  1 +/**
  2 + * Headers
  3 + *
  4 + */
  5 +h1.page-title {
  6 + @include page-title;
  7 + font-size: 28px;
  8 +}
  9 +
  10 +h2.page-title {
  11 + @include page-title;
  12 + font-size: 24px;
  13 +}
  14 +
  15 +h3.page-title {
  16 + @include page-title;
  17 +}
  18 +
  19 +h6 {
  20 + color: #888;
  21 + text-transform: uppercase;
  22 +}
  23 +
  24 +/** CODE **/
  25 +pre {
  26 + font-family: $monospace_font;
  27 +
  28 + &.dark {
  29 + background: #333;
  30 + color: #f5f5f5;
  31 + }
  32 +}
  33 +
  34 +/**
  35 + * Links
  36 + *
  37 + */
  38 +a {
  39 + outline: none;
  40 + color: $link_color;
  41 + &:hover {
  42 + text-decoration: none;
  43 + color: $primary_color;
  44 + }
  45 +
  46 + &:focus {
  47 + text-decoration: underline;
  48 + }
  49 +
  50 + &.dark {
  51 + color: $style_color;
  52 + }
  53 +
  54 + &.lined {
  55 + text-decoration: underline;
  56 + &:hover { text-decoration: underline; }
  57 + }
  58 +
  59 + &.gray {
  60 + color: gray;
  61 + }
  62 +
  63 + &.supp_diff_link {
  64 + text-align: center;
  65 + padding: 20px 0;
  66 + background: #f1f1f1;
  67 + width: 100%;
  68 + float: left;
  69 + }
  70 +
  71 + &.neib {
  72 + margin-right: 15px;
  73 + }
  74 +}
  75 +
  76 +a:focus {
  77 + outline: none;
  78 +}
  79 +
  80 +.monospace {
  81 + font-family: $monospace_font;
  82 +}
  83 +
  84 +/**
  85 + * Wiki typography
  86 + *
  87 + */
  88 +.wiki {
  89 + @include md-typography;
  90 +
  91 + font-size: 14px;
  92 + line-height: 1.6;
  93 + .white .highlight pre {
  94 + background: #f5f5f5;
  95 + }
  96 + ul {
  97 + padding: 0;
  98 + margin: 0 0 9px 25px !important;
  99 + }
  100 +}
  101 +
  102 +.md {
  103 + @include md-typography;
  104 +}
app/assets/stylesheets/generic/ui_box.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,172 @@ @@ -0,0 +1,172 @@
  1 +/**
  2 + * UI box:
  3 + * Block element for separating information on page.
  4 + * Used for storing issues lists, grouped data.
  5 + * You can have multiple ui boxes on one page
  6 + *
  7 + * Classes:
  8 + * .ui-box - for any block & widgets
  9 + * .ui-box.ui-box-small - same but with smaller title
  10 + * .ui-box.ui-box-danger - with red title
  11 + *
  12 + * Ex. 1: List
  13 + * .ui-box
  14 + * .title
  15 + * # title here
  16 + * %ul
  17 + * # content here
  18 + *
  19 + * Ex. 2: Block data
  20 + * .ui-box
  21 + * .title
  22 + * # title here
  23 + * .body
  24 + * # content here
  25 + *
  26 + */
  27 +
  28 +.ui-box {
  29 + background: #FFF;
  30 + margin-bottom: 20px;
  31 + border: 1px solid #DDD;
  32 + word-wrap: break-word;
  33 +
  34 + img {
  35 + max-width: 100%;
  36 + }
  37 +
  38 + pre {
  39 + code {
  40 + background: none !important;
  41 + }
  42 + }
  43 +
  44 + ul {
  45 + margin: 0;
  46 + padding: 0;
  47 + }
  48 +
  49 + .title {
  50 + background-color: #EEE;
  51 + border-bottom: 1px solid #DDD;
  52 + color: #666;
  53 + font-size: 16px;
  54 + text-shadow: 0 1px 1px #fff;
  55 + padding: 0 10px;
  56 + font-size: 14px;
  57 + line-height: 40px;
  58 + font-weight: normal;
  59 + margin: 0;
  60 +
  61 + > a {
  62 + text-shadow: 0 1px 1px #fff;
  63 + }
  64 +
  65 + form {
  66 + margin-bottom: 0;
  67 + margin-top: 0;
  68 + }
  69 +
  70 + .btn {
  71 + vertical-align: middle;
  72 + padding: 4px 12px;
  73 + @include box-shadow(0 0px 1px 1px #f2f2f2);
  74 + }
  75 +
  76 + .nav-pills {
  77 + > li {
  78 + > a {
  79 + padding: 13px;
  80 + margin: 0;
  81 + font-size: 13px;
  82 + }
  83 + &.active {
  84 + > a {
  85 + background: #D5D5D5;
  86 + color: $style_color;
  87 + @include border-radius(0);
  88 + border-radius: 0;
  89 + border-left: 1px solid #CCC;
  90 + border-right: 1px solid #CCC;
  91 + }
  92 + }
  93 + }
  94 + }
  95 + }
  96 +
  97 + .body {
  98 + padding: 10px;
  99 + }
  100 +
  101 + &.padded {
  102 + h5, .title {
  103 + margin: -20px;
  104 + margin-bottom: 0;
  105 + padding: 5px 20px;
  106 + }
  107 + }
  108 +
  109 + .row_title {
  110 + font-weight: 500;
  111 + color: #444;
  112 + &:hover {
  113 + color: #444;
  114 + text-decoration: underline;
  115 + }
  116 + }
  117 +
  118 + .form-holder {
  119 + padding-top: 20px;
  120 + form {
  121 + margin-bottom: 0;
  122 + legend {
  123 + text-indent: 10px;
  124 + }
  125 + .form-actions {
  126 + margin-bottom: 0;
  127 + }
  128 + }
  129 + }
  130 +}
  131 +
  132 +/*
  133 + * Small box
  134 + */
  135 +.ui-box.ui-box-small {
  136 + margin-bottom: 10px;
  137 +
  138 + .title {
  139 + font-size: 13px;
  140 + line-height: 30px;
  141 +
  142 + a {
  143 + color: #666;
  144 + &:hover {
  145 + text-decoration: underline;
  146 + }
  147 + }
  148 + }
  149 +}
  150 +
  151 +/*
  152 + * Danger box
  153 + */
  154 +.ui-box.ui-box-danger {
  155 + background: #f7f7f7;
  156 + border: none;
  157 +
  158 + .title {
  159 + background: #D65;
  160 + color: #fff;
  161 + text-shadow: 0 1px 1px #900;
  162 + }
  163 +}
  164 +
  165 +/*
  166 + * Block under tw-bootstrap tabs
  167 + */
  168 +.tab-pane {
  169 + .ui-box {
  170 + margin: 3px 3px 25px 3px;
  171 + }
  172 +}
app/assets/stylesheets/generic/variables.scss 0 → 100644
  Diff comments   View file @fccd70c
@@ -0,0 +1,13 @@ @@ -0,0 +1,13 @@
  1 +/**
  2 + * General Colors
  3 + */
  4 +$primary_color: #2FA0BB;
  5 +$link_color: #3A89A3;
  6 +$style_color: #474D57;
  7 +$hover: #D9EDF7;
  8 +
  9 +/**
  10 + * Commit Diff Colors
  11 + */
  12 +$added: #63c363;
  13 +$deleted: #f77;
app/assets/stylesheets/gitlab_bootstrap.scss
View file @718165b
@@ -1,68 +0,0 @@ @@ -1,68 +0,0 @@
1 -/** Override bootstrap variables **/  
2 -$font-size-base: 13px !default;  
3 -  
4 -@import 'bootstrap';  
5 -/**  
6 - * BOOTSTRAP  
7 - */  
8 -/*@import "bootstrap/variables";*/  
9 -/*@import "bootstrap/mixins";*/  
10 -/*@import "bootstrap/reset";*/  
11 -/*@import "bootstrap/scaffolding";*/  
12 -/*@import "bootstrap/grid";*/  
13 -/*@import "bootstrap/layouts";*/  
14 -/*@import "bootstrap/type";*/  
15 -/*@import "bootstrap/code";*/  
16 -/*@import "bootstrap/forms";*/  
17 -/*@import "bootstrap/tables";*/  
18 -/*@import "bootstrap/sprites";*/  
19 -/*@import "bootstrap/dropdowns";*/  
20 -/*@import "bootstrap/wells";*/  
21 -/*@import "bootstrap/component-animations";*/  
22 -/*@import "bootstrap/close";*/  
23 -/*@import "bootstrap/button-groups";*/  
24 -/*@import "bootstrap/alerts";*/  
25 -/*@import "bootstrap/navs";*/  
26 -/*@import "bootstrap/navbar";*/  
27 -/*@import "bootstrap/breadcrumbs";*/  
28 -/*@import "bootstrap/pagination";*/  
29 -/*@import "bootstrap/pager";*/  
30 -/*@import "bootstrap/modals";*/  
31 -/*@import "bootstrap/tooltip";*/  
32 -/*@import "bootstrap/popovers";*/  
33 -/*@import "bootstrap/thumbnails";*/  
34 -/*@import "bootstrap/media";*/  
35 -/*@import "bootstrap/labels-badges";*/  
36 -/*@import "bootstrap/progress-bars";*/  
37 -/*@import "bootstrap/accordion";*/  
38 -/*@import "bootstrap/carousel";*/  
39 -/*@import "bootstrap/hero-unit";*/  
40 -/*@import "bootstrap/utilities";*/  
41 -/*@import "bootstrap/responsive-utilities";*/  
42 -/*@import "bootstrap/responsive-1200px-min";*/  
43 -  
44 -/**  
45 - * Font icons  
46 - *  
47 - */  
48 -@import "font-awesome";  
49 -  
50 -/**  
51 - * GitLab bootstrap.  
52 - * Overrides some styles of twitter bootstrap.  
53 - * Also give some common classes for GitLab app  
54 - */  
55 -@import "gitlab_bootstrap/variables.scss";  
56 -@import "gitlab_bootstrap/fonts.scss";  
57 -@import "gitlab_bootstrap/mixins.scss";  
58 -@import "gitlab_bootstrap/avatar.scss";  
59 -@import "gitlab_bootstrap/nav.scss";  
60 -@import "gitlab_bootstrap/common.scss";  
61 -@import "gitlab_bootstrap/typography.scss";  
62 -@import "gitlab_bootstrap/buttons.scss";  
63 -@import "gitlab_bootstrap/blocks.scss";  
64 -@import "gitlab_bootstrap/ui_box.scss";  
65 -@import "gitlab_bootstrap/issue_box.scss";  
66 -@import "gitlab_bootstrap/files.scss";  
67 -@import "gitlab_bootstrap/lists.scss";  
68 -@import "gitlab_bootstrap/forms.scss";  
app/assets/stylesheets/gitlab_bootstrap/avatar.scss
View file @718165b
@@ -1,23 +0,0 @@ @@ -1,23 +0,0 @@
1 -.avatar {  
2 - float: left;  
3 - margin-right: 12px;  
4 - width: 40px;  
5 - padding: 1px;  
6 - @include border-radius(4px);  
7 -  
8 - &.avatar-inline {  
9 - float: none;  
10 - margin-left: 3px;  
11 -  
12 - &.s16 { margin-right: 2px; }  
13 - &.s24 { margin-right: 2px; }  
14 - }  
15 -  
16 - &.s16 { width: 16px; height: 16px; margin-right: 6px; }  
17 - &.s24 { width: 24px; height: 24px; margin-right: 8px; }  
18 - &.s26 { width: 26px; height: 26px; margin-right: 8px; }  
19 - &.s32 { width: 32px; height: 32px; margin-right: 10px; }  
20 - &.s60 { width: 60px; height: 60px; margin-right: 12px; }  
21 - &.s90 { width: 90px; height: 90px; margin-right: 15px; }  
22 - &.s160 { width: 160px; height: 160px; margin-right: 20px; }  
23 -}  
app/assets/stylesheets/gitlab_bootstrap/blocks.scss
View file @718165b
@@ -1,4 +0,0 @@ @@ -1,4 +0,0 @@
1 -.light-well {  
2 - background: #f9f9f9;  
3 - padding: 15px;  
4 -}  
app/assets/stylesheets/gitlab_bootstrap/buttons.scss
View file @718165b
@@ -1,158 +0,0 @@ @@ -1,158 +0,0 @@
1 -.btn {  
2 - display: inline-block;  
3 - margin-bottom: 0;  
4 - font-weight: normal;  
5 - text-align: center;  
6 - vertical-align: middle;  
7 - cursor: pointer;  
8 - background-image: none;  
9 - border: 1px solid transparent;  
10 - white-space: nowrap;  
11 - padding: 6px 12px;  
12 - font-size: 13px;  
13 - line-height: 18px;  
14 - border-radius: 4px;  
15 - -webkit-user-select: none;  
16 - -moz-user-select: none;  
17 - -ms-user-select: none;  
18 - -o-user-select: none;  
19 - user-select: none;  
20 - color: #444444;  
21 - background-color: #fff;  
22 - border-color: #ccc;  
23 - text-shadow: none;  
24 -  
25 - &.hover,  
26 - &:hover {  
27 - color: #444444;  
28 - text-decoration: none;  
29 - background-color: #ebebeb;  
30 - border-color: #adadad;  
31 - }  
32 -  
33 - &.focus,  
34 - &:focus {  
35 - color: #444444;  
36 - text-decoration: none;  
37 - outline: thin dotted #333;  
38 - outline: 5px auto -webkit-focus-ring-color;  
39 - outline-offset: -2px;  
40 - }  
41 -  
42 - &.active,  
43 - &:active {  
44 - outline: 0;  
45 - background-image: none;  
46 - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);  
47 - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);  
48 - }  
49 -  
50 - &.disabled,  
51 - &[disabled] {  
52 - cursor: not-allowed;  
53 - pointer-events: none;  
54 - opacity: 0.65;  
55 - filter: alpha(opacity=65);  
56 - -webkit-box-shadow: none;  
57 - box-shadow: none;  
58 - }  
59 -  
60 - &.btn-primary {  
61 - color: #ffffff;  
62 - background-color: #429bca;  
63 - border-color: #358ebd;  
64 -  
65 - &.hover,  
66 - &:hover,  
67 - &.disabled,  
68 - &[disabled] {  
69 - color: #ffffff;  
70 - background-color: #3286b1;  
71 - border-color: #286e8e;  
72 - }  
73 - }  
74 -  
75 - &.btn-success {  
76 - color: #ffffff;  
77 - background-color: #5cb85c;  
78 - border-color: #4cae4c;  
79 -  
80 -  
81 - &.hover,  
82 - &:hover,  
83 - &.disabled,  
84 - &[disabled] {  
85 - color: #ffffff;  
86 - background-color: #47a447;  
87 - border-color: #398439;  
88 - }  
89 - }  
90 -  
91 - &.btn-danger {  
92 - color: #ffffff;  
93 - background-color: #d9534f;  
94 - border-color: #d43f3a;  
95 -  
96 -  
97 - &.hover,  
98 - &:hover,  
99 - &.disabled,  
100 - &[disabled] {  
101 - color: #ffffff;  
102 - background-color: #d2322d;  
103 - border-color: #ac2925;  
104 - }  
105 - }  
106 -  
107 - &.btn-new {  
108 - @extend .btn-success;  
109 - }  
110 -  
111 - &.btn-create {  
112 - @extend .wide;  
113 - @extend .btn-success;  
114 - }  
115 -  
116 - &.btn-save {  
117 - @extend .wide;  
118 - @extend .btn-primary;  
119 - }  
120 -  
121 - &.btn-close,  
122 - &.btn-remove {  
123 - @extend .btn-danger;  
124 - }  
125 -  
126 - &.btn-cancel {  
127 - float: right;  
128 - }  
129 -  
130 - &.wide {  
131 - padding-left: 20px;  
132 - padding-right: 20px;  
133 - }  
134 -  
135 - &.btn-small {  
136 - padding: 2px 10px;  
137 - font-size: 12px;  
138 - }  
139 -  
140 - &.btn-tiny {  
141 - font-size: 11px;  
142 - padding: 2px 6px;  
143 - line-height: 16px;  
144 - margin: 2px;  
145 - }  
146 -  
147 - &.grouped {  
148 - margin-right: 7px;  
149 - float: left;  
150 - }  
151 -  
152 - &.btn-block {  
153 - width: 100%;  
154 - margin: 0;  
155 - padding: 6px 0;  
156 - margin-bottom: 15px;  
157 - }  
158 -}  
app/assets/stylesheets/gitlab_bootstrap/common.scss
View file @718165b
@@ -1,138 +0,0 @@ @@ -1,138 +0,0 @@
1 -/** COLORS **/  
2 -.cgray { color: gray }  
3 -.clgray { color: #BBB }  
4 -.cred { color: #D12F19 }  
5 -.cgreen { color: #4a2 }  
6 -.cblue { color: #29A }  
7 -.cblack { color: #111 }  
8 -.cdark { color: #444 }  
9 -.camber { color: #ffc000 }  
10 -.cwhite { color: #fff!important }  
11 -.bgred { background: #F2DEDE!important }  
12 -  
13 -/** COMMON CLASSES **/  
14 -.left { float:left }  
15 -  
16 -.prepend-top-10 { margin-top:10px }  
17 -.prepend-top-20 { margin-top:20px }  
18 -.prepend-left-10 { margin-left:10px }  
19 -.prepend-left-20 { margin-left:20px }  
20 -.append-right-10 { margin-right:10px }  
21 -.append-right-20 { margin-right:20px }  
22 -.append-bottom-10 { margin-bottom:10px }  
23 -.append-bottom-15 { margin-bottom:15px }  
24 -.append-bottom-20 { margin-bottom:20px }  
25 -.inline { display: inline-block }  
26 -  
27 -.padded { padding:20px }  
28 -.ipadded { padding:20px!important }  
29 -.lborder { border-left:1px solid #eee }  
30 -.underlined_link { text-decoration: underline; }  
31 -.hint { font-style: italic; color: #999; }  
32 -.light { color: #888 }  
33 -.tiny { font-weight: normal }  
34 -.vtop { vertical-align: top !important; }  
35 -  
36 -  
37 -/** ALERT MESSAGES **/  
38 -.alert.alert-disabled {  
39 - background: #EEE;  
40 - color: #777;  
41 - border-color: #DDD;  
42 -}  
43 -  
44 -/** HELPERS **/  
45 -.nothing_here_message {  
46 - text-align: center;  
47 - padding: 20px;  
48 - color: #666;  
49 - font-weight: normal;  
50 - font-size: 16px;  
51 - line-height: 36px;  
52 -}  
53 -  
54 -.slead {  
55 - color: #666;  
56 - font-size: 14px;  
57 - margin-bottom: 12px;  
58 - font-weight: normal;  
59 - line-height: 24px;  
60 -}  
61 -  
62 -  
63 -.tab-content {  
64 - overflow: visible;  
65 -}  
66 -  
67 -@media (max-width: 1200px) {  
68 - .only-wide {  
69 - display: none;  
70 - }  
71 -}  
72 -  
73 -pre.well-pre {  
74 - border: 1px solid #EEE;  
75 - background: #f9f9f9;  
76 - border-radius: 0;  
77 - color: #555;  
78 -}  
79 -  
80 -.input-append .btn.active, .input-prepend .btn.active {  
81 - background: #CCC;  
82 - border-color: #BBB;  
83 - text-shadow: 0 1px 1px #fff;  
84 - font-weight: bold;  
85 - @include box-shadow(inset 0 2px 4px rgba(0,0,0,.15));  
86 -}  
87 -  
88 -.label {  
89 - padding: 2px 4px;  
90 - font-size: 12px;  
91 - font-style: normal;  
92 - font-weight: normal;  
93 -  
94 - &.label-gray {  
95 - background-color: #eee;  
96 - color: #999;  
97 - text-shadow: none;  
98 - }  
99 -}  
100 -  
101 -/** Big Labels **/  
102 -.state-label {  
103 - font-size: 14px;  
104 - padding: 6px 25px;  
105 - text-align: center;  
106 - @include border-radius(4px);  
107 - text-shadow: none;  
108 - margin-left: 10px;  
109 -  
110 - &.state-label-green {  
111 - background: #4A4;  
112 - color: #FFF;  
113 - }  
114 -  
115 - &.state-label-red {  
116 - background: #DA4E49;  
117 - color: #FFF;  
118 - }  
119 -}  
120 -  
121 -.dropdown-menu > li > a {  
122 - text-shadow: none;  
123 -}  
124 -  
125 -.dropdown-menu > li > a:hover,  
126 -.dropdown-menu > li > a:focus {  
127 - background: #29b;  
128 -}  
129 -  
130 -.gl-hide {  
131 - display: none;  
132 -}  
133 -  
134 -.breadcrumb > li + li:before {  
135 - content: "/";  
136 - padding: 0;  
137 - color: #666;  
138 -}  
app/assets/stylesheets/gitlab_bootstrap/files.scss
View file @718165b
@@ -1,218 +0,0 @@ @@ -1,218 +0,0 @@
1 -/**  
2 - * File content holder  
3 - *  
4 - */  
5 -.file-holder {  
6 - border: 1px solid #CCC;  
7 - margin-bottom: 1em;  
8 -  
9 - table {  
10 - @extend .table;  
11 - }  
12 -  
13 - .file-title {  
14 - background: #DDD;  
15 - border-bottom: 1px solid #CCC;  
16 - text-shadow: 0 1px 1px #fff;  
17 - margin: 0;  
18 - font-weight: normal;  
19 - font-weight: bold;  
20 - text-align: left;  
21 - color: $style_color;  
22 - padding: 9px 10px;  
23 -  
24 - .options {  
25 - float: right;  
26 - margin-top: -5px;  
27 - }  
28 -  
29 - .file_name {  
30 - color: $style_color;  
31 - font-size: 14px;  
32 - text-shadow: 0 1px 1px #fff;  
33 - small {  
34 - color: #999;  
35 - font-size: 13px;  
36 - }  
37 - }  
38 - }  
39 - .file-content {  
40 - background: #fff;  
41 - font-size: 11px;  
42 -  
43 - &.image_file {  
44 - background: #eee;  
45 - text-align: center;  
46 - img {  
47 - padding: 100px;  
48 - max-width: 300px;  
49 - }  
50 - }  
51 -  
52 - &.wiki {  
53 - padding: 20px;  
54 - font-size: 14px;  
55 - line-height: 1.6;  
56 -  
57 - .highlight {  
58 - margin-bottom: 9px;  
59 - @include border-radius(4px);  
60 -  
61 - > pre {  
62 - margin: 0;  
63 - }  
64 - }  
65 - }  
66 -  
67 - &.blob_file {  
68 -  
69 - }  
70 -  
71 - &.blob-no-preview {  
72 - background: #eee;  
73 - text-shadow: 0 1px 2px #FFF;  
74 - padding: 100px 0;  
75 - }  
76 -  
77 - /**  
78 - * Blame file  
79 - */  
80 - &.blame {  
81 - table {  
82 - border: none;  
83 - box-shadow: none;  
84 - margin: 0;  
85 - }  
86 - tr {  
87 - border-bottom: 1px solid #eee;  
88 - }  
89 - td {  
90 - &:first-child {  
91 - border-left: none;  
92 - }  
93 - &:last-child {  
94 - border-right: none;  
95 - }  
96 - background: #fff;  
97 - padding: 5px;  
98 - }  
99 - .author,  
100 - .blame_commit {  
101 - background: #f5f5f5;  
102 - vertical-align: top;  
103 - }  
104 - .lines {  
105 - pre {  
106 - padding: 0;  
107 - margin: 0;  
108 - background: none;  
109 - border: none;  
110 - }  
111 - }  
112 - }  
113 -  
114 - &.logs {  
115 - background: #eee;  
116 - max-height: 700px;  
117 - overflow-y: auto;  
118 -  
119 - ol {  
120 - margin-left: 40px;  
121 - padding: 10px 0;  
122 - border-left: 1px solid #CCC;  
123 - margin-bottom: 0;  
124 - background: white;  
125 - li {  
126 - color: #888;  
127 - p {  
128 - margin: 0;  
129 - color: #333;  
130 - line-height: 24px;  
131 - padding-left: 10px;  
132 - }  
133 -  
134 - &:hover {  
135 - background: $hover;  
136 - }  
137 - }  
138 - }  
139 - }  
140 -  
141 - /**  
142 - * Code file  
143 - */  
144 - &.code {  
145 - padding: 0;  
146 -  
147 - table.lines {  
148 - border: none;  
149 - box-shadow: none;  
150 - margin: 0px;  
151 - padding: 0px;  
152 - table-layout: fixed;  
153 -  
154 - pre {  
155 - border: none;  
156 - border-radius: 0;  
157 - font-family: $monospace_font;  
158 - font-size: 12px !important;  
159 - line-height: 16px !important;  
160 - margin: 0;  
161 - padding: 10px 0;  
162 - }  
163 - td {  
164 - border: none;  
165 - margin: 0;  
166 - padding: 0;  
167 - vertical-align: top;  
168 -  
169 - &:first-child {  
170 - background: #eee;  
171 - width: 50px;  
172 - }  
173 - &:last-child {  
174 - }  
175 - }  
176 - tr:hover {  
177 - background: none;  
178 - }  
179 -  
180 - pre.line_numbers {  
181 - color: #666;  
182 - padding: 10px 6px 10px 0;  
183 - text-align: right;  
184 - background: #EEE;  
185 -  
186 - a {  
187 - color: #666;  
188 -  
189 - i {  
190 - display: none;  
191 - font-size: 14px;  
192 - line-height: 14px;  
193 - }  
194 - &:hover i {  
195 - display: inherit;  
196 - }  
197 - }  
198 - }  
199 -  
200 - .highlight {  
201 - border-left: 1px solid #DEE2E3;  
202 - overflow: auto;  
203 - overflow-y: hidden;  
204 -  
205 - pre {  
206 - white-space: pre;  
207 - word-wrap: normal;  
208 -  
209 - .line {  
210 - padding: 0 10px;  
211 - }  
212 - }  
213 - }  
214 - }  
215 - }  
216 - }  
217 -}  
218 -  
app/assets/stylesheets/gitlab_bootstrap/fonts.scss
View file @718165b
@@ -1,2 +0,0 @@ @@ -1,2 +0,0 @@
1 -/** Typo **/  
2 -$monospace_font: 'Menlo', 'Liberation Mono', 'Consolas', 'Courier New', 'andale mono', 'lucida console', monospace;  
app/assets/stylesheets/gitlab_bootstrap/forms.scss
View file @718165b
@@ -1,35 +0,0 @@ @@ -1,35 +0,0 @@
1 -input[type='search'].search-text-input {  
2 - background-image: url("icon-search.png");  
3 - background-repeat: no-repeat;  
4 - background-position: 10px;  
5 - padding-left: 25px;  
6 -}  
7 -  
8 -input[type='text'].danger {  
9 - background: #F2DEDE!important;  
10 - border-color: #D66;  
11 - text-shadow: 0 1px 1px #fff  
12 -}  
13 -  
14 -fieldset legend {  
15 - font-size: 16px;  
16 -}  
17 -  
18 -.datetime-controls {  
19 - select {  
20 - width: 100px;  
21 - }  
22 -}  
23 -  
24 -.form-actions {  
25 - padding: 17px 20px 18px;  
26 - margin-top: 18px;  
27 - margin-bottom: 18px;  
28 - background-color: whitesmoke;  
29 - border-top: 1px solid #e5e5e5;  
30 - padding-left: 17%;  
31 -}  
32 -  
33 -label.control-label {  
34 - @extend .col-sm-2;  
35 -}  
app/assets/stylesheets/gitlab_bootstrap/issue_box.scss
View file @718165b
@@ -1,46 +0,0 @@ @@ -1,46 +0,0 @@
1 -/**  
2 - * Issue box:  
3 - * Huge block (one per page) for storing title, descripion and other information.  
4 - * Used for Issue#show page, MergeRequest#show page etc  
5 - *  
6 - * CLasses:  
7 - * .issue-box - Regular box  
8 - */  
9 -  
10 -.issue-box {  
11 - color: #666;  
12 - margin:20px 0;  
13 - background: #FAFAFA;  
14 - border: 1px solid #DDD;  
15 -  
16 - .control-group {  
17 - margin-bottom: 0;  
18 - }  
19 -  
20 - .title {  
21 - font-size: 20px;  
22 - font-weight: 500;  
23 - line-height: 28px;  
24 - margin: 0;  
25 - color: #444;  
26 - }  
27 -  
28 - .context {  
29 - border: none;  
30 - background-color: #f5f5f5;  
31 - border: none;  
32 - border-top: 1px solid #eee;  
33 - }  
34 -  
35 - .description {  
36 - border-top: 1px solid #eee;  
37 - }  
38 -  
39 - .title, .context, .description {  
40 - padding: 15px;  
41 -  
42 - .clearfix {  
43 - margin: 0;  
44 - }  
45 - }  
46 -}  
app/assets/stylesheets/gitlab_bootstrap/lists.scss
View file @718165b
@@ -1,97 +0,0 @@ @@ -1,97 +0,0 @@
1 -/**  
2 - * Well styled list  
3 - *  
4 - */  
5 -.well-list {  
6 - margin: 0;  
7 - padding: 0;  
8 - list-style: none;  
9 -  
10 - li {  
11 - padding: 10px;  
12 - min-height: 20px;  
13 - border-bottom: 1px solid #eee;  
14 - border-bottom: 1px solid rgba(0, 0, 0, 0.05);  
15 -  
16 - &.disabled {  
17 - color: #888;  
18 - }  
19 -  
20 - &.unstyled {  
21 - &:hover {  
22 - background: none;  
23 - }  
24 - }  
25 -  
26 - &.smoke { background-color: #f5f5f5; }  
27 -  
28 - &:hover {  
29 - background: $hover;  
30 - border-bottom: 1px solid #ADF;  
31 - }  
32 -  
33 - &:last-child {  
34 - border-bottom: none;  
35 -  
36 - &.bottom {  
37 - background: #f5f5f5;  
38 - }  
39 - }  
40 -  
41 - .author { color: #999; }  
42 -  
43 - p {  
44 - padding-top: 1px;  
45 - margin: 0;  
46 - color: #222;  
47 - img {  
48 - position: relative;  
49 - top: 3px;  
50 - }  
51 - }  
52 -  
53 - .well-title {  
54 - font-size: 14px;  
55 - line-height: 18px;  
56 - }  
57 - }  
58 -}  
59 -  
60 -ol, ul {  
61 - &.styled {  
62 - li {  
63 - padding: 2px;  
64 - }  
65 - }  
66 -}  
67 -  
68 -/** light list with border-bottom between li **/  
69 -ul.bordered-list {  
70 - margin: 5px 0px;  
71 - padding: 0px;  
72 - li {  
73 - padding: 5px 0;  
74 - border-bottom: 1px solid #EEE;  
75 - overflow: hidden;  
76 - display: block;  
77 - margin: 0px;  
78 - &:last-child { border:none }  
79 - &.active {  
80 - background: #f9f9f9;  
81 - a { font-weight: bold; }  
82 - }  
83 -  
84 - &.light {  
85 - a { color: #777; }  
86 - }  
87 - }  
88 -  
89 - &.top-list {  
90 - li:first-child {  
91 - padding-top: 0;  
92 - h4, h5 {  
93 - margin-top: 0;  
94 - }  
95 - }  
96 - }  
97 -}  
app/assets/stylesheets/gitlab_bootstrap/mixins.scss
View file @718165b
@@ -1,148 +0,0 @@ @@ -1,148 +0,0 @@
1 -/**  
2 - * Generic mixins  
3 - */  
4 - @mixin box-shadow($shadow) {  
5 - -webkit-box-shadow: $shadow;  
6 - -moz-box-shadow: $shadow;  
7 - -ms-box-shadow: $shadow;  
8 - -o-box-shadow: $shadow;  
9 - box-shadow: $shadow;  
10 -}  
11 -  
12 -@mixin border-radius($radius) {  
13 - -webkit-border-radius: $radius;  
14 - -moz-border-radius: $radius;  
15 - -ms-border-radius: $radius;  
16 - -o-border-radius: $radius;  
17 - border-radius: $radius;  
18 -}  
19 -  
20 -@mixin border-radius-left($radius) {  
21 - @include border-radius($radius 0 0 $radius)  
22 -}  
23 -  
24 -@mixin linear-gradient($from, $to) {  
25 - background-image: -webkit-gradient(linear, 0 0, 0 100%, from($from), to($to));  
26 - background-image: -webkit-linear-gradient($from, $to);  
27 - background-image: -moz-linear-gradient($from, $to);  
28 - background-image: -ms-linear-gradient($from, $to);  
29 - background-image: -o-linear-gradient($from, $to);  
30 -}  
31 -  
32 -@mixin transition($transition) {  
33 - -webkit-transition: $transition;  
34 - -moz-transition: $transition;  
35 - -ms-transition: $transition;  
36 - -o-transition: $transition;  
37 - transition: $transition;  
38 -}  
39 -  
40 -/**  
41 - * Prefilled mixins  
42 - * Mixins with fixed values  
43 - */  
44 -@mixin bg-light-gray-gradient {  
45 - background: #f1f1f1;  
46 - background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #f5f5f5), to(#e1e1e1));  
47 - background-image: -webkit-linear-gradient(#f5f5f5 6.6%, #e1e1e1);  
48 - background-image: -moz-linear-gradient(#f5f5f5 6.6%, #e1e1e1);  
49 - background-image: -ms-linear-gradient(#f5f5f5 6.6%, #e1e1e1);  
50 - background-image: -o-linear-gradient(#f5f5f5 6.6%, #e1e1e1);  
51 -}  
52 -  
53 -@mixin bg-gray-gradient {  
54 - background: #eee;  
55 - background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));  
56 - background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);  
57 - background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);  
58 - background-image: -ms-linear-gradient(#eee 6.6%, #dfdfdf);  
59 - background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);  
60 -}  
61 -  
62 -@mixin bg-dark-gray-gradient {  
63 - background: #eee;  
64 - background-image: -webkit-linear-gradient(#e9e9e9, #d7d7d7);  
65 - background-image: -moz-linear-gradient(#e9e9e9, #d7d7d7);  
66 - background-image: -ms-linear-gradient(#e9e9e9, #d7d7d7);  
67 - background-image: -o-linear-gradient(#e9e9e9, #d7d7d7);  
68 -}  
69 -  
70 -@mixin shade {  
71 - @include box-shadow(0 0 3px #ddd);  
72 -}  
73 -  
74 -@mixin solid-shade {  
75 - @include box-shadow(0 0 0 3px #f1f1f1);  
76 -}  
77 -  
78 -@mixin header-font {  
79 - color: $style_color;  
80 - text-shadow: 0 1px 1px #FFF;  
81 - font-size: 16px;  
82 - line-height: 44px;  
83 - font-weight: normal;  
84 -}  
85 -  
86 -@mixin md-typography {  
87 - img {  
88 - max-width: 100%;  
89 - }  
90 -  
91 - *:first-child {  
92 - margin-top: 0;  
93 - }  
94 -  
95 - code { padding: 0 4px; }  
96 -  
97 - h1 {  
98 - margin-top: 45px;  
99 - font-size: 2.5em;  
100 - }  
101 -  
102 - h2 {  
103 - margin-top: 40px;  
104 - font-size: 2em;  
105 - }  
106 -  
107 - h3 {  
108 - margin-top: 35px;  
109 - font-size: 2em;  
110 - }  
111 -  
112 - h4 {  
113 - margin-top: 30px;  
114 - font-size: 1.5em;  
115 - }  
116 -  
117 - blockquote p {  
118 - color: #888;  
119 - font-size: 14px;  
120 - line-height: 1.5;  
121 - }  
122 -  
123 - table {  
124 - @extend .table;  
125 - @extend .table-bordered;  
126 - th {  
127 - background: #EEE;  
128 - }  
129 - }  
130 -  
131 - code {  
132 - font-size: inherit;  
133 - font-weight: inherit;  
134 - color: #555;  
135 - }  
136 -  
137 - li {  
138 - line-height: 1.5;  
139 - }  
140 -}  
141 -  
142 -@mixin page-title {  
143 - color: #333;  
144 - font-size: 20px;  
145 - line-height: 1.5;  
146 - margin-top: 0px;  
147 - margin-bottom: 15px;  
148 -}  
app/assets/stylesheets/gitlab_bootstrap/nav.scss
View file @718165b
@@ -1,91 +0,0 @@ @@ -1,91 +0,0 @@
1 -/**  
2 - * nav-pills  
3 - *  
4 - */  
5 -.nav-pills {  
6 - .active a {  
7 - background: $primary_color;  
8 - }  
9 -  
10 - > li > a {  
11 - @include border-radius(0);  
12 - }  
13 -  
14 - &.nav-stacked {  
15 - > li > a {  
16 - border-left: 4px solid #EEE;  
17 - padding: 12px;  
18 - color: #777;  
19 - }  
20 - > .active > a {  
21 - border-color: $primary_color;  
22 - background: none;  
23 - color: #333;  
24 - font-weight: bolder;  
25 - }  
26 -  
27 - &.nav-stacked-menu {  
28 - li > a {  
29 - padding: 16px;  
30 - }  
31 - }  
32 - }  
33 -  
34 - &.nav-pills-small {  
35 - > li > a {  
36 - padding: 8px 12px;  
37 - font-size: 12px;  
38 - }  
39 - }  
40 -}  
41 -  
42 -.nav-pills > .active > a > i[class^="icon-"] { background: inherit; }  
43 -  
44 -  
45 -  
46 -/**  
47 - * nav-tabs  
48 - *  
49 - */  
50 -.nav-tabs > li > a, .nav-pills > li > a { color: $style_color; }  
51 -.nav.nav-tabs {  
52 - li {  
53 - > a {  
54 - padding: 8px 20px;  
55 - margin-right: 7px;  
56 - line-height: 20px;  
57 - border-color: #EEE;  
58 - color: #888;  
59 - border-bottom: 1px solid #ddd;  
60 - .badge {  
61 - background-color: #eee;  
62 - color: #888;  
63 - text-shadow: 0 1px 1px #fff;  
64 - }  
65 - i[class^="icon-"] {  
66 - line-height: 14px;  
67 - }  
68 - }  
69 - &.active {  
70 - > a {  
71 - border-color: #CCC;  
72 - border-bottom: 1px solid #fff;  
73 - color: #333;  
74 - font-weight: bold;  
75 - }  
76 - }  
77 - }  
78 -  
79 - &.nav-small-tabs > li > a { padding: 6px 9px; }  
80 -}  
81 -  
82 -  
83 -  
84 -/**  
85 - * fix to keep tooltips position in top navigation bar  
86 - *  
87 - */  
88 -.navbar .nav > li {  
89 - position: relative;  
90 - white-space: nowrap;  
91 -}  
app/assets/stylesheets/gitlab_bootstrap/typography.scss
View file @718165b
@@ -1,104 +0,0 @@ @@ -1,104 +0,0 @@
1 -/**  
2 - * Headers  
3 - *  
4 - */  
5 -h1.page-title {  
6 - @include page-title;  
7 - font-size: 28px;  
8 -}  
9 -  
10 -h2.page-title {  
11 - @include page-title;  
12 - font-size: 24px;  
13 -}  
14 -  
15 -h3.page-title {  
16 - @include page-title;  
17 -}  
18 -  
19 -h6 {  
20 - color: #888;  
21 - text-transform: uppercase;  
22 -}  
23 -  
24 -/** CODE **/  
25 -pre {  
26 - font-family: $monospace_font;  
27 -  
28 - &.dark {  
29 - background: #333;  
30 - color: #f5f5f5;  
31 - }  
32 -}  
33 -  
34 -/**  
35 - * Links  
36 - *  
37 - */  
38 -a {  
39 - outline: none;  
40 - color: $link_color;  
41 - &:hover {  
42 - text-decoration: none;  
43 - color: $primary_color;  
44 - }  
45 -  
46 - &:focus {  
47 - text-decoration: underline;  
48 - }  
49 -  
50 - &.dark {  
51 - color: $style_color;  
52 - }  
53 -  
54 - &.lined {  
55 - text-decoration: underline;  
56 - &:hover { text-decoration: underline; }  
57 - }  
58 -  
59 - &.gray {  
60 - color: gray;  
61 - }  
62 -  
63 - &.supp_diff_link {  
64 - text-align: center;  
65 - padding: 20px 0;  
66 - background: #f1f1f1;  
67 - width: 100%;  
68 - float: left;  
69 - }  
70 -  
71 - &.neib {  
72 - margin-right: 15px;  
73 - }  
74 -}  
75 -  
76 -a:focus {  
77 - outline: none;  
78 -}  
79 -  
80 -.monospace {  
81 - font-family: $monospace_font;  
82 -}  
83 -  
84 -/**  
85 - * Wiki typography  
86 - *  
87 - */  
88 -.wiki {  
89 - @include md-typography;  
90 -  
91 - font-size: 14px;  
92 - line-height: 1.6;  
93 - .white .highlight pre {  
94 - background: #f5f5f5;  
95 - }  
96 - ul {  
97 - padding: 0;  
98 - margin: 0 0 9px 25px !important;  
99 - }  
100 -}  
101 -  
102 -.md {  
103 - @include md-typography;  
104 -}  
app/assets/stylesheets/gitlab_bootstrap/ui_box.scss
View file @718165b
@@ -1,172 +0,0 @@ @@ -1,172 +0,0 @@
1 -/**  
2 - * UI box:  
3 - * Block element for separating information on page.  
4 - * Used for storing issues lists, grouped data.  
5 - * You can have multiple ui boxes on one page  
6 - *  
7 - * Classes:  
8 - * .ui-box - for any block & widgets  
9 - * .ui-box.ui-box-small - same but with smaller title  
10 - * .ui-box.ui-box-danger - with red title  
11 - *  
12 - * Ex. 1: List  
13 - * .ui-box  
14 - * .title  
15 - * # title here  
16 - * %ul  
17 - * # content here  
18 - *  
19 - * Ex. 2: Block data  
20 - * .ui-box  
21 - * .title  
22 - * # title here  
23 - * .body  
24 - * # content here  
25 - *  
26 - */  
27 -  
28 -.ui-box {  
29 - background: #FFF;  
30 - margin-bottom: 20px;  
31 - border: 1px solid #DDD;  
32 - word-wrap: break-word;  
33 -  
34 - img {  
35 - max-width: 100%;  
36 - }  
37 -  
38 - pre {  
39 - code {  
40 - background: none !important;  
41 - }  
42 - }  
43 -  
44 - ul {  
45 - margin: 0;  
46 - padding: 0;  
47 - }  
48 -  
49 - .title {  
50 - background-color: #EEE;  
51 - border-bottom: 1px solid #DDD;  
52 - color: #666;  
53 - font-size: 16px;  
54 - text-shadow: 0 1px 1px #fff;  
55 - padding: 0 10px;  
56 - font-size: 14px;  
57 - line-height: 40px;  
58 - font-weight: normal;  
59 - margin: 0;  
60 -  
61 - > a {  
62 - text-shadow: 0 1px 1px #fff;  
63 - }  
64 -  
65 - form {  
66 - margin-bottom: 0;  
67 - margin-top: 0;  
68 - }  
69 -  
70 - .btn {  
71 - vertical-align: middle;  
72 - padding: 4px 12px;  
73 - @include box-shadow(0 0px 1px 1px #f2f2f2);  
74 - }  
75 -  
76 - .nav-pills {  
77 - > li {  
78 - > a {  
79 - padding: 13px;  
80 - margin: 0;  
81 - font-size: 13px;  
82 - }  
83 - &.active {  
84 - > a {  
85 - background: #D5D5D5;  
86 - color: $style_color;  
87 - @include border-radius(0);  
88 - border-radius: 0;  
89 - border-left: 1px solid #CCC;  
90 - border-right: 1px solid #CCC;  
91 - }  
92 - }  
93 - }  
94 - }  
95 - }  
96 -  
97 - .body {  
98 - padding: 10px;  
99 - }  
100 -  
101 - &.padded {  
102 - h5, .title {  
103 - margin: -20px;  
104 - margin-bottom: 0;  
105 - padding: 5px 20px;  
106 - }  
107 - }  
108 -  
109 - .row_title {  
110 - font-weight: 500;  
111 - color: #444;  
112 - &:hover {  
113 - color: #444;  
114 - text-decoration: underline;  
115 - }  
116 - }  
117 -  
118 - .form-holder {  
119 - padding-top: 20px;  
120 - form {  
121 - margin-bottom: 0;  
122 - legend {  
123 - text-indent: 10px;  
124 - }  
125 - .form-actions {  
126 - margin-bottom: 0;  
127 - }  
128 - }  
129 - }  
130 -}  
131 -  
132 -/*  
133 - * Small box  
134 - */  
135 -.ui-box.ui-box-small {  
136 - margin-bottom: 10px;  
137 -  
138 - .title {  
139 - font-size: 13px;  
140 - line-height: 30px;  
141 -  
142 - a {  
143 - color: #666;  
144 - &:hover {  
145 - text-decoration: underline;  
146 - }  
147 - }  
148 - }  
149 -}  
150 -  
151 -/*  
152 - * Danger box  
153 - */  
154 -.ui-box.ui-box-danger {  
155 - background: #f7f7f7;  
156 - border: none;  
157 -  
158 - .title {  
159 - background: #D65;  
160 - color: #fff;  
161 - text-shadow: 0 1px 1px #900;  
162 - }  
163 -}  
164 -  
165 -/*  
166 - * Block under tw-bootstrap tabs  
167 - */  
168 -.tab-pane {  
169 - .ui-box {  
170 - margin: 3px 3px 25px 3px;  
171 - }  
172 -}  
app/assets/stylesheets/gitlab_bootstrap/variables.scss
View file @718165b
@@ -1,13 +0,0 @@ @@ -1,13 +0,0 @@
1 -/**  
2 - * General Colors  
3 - */  
4 -$primary_color: #2FA0BB;  
5 -$link_color: #3A89A3;  
6 -$style_color: #474D57;  
7 -$hover: #D9EDF7;  
8 -  
9 -/**  
10 - * Commit Diff Colors  
11 - */  
12 -$added: #63c363;  
13 -$deleted: #f77;