}
.container .content {
- margin:0 0;
+ margin: 0 0;
}
.container .sidebar {
text-decoration: underline;
font-size: 14px;
font-weight: bold;
- padding:10px 0;
+ padding: 10px 0;
padding-bottom: 0;
}
}
.loading {
- margin:20px auto;
+ margin: 20px auto;
background: url(ajax_loader.gif) no-repeat center center;
width: 40px;
height: 40px;
overflow: hidden;
background: white;
cursor: pointer;
- border-bottom:1px solid #ccc;
+ border-bottom: 1px solid #ccc;
h4 {
- color:#666;
+ color: #666;
font-size: 18px;
line-height: 38px;
padding-top: 5px;
display: block;
}
span.update-author {
- color:#999;
+ color: #999;
font-weight: normal;
font-style: italic;
}
display: none;
}
.user-mention {
- color:#2FA0BB;
+ color: #2FA0BB;
font-weight: bold;
}
&.label-tag {
background: none;
border: none;
- padding:4px 6px;
- color:#444;
- text-shadow:0 0 1px #fff;
+ padding: 4px 6px;
+ color: #444;
+ text-shadow: 0 0 1px #fff;
&.grouped {
float: left;
&.label-issue {
background-color: #eee;
border: 1px solid #ccc;
- padding:4px 6px;
- color:#444;
- text-shadow:0 0 1px #fff;
+ padding: 4px 6px;
+ color: #444;
+ text-shadow: 0 0 1px #fff;
&.grouped {
float: left;
}
a {
- color:#474D57;
+ color: #474D57;
font-weight: bold;
font-size: 14px;
}
/** bordered list **/
ul.bordered-list {
- margin:5px 0px;
+ margin: 5px 0px;
padding: 0px;
li {
padding: 5px 0;
.styled_image {
- border:2px solid #ddd;
+ border: 2px solid #ddd;
}
.leftbar {
h5, .title {
- padding:5px 10px;
+ padding: 5px 10px;
}
h4 {
font-size: 14px;
- padding:2px 10px;
- color:#666;
- border-bottom:1px solid #f1f1f1;
+ padding: 2px 10px;
+ color: #666;
+ border-bottom: 1px solid #f1f1f1;
}
a:last-child h4 { border: none; }
a:hover {
h4 {
- color:#111;
+ color: #111;
background: $hover;
- border-color:#CCC;
+ border-color: #CCC;
.ico.project {
background-position:-209px -21px;
}
.highlight_word {
- background:#EEDC94;
+ background: #EEDC94;
}
.status_info {
font-size: 14px;
- padding:5px 15px;
+ padding: 5px 15px;
line-height: 24px;
width: 60px;
text-align: center;
background: #E3E5EA;
padding: 5px;
margin-top: 5px;
- border-radius: 5px;
+ @include border-radius(5px);
text-shadow: none;
color: #999;
line-height: 16px;
.team_member_show {
td:first-child {
- color:#aaa;
+ color: #aaa;
}
}
/* CHZN reset few styles */
.chzn-container-single .chzn-single {
- background:#FFF;
+ background: #FFF;
border: 1px solid #bbb;
box-shadow: none;
}
.chzn-container-active .chzn-single {
- background:#fff;
+ background: #fff;
}
.issue {
&.today{
background: #EFE;
- border-color:#CEC;
+ border-color: #CEC;
}
&.closed {
background: #F5f5f5;
- border-color:#E5E5E5;
+ border-color: #E5E5E5;
}
&.merged {
background: #F5f5f5;
- border-color:#E5E5E5;
+ border-color: #E5E5E5;
}
}
}
.active {
img {
- border:1px solid #ccc;
+ border: 1px solid #ccc;
background: $hover;
@include border-radius(5px);
}
.gitlab-promo {
a {
- color:#aaa;
+ color: #aaa;
margin-right: 30px;
}
}
}
.middle_box_content {
- border-radius: 0;
+ @include border-radius(0);
border: none;
font-size: 12px;
- background-color:#f5f5f5;
+ background-color: #f5f5f5;
border: none;
- border-top:1px solid #eee;
+ border-top: 1px solid #eee;
}
.bottom_box_content {
- border-top:1px solid #eee;
+ border-top: 1px solid #eee;
}
}
*
*/
.ui-box {
- background:#F9F9F9;
+ background: #F9F9F9;
margin-bottom: 25px;
@include round-borders-all(4px);
border-color: #CCC;
@include solid_shade;
&.white {
- background:#fff;
+ background: #fff;
}
ul {
}
form {
- padding:9px 0;
+ padding: 9px 0;
margin: 0px;
}
.nav-pills {
li {
- padding:3px 0;
+ padding: 3px 0;
&.active a { background-color: $style_color; }
a {
- border-radius: 7px;
+ @include border-radius(7px);
}
}
}
padding: 5px 20px;
}
.middle_title {
- background:#f5f5f5;
+ background: #f5f5f5;
margin:20px -20px;
padding: 0 20px;
- border-top:1px solid #eee;
- border-bottom:1px solid #eee;
+ border-top: 1px solid #eee;
+ border-bottom: 1px solid #eee;
font-size: 14px;
- color:#777;
+ color: #777;
}
}
.row_title {
font-weight: bold;
- color:#444;
+ color: #444;
&:hover {
- color:#444;
+ color: #444;
text-decoration: underline;
}
}
.btn {
@include bg-gradient(#f7f7f7, #d5d5d5);
- border-color:#aaa;
+ border-color: #aaa;
&:hover {
@include bg-gray-gradient;
- border-color:#bbb;
- color:#333;
+ border-color: #bbb;
+ color: #333;
}
&.primary {
- background:#2a79A3;
+ background: #2a79A3;
@include bg-gradient(#47A7b7, #2585b5);
border-color: #2A79A3;
- color:#fff;
+ color: #fff;
text-shadow: 0 1px 1px #268;
&:hover {
background: $blue_link;
- color:#fff;
+ color: #fff;
}
&.disabled {
- color:#fff;
- background:#29B;
+ color: #fff;
+ background: #29B;
}
}
&.btn-info {
- background:#5aB9C3;
+ background: #5aB9C3;
border-color: $blue_link;
- color:#fff;
+ color: #fff;
text-shadow: 0 1px 1px #268;
&:hover {
background: $blue_link;
- color:#fff;
+ color: #fff;
}
&.disabled {
- color:#fff;
- background:#29B;
+ color: #fff;
+ background: #29B;
}
}
}
&.disabled {
- color:#fff;
- background:#2b2;
+ color: #fff;
+ background: #2b2;
}
}
border-color: #BD362F;
&:hover {
- color:#fff;
+ color: #fff;
background: #EE4E49;
}
}
}
&.active {
- border-color:#aaa;
- background-color:#ccc;
+ border-color: #aaa;
+ background-color: #ccc;
}
&.very_small {
font-size: 11px;
- padding:2px 6px;
+ padding: 2px 6px;
line-height: 16px;
margin: 2px;
}
&.padded {
margin-right: 3px;
- padding:4px 10px 4px;
+ padding: 4px 10px 4px;
}
}
.light { color: #888 }
/** PILLS & TABS**/
-.nav-pills a:hover { background-color:#888; }
+.nav-pills a:hover { background-color: #888; }
.nav-pills .active a { background-color: $style_color; }
.nav-tabs > li > a, .nav-pills > li > a { color: $style_color; }
.nav.nav-tabs {
li {
> a {
- padding:8px 20px;
+ padding: 8px 20px;
margin-right: 7px;
line-height: 19px;
border-color: #EEE;
- color:#888;
+ color: #888;
border-bottom: 1px solid #ddd;
.badge {
background-color: #eee;
- color:#888;
- text-shadow:0 1px 1px #fff;
+ color: #888;
+ text-shadow: 0 1px 1px #fff;
}
i[class^="icon-"] {
line-height: 14px;
> a {
border-color: #CCC;
border-bottom: 1px solid #fff;
- color:#333;
+ color: #333;
}
}
}
.alert-message.error { @extend .alert-error; }
/** AVATARS **/
-img.avatar { float: left; margin-right: 12px; width: 40px; border:1px solid #ddd; padding: 1px; }
+img.avatar { float: left; margin-right: 12px; width: 40px; border: 1px solid #ddd; padding: 1px; }
img.avatar.s16 { width: 16px; height: 16px; margin-right: 6px; }
img.avatar.s24 { width: 24px; height: 24px; margin-right: 8px; }
img.avatar.s32 { width: 32px; height: 32px; margin-right: 10px; }
img.small { width: 80px; }
/** HELPERS **/
-.nothing_here_message { text-align: center; padding: 20px; color:#777; }
-p.slead { color:#456; font-size: 16px; margin-bottom: 12px; font-weight: 200; line-height: 24px; }
+.nothing_here_message { text-align: center; padding: 20px; color: #777; }
+p.slead { color: #456; font-size: 16px; margin-bottom: 12px; font-weight: 200; line-height: 24px; }
/** FORMS **/
input[type='search'].search-text-input {
background-position: 10px;
padding-left: 25px;
@include border-radius(4px);
- border:1px solid #ccc;
+ border: 1px solid #ccc;
}
fieldset legend { font-size: 17px; }
*
*/
.file_holder {
- border:1px solid #BBB;
+ border: 1px solid #BBB;
margin-bottom: 1em;
@include solid_shade;
font-size: 14px;
text-shadow: 0 1px 1px #fff;
small {
- color:#999;
+ color: #999;
font-size: 13px;
}
}
}
.file_content {
- background:#fff;
+ background: #fff;
font-size: 11px;
&.wiki {
font-size: 13px;
code {
- padding:0 4px;
+ padding: 0 4px;
}
padding: 20px;
h1, h2 {
}
&.image_file {
- background:#eee;
+ background: #eee;
text-align: center;
img {
padding: 100px;
&:last-child {
border-right: none;
}
- background:#fff;
+ background: #fff;
padding: 5px;
}
.author,
.blame_commit {
- background:#f5f5f5;
+ background: #f5f5f5;
vertical-align: top;
}
.lines {
}
&.logs {
- background:#eee;
+ background: #eee;
max-height: 700px;
overflow-y: auto;
margin-bottom: 0;
background: white;
li {
- color:#888;
+ color: #888;
p {
margin: 0;
- color:#333;
+ color: #333;
line-height: 24px;
padding-left: 10px;
}
border-bottom: 1px solid #eee;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
- &.smoke { background-color:#f5f5f5; }
+ &.smoke { background-color: #f5f5f5; }
&:hover {
background: $hover;
- border-bottom:1px solid #ADF;
+ border-bottom: 1px solid #ADF;
}
&:last-child { border:none }
.author { color: #999; }
p {
padding-top: 1px;
margin: 0;
- color:#222;
+ color: #222;
img {
position: relative;
top: 3px;
@extend .table;
@extend .table-striped;
@include solid_shade;
- border:1px solid #bbb;
+ border: 1px solid #bbb;
width: 100%;
&.low {
}
td {
- border-color:#f1f1f1;
+ border-color: #f1f1f1;
line-height: 28px;
.s16 {
}
&:first-child {
- border-left:1px solid #bbb;
+ border-left: 1px solid #bbb;
}
&:last-child {
- border-right:1px solid #bbb;
+ border-right: 1px solid #bbb;
}
}
h5 { font-size: 14px; }
h3.page_title {
- color:#456;
+ color: #456;
font-size: 20px;
font-weight: normal;
line-height: 28px;
&.dark {
background: #333;
- color:#f5f5f5;
+ color: #f5f5f5;
}
}
&.supp_diff_link {
text-align: center;
- padding:20px 0;
- background:#f1f1f1;
+ padding: 20px 0;
+ background: #f1f1f1;
width: 100%;
float: left;
}
.kn{font-weight: bold;} /* Keyword.Namespace */
.kp{font-weight: bold;} /* Keyword.Pseudo */
.kr{font-weight: bold;} /* Keyword.Reserved */
- .kt{color:#458;font-weight: bold;} /* Keyword.Type */
+ .kt{color: #458;font-weight: bold;} /* Keyword.Type */
.m { color: #0000DD; font-weight: bold } /* Literal.Number */
.p { color: #eee; }
.s { color: #0AD; background-color: transparent } /* Literal.String */
- .na{color:#008080;} /* Name.Attribute */
- .nb{color:#0086B3;} /* Name.Builtin */
- .nc{color:#ccc;font-weight: bold;} /* Name.Class */
+ .na{color: #008080;} /* Name.Attribute */
+ .nb{color: #0086B3;} /* Name.Builtin */
+ .nc{color: #ccc;font-weight: bold;} /* Name.Class */
.no{color: turquoise;} /* Name.Constant */
- .ni{color:#800080;}
- .ne{color:#900;font-weight: bold;} /* Name.Exception */
- .nf{color:#ccc;font-weight: bold;} /* Name.Function */
- .nn{color:#79C3E0;font-weight: bold;} /* Name.Namespace */
- .nt{color:#fc5;} /* Name.Tag */
- .nv{color:#FA4;} /* Name.Variable */
+ .ni{color: #800080;}
+ .ne{color: #900;font-weight: bold;} /* Name.Exception */
+ .nf{color: #ccc;font-weight: bold;} /* Name.Function */
+ .nn{color: #79C3E0;font-weight: bold;} /* Name.Namespace */
+ .nt{color: #fc5;} /* Name.Tag */
+ .nv{color: #FA4;} /* Name.Variable */
.py { color: #336699; font-weight: bold } /* Name.Property */
.ow { color: #008800 } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #7AC; font-weight: bold } /* Literal.Number.Float */
.mh { color: #7AC; font-weight: bold } /* Literal.Number.Hex */
- .mi {color:#099;} /* Literal.Number.Integer */
+ .mi {color: #099;} /* Literal.Number.Integer */
.mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
.sb { color: #dd2200; background-color: transparent; } /* Literal.String.Backtick */
- .sc{color:#d14;} /* Literal.String.Char */
+ .sc{color: #d14;} /* Literal.String.Char */
.sd { color: #dd2200; background-color: transparent; } /* Literal.String.Doc */
.s2{color: orange;} /* Literal.String.Double */
.se{color: orange;} /* Literal.String.Escape */
.kn{font-weight: bold;} /* Keyword.Namespace */
.kp{font-weight: bold;} /* Keyword.Pseudo */
.kr{font-weight: bold;} /* Keyword.Reserved */
- .kt{color:#458;font-weight: bold;} /* Keyword.Type */
+ .kt{color: #458;font-weight: bold;} /* Keyword.Type */
.m { color: #0000DD; font-weight: bold } /* Literal.Number */
.s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
- .na{color:#008080;} /* Name.Attribute */
- .nb{color:#0086B3;} /* Name.Builtin */
- .nc{color:#458;font-weight: bold;} /* Name.Class */
- .no{color:#008080;} /* Name.Constant */
- .ni{color:#800080;}
- .ne{color:#900;font-weight: bold;} /* Name.Exception */
- .nf{color:#900;font-weight: bold;} /* Name.Function */
- .nn{color:#005;font-weight: bold;} /* Name.Namespace */
- .nt{color:#000080;} /* Name.Tag */
- .nv{color:#008080;} /* Name.Variable */
+ .na{color: #008080;} /* Name.Attribute */
+ .nb{color: #0086B3;} /* Name.Builtin */
+ .nc{color: #458;font-weight: bold;} /* Name.Class */
+ .no{color: #008080;} /* Name.Constant */
+ .ni{color: #800080;}
+ .ne{color: #900;font-weight: bold;} /* Name.Exception */
+ .nf{color: #900;font-weight: bold;} /* Name.Function */
+ .nn{color: #005;font-weight: bold;} /* Name.Namespace */
+ .nt{color: #000080;} /* Name.Tag */
+ .nv{color: #008080;} /* Name.Variable */
.py { color: #336699; font-weight: bold } /* Name.Property */
.ow { color: #008800 } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
.mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
- .mi {color:#099;} /* Literal.Number.Integer */
+ .mi {color: #099;} /* Literal.Number.Integer */
.mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
.sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
- .sc{color:#d14;} /* Literal.String.Char */
+ .sc{color: #d14;} /* Literal.String.Char */
.sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
- .s2{color:#d14;} /* Literal.String.Double */
- .se{color:#d14;} /* Literal.String.Escape */
- .sh{color:#d14;} /* Literal.String.Heredoc */
- .si{color:#d14;} /* Literal.String.Interpol */
- .sx{color:#d14;} /* Literal.String.Other */
- .sr{color:#d14;} /* Literal.String.Regex */
- .s1{color:#d14;} /* Literal.String.Single */
- .ss{color:#d14;} /* Literal.String.Symbol */
+ .s2{color: #d14;} /* Literal.String.Double */
+ .se{color: #d14;} /* Literal.String.Escape */
+ .sh{color: #d14;} /* Literal.String.Heredoc */
+ .si{color: #d14;} /* Literal.String.Interpol */
+ .sx{color: #d14;} /* Literal.String.Other */
+ .sr{color: #d14;} /* Literal.String.Regex */
+ .s1{color: #d14;} /* Literal.String.Single */
+ .ss{color: #d14;} /* Literal.String.Symbol */
.bp { color: #003388 } /* Name.Builtin.Pseudo */
.vc { color: #336699 } /* Name.Variable.Class */
.vg { color: #dd7700 } /* Name.Variable.Global */
}
.shadow {
- -webkit-box-shadow:0 5px 15px #000;
- -moz-box-shadow:0 5px 15px #000;
- box-shadow:0 5px 15px #000;
+ @include box-shadow(0 5px 15px #000);
}
box-shadow: 0 0 0 3px #f1f1f1;
}
+
+@mixin box-shadow($shadow) {
+ -webkit-box-shadow: $radius;
+ -moz-box-shadow: $radius;
+ -ms-box-shadow: $radius;
+ -o-box-shadow: $radius;
+ box-shadow: $radius;
+}
+
@mixin border-radius($radius) {
- -moz-border-radius: $radius;
-webkit-border-radius: $radius;
+ -moz-border-radius: $radius;
+ -ms-border-radius: $radius;
+ -o-border-radius: $radius;
border-radius: $radius;
}
@mixin round-borders-bottom($radius) {
border-top: 1px solid #eaeaea;
- -webkit-border-bottom-left-radius: $radius;
- -webkit-border-bottom-right-radius: $radius;
- -moz-border-radius-bottomright: $radius;
- -moz-border-radius-bottomleft: $radius;
- border-bottom-right-radius: $radius;
- border-bottom-left-radius: $radius;
+ @include border-radius(0 0 $radius $radius);
}
@mixin round-borders-top($radius) {
border-top: 1px solid #eaeaea;
- -moz-border-radius-topright: $radius;
- -moz-border-radius-topleft: $radius;
- border-top-right-radius: $radius;
- border-top-left-radius: $radius;
- -webkit-border-top-left-radius: $radius;
- -webkit-border-top-right-radius: $radius;
+ @include border-radius($radius $radius 0 0);
}
@mixin round-borders-all($radius) {
border: 1px solid #eaeaea;
- -moz-border-radius: $radius;
- -webkit-border-radius: $radius;
- border-radius: $radius;
+ @include border-radius($radius);
}
@mixin bg-gradient($from, $to) {
}
@mixin bg-light-gray-gradient {
- background:#f1f1f1;
+ background: #f1f1f1;
background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #f5f5f5), to(#e1e1e1));
background-image: -webkit-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
background-image: -moz-linear-gradient(#f5f5f5 6.6%, #e1e1e1);
}
@mixin bg-gray-gradient {
- background:#eee;
+ background: #eee;
background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
}
@mixin bg-dark-gray-gradient {
- background:#eee;
+ background: #eee;
background-image: -webkit-linear-gradient(#e9e9e9, #d7d7d7);
background-image: -moz-linear-gradient(#e9e9e9, #d7d7d7);
background-image: -o-linear-gradient(#e9e9e9, #d7d7d7);
.chzn-container {
.chzn-search {
input:focus {
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
+ @include box-shadow(none);
}
}
.chzn-drop {
- margin:7px 0;
+ margin: 7px 0;
min-width: 200px;
border: 1px solid #bbb;
- border-radius: 0;
+ @include border-radius(0);
.chzn-results {
margin-top: 5px;
padding: 8px;
}
.active-result {
- border-radius: 0;
+ @include border-radius(0);
&.highlighted {
background: $hover;
.committer a {
font-size: 14px;
line-height: 22px;
- text-shadow:0 1px 1px #fff;
- color:#777;
+ text-shadow: 0 1px 1px #fff;
+ color: #777;
&:hover {
color: #999;
}
*
*/
.diff_file {
- border:1px solid #CCC;
+ border: 1px solid #CCC;
margin-bottom: 1em;
.diff_file_header {
@extend .clearfix;
padding: 5px 5px 5px 10px;
color: #555;
- border-bottom:1px solid #CCC;
+ border-bottom: 1px solid #CCC;
background: #eee;
+ // TODO Replace with linear-gradient mixin
background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
.diff_file_content {
overflow: auto;
overflow-y: hidden;
- background:#fff;
- color:#333;
+ background: #fff;
+ color: #333;
font-size: 12px;
font-family: $monospace;
.old{
span.idiff{
- background-color:#FAA;
+ background-color: #FAA;
}
}
.new{
span.idiff{
- background-color:#AFA;
+ background-color: #AFA;
}
}
}
}
.diff_file_content_image {
- background:#eee;
+ background: #eee;
text-align: center;
.image {
display: inline-block;
margin: 0px;
padding: 0px;
border: none;
- background:#EEE;
- color:#666;
+ background: #EEE;
+ color: #666;
padding: 0px 5px;
border-right: 1px solid #ccc;
text-align: right;
float: left;
width: 35px;
font-weight: normal;
- color:#666;
+ color: #666;
&:hover {
text-decoration: underline;
}
background: #FDD;
}
&.matched {
- color:#ccc;
- background:#fafafa;
+ color: #ccc;
+ background: #fafafa;
}
}
}
}
code {
- background:#FCEEC1;
+ background: #FCEEC1;
color: $style_color;
}
.label_commit {
@include round-borders-all(4px);
- padding:2px 4px;
+ padding: 2px 4px;
border: none;
font-size: 13px;
background: #474D57;
- color:#fff;
+ color: #fff;
font-family: $monospace;
}
.file-editor {
#editor{
border: none;
- border-radius: 0;
+ @include border-radius(0);
height: 500px;
margin: 0;
padding: 0;
*/
.event_label {
&.pushed {
- padding:0 2px;
+ padding: 0 2px;
}
&.opened {
- padding:0 2px;
+ padding: 0 2px;
}
&.closed {
- padding:0 2px;
+ padding: 0 2px;
}
&.merged {
- padding:0 2px;
+ padding: 0 2px;
}
&.left,
&.joined {
- padding:0 2px;
+ padding: 0 2px;
float: none;
}
}
*/
.event-item {
min-height: 40px;
- border-bottom:1px solid #eee;
+ border-bottom: 1px solid #eee;
.event-title {
- color:#333;
+ color: #333;
font-weight: bold;
.author_name {
- color:#333;
+ color: #333;
}
}
.event-body {
p {
- color:#555;
+ color: #555;
padding-top: 5px;
}
.event-info {
- color:#666;
+ color: #666;
}
}
.avatar {
*
*/
.event_lp {
- color:#777;
+ color: #777;
padding: 10px;
min-height: 22px;
border-left: 5px solid #5AB9C3;
margin-bottom: 20px;
- background:#f9f9f9;
+ background: #f9f9f9;
.avatar {
width: 24px;
h4 {
- padding:0 10px;
+ padding: 0 10px;
border-bottom: 1px solid #bbb;
@include bg-gray-gradient;
}
padding-left: 25px;
font-size: 13px;
@include border-radius(3px);
- border:1px solid #c6c6c6;
+ border: 1px solid #c6c6c6;
box-shadow: none;
&:focus {
@extend .span3;
left: 0;
bottom: 0;
float: right;
- border-radius: 5px;
+ @include border-radius(5px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 0;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
display: block; } }
.account-links {
- border-radius: 5px;
+ @include border-radius(5px);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
position: relative;
&:before {
border-bottom: 1px solid #666;
font-size: 12px;
&:hover {
- color:#fff;
+ color: #fff;
background: #333;
}
}
.account-links a {
&:first-child {
- -webkit-border-top-left-radius: 5px;
- -webkit-border-top-right-radius: 5px;
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-topright: 5px;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px; }
+ @include border-radius(5px 5px 0 0);
+ }
&:last-child {
- -webkit-border-bottom-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
- border-bottom: 0; } }
+ @include border-radius(0 0 5px 5px);
+ border-bottom: 0;
+ }
+ }
a {
h1 {
background: url('logo_white.png') no-repeat 0px 2px;
- color:#fff;
+ color: #fff;
text-shadow: 0 1px 1px #111;
}
}
}
.project_name {
- color:#fff;
+ color: #fff;
text-shadow: 0 1px 1px #111;
}
}
.issues_table {
.issue {
- padding:7px 10px;
+ padding: 7px 10px;
.issue_check {
float: left;
.ui-datepicker-header {
@include solid_shade;
margin-bottom: 10px;
- border:1px solid #bbb;
+ border: 1px solid #bbb;
}
}
/* Login Page */
body.login-page{
padding-top: 10%;
- background:#f1f1f1;
+ background: #f1f1f1;
}
.login-box{
width: 304px;
position: relative;
- border-radius: 5px;
+ @include border-radius(5px);
margin: auto;
padding: 20px;
background: white;
display: block;
}
-.login-box input.text{background-color: #f1f1f1; font-size: 16px; border-radius: 0; padding: 14px 10px; width: 280px}
+.login-box input.text{background-color: #f1f1f1; font-size: 16px; @include border-radius(0); padding: 14px 10px; width: 280px}
.login-box input.text.top{
- -webkit-border-top-left-radius: 5px;
- -webkit-border-top-right-radius: 5px;
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-topright: 5px;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
+ @include border-radius(5px 5px 0 0);
margin-bottom: 0px;
}
.login-box input.text.bottom{
- -webkit-border-bottom-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
+ @include border-radius(0 0 5px 5px);
border-top: 0;
margin-bottom: 20px;
}
margin-bottom: 20px;
.body {
- background:#f1f1f1;
+ background: #f1f1f1;
}
}
border: 1px solid #ADA;
padding: 2px;
@include border-radius(5px);
- border-radius: 5px;
background: #CEB;
.accept_merge_request {
float: left;
}
label {
- color:#444;
+ color: #444;
}
}
li {
a {
font-weight: bold;
- padding:8px 20px;
+ padding: 8px 20px;
text-align: center;
}
}
}
li.merge_request {
- padding:7px 10px;
+ padding: 7px 10px;
img.avatar {
width: 32px;
margin-top: 1px;
.label_branch {
@include round-borders-all(4px);
- padding:2px 4px;
+ padding: 2px 4px;
border: none;
font-size: 14px;
background: #474D57;
- color:#fff;
+ color: #fff;
font-family: 'Menlo', 'Liberation Mono', 'Consolas', 'Courier New', 'andale mono','lucida console',monospace;
}
margin-bottom: 5px;
.avatar { position:relative }
.row_title {
- color:#444;
+ color: #444;
}
.commit-author-name,
.dash,
*
*/
ul.main_menu {
- border-radius: 4px;
+ @include border-radius(4px);
margin: auto;
margin: 30px 0;
border: 1px solid #BBB;
color: #777;
background: #f2f2f2;
border-top: 1px solid #CCC;
- border-radius: 8px;
- -moz-border-radius: 8px;
+ @include border-radius(8px);
}
.label {
background: $hover;
width: 1%;
border-right: 1px solid #DDD;
border-left: 1px solid #EEE;
- border-bottom:2px solid #CFCFCF;
+ border-bottom: 2px solid #CFCFCF;
&:first-child{
- -webkit-border-top-left-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -moz-border-radius-topleft: 4px;
- -moz-border-radius-bottomleft: 4px;
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
+ @include border-radius(5px 0 0 5px);
border-left: 0;
}
&.active {
- background-color:#D5D5D5;
+ background-color: #D5D5D5;
border-right: 1px solid #BBB;
border-left: 1px solid #BBB;
- border-radius: 0 0 1px 1px;
+ @include border-radius(0 0 1px 1px);
&:first-child{
border-bottom: none;
border-left: none;
height: 35px;
line-height: 36px;
color: $style_color;
- text-shadow:0 1px 1px white;
- padding:0 10px;
+ text-shadow: 0 1px 1px white;
+ padding: 0 10px;
}
}
/*
border: 1px solid #ddd;
padding: 10px;
min-height: 60px;
- background:#f5f5f5;
+ background: #f5f5f5;
}
.note {
}
tr.line_notes_row {
- border-bottom:1px solid #DDD;
+ border-bottom: 1px solid #DDD;
border-left: 7px solid #2A79A3;
&.reply {
- background:#eee;
+ background: #eee;
border-left: 7px solid #2A79A3;
- border-top:1px solid #ddd;
+ border-top: 1px solid #ddd;
td {
- padding:7px 10px;
+ padding: 7px 10px;
}
a.line_note_reply_link {
@include round-borders-all(4px);
.line_notes_row, .per_line_form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.per_line_form {
- background:#f5f5f5;
- border-top:1px solid #eee;
+ background: #f5f5f5;
+ border-top: 1px solid #eee;
form { margin: 0; }
td {
- border-bottom:1px solid #ddd;
+ border-bottom: 1px solid #ddd;
}
.note_actions {
margin: 0;
img {
width: 60px;
height: 60px;
- background:#fff;
+ background: #fff;
padding: 1px;
border: 1px solid #ddd;
}
line-height: 18px;
}
.project_name {
- color:#4fa2bd;
+ color: #4fa2bd;
font-size: 14px;
line-height: 18px;
}
display: block;
span, strong {
font-size: 12px;
- color:#666;
+ color: #666;
}
}
}
padding: 8px;
}
label {
- color:#888;
+ color: #888;
}
.btn {
- padding:6px 10px;
+ padding: 6px 10px;
margin-left: 10px;
margin-bottom: 8px;
}
&:hover {
td {
background: $hover;
- border-top:1px solid #ADF;
- border-bottom:1px solid #ADF;
+ border-top: 1px solid #ADF;
+ border-bottom: 1px solid #ADF;
}
cursor: pointer;
}
}
td {
line-height: 20px;
- background:#fafafa;
+ background: #fafafa;
}
}
.tree-btn-group {
.btn {
margin-right:-3px;
- padding:2px 10px;
+ padding: 2px 10px;
}
}
a {
h1 {
background: url('logo_white.png') no-repeat 0px 2px;
- color:#eee;
+ color: #eee;
text-shadow: 0 1px 1px #111;
}
}
}
.project_name {
- color:#eee;
+ color: #eee;
text-shadow: 0 1px 1px #111;
}
}