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 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 33 @import "common.scss";
18 34 @import "selects.scss";
... ...
app/assets/stylesheets/generic.scss 0 → 100644
  Diff comments   View file @fccd70c
... ... @@ -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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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   -/** 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   -.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   -.light-well {
2   - background: #f9f9f9;
3   - padding: 15px;
4   -}
app/assets/stylesheets/gitlab_bootstrap/buttons.scss
View file @718165b
... ... @@ -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   -/** 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   -/**
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   -/** 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   -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   -/**
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   -/**
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   -/**
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   -/**
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   -/**
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   -/**
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   -/**
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;