finished scss refactoring

Dmitriy Zaporozhets
1 parent 3a4b4fb4
Showing 14 changed files with 816 additions and 821 deletions Show diff stats
app/assets/stylesheets/commits.css.scss
app/assets/stylesheets/common.scss
app/assets/stylesheets/highlight.black.css.scss
app/assets/stylesheets/highlight.black.scss
app/assets/stylesheets/highlight.css.scss
app/assets/stylesheets/highlight.scss
app/assets/stylesheets/main.scss
app/assets/stylesheets/notes.css.scss
app/assets/stylesheets/notes.scss
app/assets/stylesheets/projects.css.scss
app/assets/stylesheets/ref_select.scss
app/assets/stylesheets/tree.scss
app/assets/stylesheets/ui_basic.scss
app/assets/stylesheets/wiki.scss
@@ -1,160 +0,0 @@
-/**
- * 
- * COMMIT SHOw
- *
- */
-
-
-.diff_file {
-  border:1px solid #CCC;
-  margin-bottom:1em;
-
-  .diff_file_header {
-    padding:5px 5px;
-    border-bottom:1px solid #CCC;
-    background: #eee;
-  }
-  .diff_file_content {
-    overflow:auto;
-    overflow-y:hidden;
-    background:#fff;
-    color:#333;
-    font-size: 12px;
-    font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
-  }
-  .diff_file_content_image {
-    background:#eee;
-    text-align:center;
-    img {
-      padding:100px;
-      max-width:300px;
-    }
-  }
-}
-
-.diff_file_content{
-  table { 
-    border:none;
-    margin:0px;
-    padding:0px;
-    tr {
-      td { 
-        font-size:12px;
-      }
-    }
-  }
-  .old_line, .new_line {
-    margin:0px;
-    padding:0px;
-    border:none;
-    background:#F7F7F7;
-    color:#aaa;
-    padding: 0px 5px;
-    border-right: 1px solid #ccc;
-    text-align:right;
-    min-width:35px;
-    max-width:35px;
-    width:35px;
-    moz-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-    a { 
-      float:left;
-      width:35px;
-      font-weight:normal;
-      color:#aaa;
-      &:hover { 
-        text-decoration:underline;
-      }
-    }
-  }
-  .line_content { 
-    white-space:pre; 
-    height:14px;
-    margin:0px;
-    padding:0px;
-    border:none;
-    &.new { 
-      background: #CFD;
-    }
-    &.old { 
-      background: #FDD;
-    }
-    &.matched { 
-      color:#ccc;
-      background:#fafafa;
-    }
-  }
-}
-
-/** COMMIT BLOCK **/
-.commit-title{display: block;}
-.commit-title{margin-bottom: 10px}
-.commit-author, .commit-committer{display: block;color: #999; font-weight: normal; font-style: italic;}
-.commit-author strong, .commit-committer strong{font-weight: bold; font-style: normal;}
-
-/** bordered list **/
-ul.bordered-list { 
-  margin:5px 0px;
-  padding:0px;
-  li { 
-    padding: 5px 0;
-    border-bottom: 1px solid #EEE;
-    overflow: hidden;
-    display: block;
-    margin:0px;
-  }
-}
-
-ul.bordered-list li:last-child { border:none } 
-
-.line_holder { 
-  &:hover { 
-    td { 
-      background: #FFFFCF !important;
-    }
-  }
-}
-
-
-
-/** FLASH **/
-#flash_container {
-  height:45px;
-  position:fixed;
-  z-index:10001;
-  top:0px;
-  width:100%;
-  margin-bottom:15px;
-  overflow:hidden;
-  background:white;
-  cursor:pointer;
-  border-bottom:1px solid #777;
-
-  h4 {
-    color:#444;
-    font-size:22px;
-    padding-top:5px;
-    margin:2px;
-  }
-}
-
-.project-refs-form.commit-refs-form .chzn-container {
-  position: relative;
-  top: 0;
-  left: 0;
-  margin-right: 10px;
-}
-
-li.commit { 
-  .avatar { 
-    width:24px;
-    top:-3px;
-    margin-right:10px;
-    margin-left:10px;
-  }
-
-  code { 
-    padding:4px;
-  }
-}
@@ -4,6 +4,10 @@ a {
     text-decoration:none; 
     color: $style_color;
   }
+
+  &.btn { 
+    color: $style_color;
+  }
 }
 .vlink { 
@@ -97,78 +101,6 @@ a {
   float:right;
 }
-nav.main_menu { 
-  overflow:hidden;
-  border-radius: 4px;
-  margin: auto;
-  margin:30px $app_padding;
-  background:#eee;
-  border:1px solid #ccc;
-  height:38px;
-
-  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);
-  background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
-
-  @include shade;
-
-
-  .count { 
-    color:#aaa;
-    margin-left:3px;  
-  }
-
-  .label { 
-    background:$hover;
-    text-shadow:none;
-    color:$style_color;
-  }
-
-  a { 
-
-    font-weight:bold;
-    &: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;
-    }
-    padding: 10px 25px;
-    display: inline-block;
-    color: $style_color;
-    border-right: 1px solid #d5d5d5;
-    position: relative;
-    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
-    margin: 0;
-    float:left;
-    text-shadow:0 1px 1px white;
- 
-
-    &.home { 
-      background: url(home_icon.PNG) no-repeat center center;
-      text-indent:-9999px;
-      min-width:40px;
-
-      img { 
-        position:relative;
-        top:4px;
-      }
-    }
-    &.current { 
-      background-color:#DDD;
-    }
-  }
-}
-
-aside.projects,
-aside.project-side
-{ 
-  margin-left: 0;
-}
-
 img.avatar { 
   float:left;
   margin-right:15px;
@@ -381,3 +313,297 @@ table a code {
   width:40px;
   height:40px;
 }
+
+/** FLASH message **/
+#flash_container {
+  height:45px;
+  position:fixed;
+  z-index:10001;
+  top:0px;
+  width:100%;
+  margin-bottom:15px;
+  overflow:hidden;
+  background:white;
+  cursor:pointer;
+  border-bottom:1px solid #777;
+
+  h4 {
+    color:#444;
+    font-size:22px;
+    padding-top:5px;
+    margin:2px;
+  }
+}
+
+.git_url_wrapper {
+  margin-right:50px
+}
+.file_stats {
+  span {
+    img {
+      width:14px;
+      float:left;
+      margin-right:6px;
+      padding:2px 0;
+    }
+  }
+}
+
+.handle:hover {
+  cursor:move;
+}
+
+span.update-author {
+  display:block;
+}
+span.update-author {
+  color:#999;
+  font-weight:normal;
+  font-style:italic;
+}
+span.update-author strong {
+  font-weight:bold;
+  font-style: normal;
+}
+
+/** UPDATE ITEM **/
+span.update-author {
+  display:block;
+}
+/** END UPDATE ITEM **/
+.ajax-tab-loading {
+  padding:40px;
+  display:none;
+}
+.dashboard-loader {
+  float:left;
+  margin:10px;
+  display:none;
+}
+.user-mention {
+  color:#2FA0BB;
+  font-weight:bold;
+}
+
+a.project-update.titled {
+  position:relative;
+  padding-left:35% !important;
+  .title-block {
+    padding:10px;
+    width:35%;
+    position:absolute;
+    left:0;
+    top:0;
+  }
+}
+/**
+ * Project graph
+ */
+#holder {
+  cursor: move;
+  height: 70%;
+  overflow: hidden;
+}
+
+
+
+input.git_clone_url { 
+  width:475px;
+}
+
+.team_member_row { 
+  img { 
+    width:60px;
+  }
+}
+
+.merge-request-form-holder {
+  select { 
+    width:300px;
+  }
+}
+
+/** Issues **/
+#issue_assignee_id {
+  width:300px;
+}
+
+#new_issue_dialog textarea{
+    height: 100px;
+}
+
+.project_list_url { 
+  width:270px;
+  background:#fff !important;
+}
+
+.project_tile { 
+  @include shade;
+  @include round-borders-all(4px);
+  margin-bottom:20px;
+  width:338px;
+  float:left;
+  margin-left:20px;
+  border: 1px solid #DDD;
+  padding-bottom:20px;
+
+  .title { 
+    background:#f5f5f5;
+    padding: 5px 10px 2px 20px;
+    border-bottom: 1px solid #DDD;
+    margin-bottom: 15px;
+
+    h3 { 
+      &:hover { 
+        text-decoration: underline;
+      }
+    }
+  }
+  .data { 
+    margin: 0 20px;
+  }
+  .buttons { 
+    margin: 0 20px;
+  }
+}
+
+/**
+ * 
+ * COMMIT SHOw
+ *
+ */
+.diff_file {
+  border:1px solid #CCC;
+  margin-bottom:1em;
+
+  .diff_file_header {
+    padding:5px 5px;
+    border-bottom:1px solid #CCC;
+    background: #eee;
+  }
+  .diff_file_content {
+    overflow:auto;
+    overflow-y:hidden;
+    background:#fff;
+    color:#333;
+    font-size: 12px;
+    font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
+  }
+  .diff_file_content_image {
+    background:#eee;
+    text-align:center;
+    img {
+      padding:100px;
+      max-width:300px;
+    }
+  }
+}
+
+.diff_file_content{
+  table { 
+    border:none;
+    margin:0px;
+    padding:0px;
+    tr {
+      td { 
+        font-size:12px;
+      }
+    }
+  }
+  .old_line, .new_line {
+    margin:0px;
+    padding:0px;
+    border:none;
+    background:#F7F7F7;
+    color:#aaa;
+    padding: 0px 5px;
+    border-right: 1px solid #ccc;
+    text-align:right;
+    min-width:35px;
+    max-width:35px;
+    width:35px;
+    moz-user-select: none;
+    -khtml-user-select: none;
+    user-select: none;
+    a { 
+      float:left;
+      width:35px;
+      font-weight:normal;
+      color:#aaa;
+      &:hover { 
+        text-decoration:underline;
+      }
+    }
+  }
+  .line_content { 
+    white-space:pre; 
+    height:14px;
+    margin:0px;
+    padding:0px;
+    border:none;
+    &.new { 
+      background: #CFD;
+    }
+    &.old { 
+      background: #FDD;
+    }
+    &.matched { 
+      color:#ccc;
+      background:#fafafa;
+    }
+  }
+}
+
+/** COMMIT BLOCK **/
+.commit-title{display: block;}
+.commit-title{margin-bottom: 10px}
+.commit-author, .commit-committer{display: block;color: #999; font-weight: normal; font-style: italic;}
+.commit-author strong, .commit-committer strong{font-weight: bold; font-style: normal;}
+
+/** bordered list **/
+ul.bordered-list { 
+  margin:5px 0px;
+  padding:0px;
+  li { 
+    padding: 5px 0;
+    border-bottom: 1px solid #EEE;
+    overflow: hidden;
+    display: block;
+    margin:0px;
+  }
+}
+
+ul.bordered-list li:last-child { border:none } 
+
+.line_holder { 
+  &:hover { 
+    td { 
+      background: #FFFFCF !important;
+    }
+  }
+}
+
+.project-refs-form.commit-refs-form .chzn-container {
+  position: relative;
+  top: 0;
+  left: 0;
+  margin-right: 10px;
+}
+
+li.commit { 
+  .avatar { 
+    width:24px;
+    top:-3px;
+    margin-right:10px;
+    margin-left:10px;
+  }
+
+  code { 
+    padding:4px;
+  }
+}
+p.time {
+  color: #999;
+  font-size: 90%;
+  margin: 30px 3px 3px 2px;
+}
@@ -1,68 +0,0 @@
-.black .highlighttable { 
-  background: #333;
-  td.linenos { border:none; }
-  pre { color: #eee }
-  .highlight { background: #333; border-left:1px solid #555; }
-
-  .hll { background-color: #ffffff }
-  .c { color: #888888; font-style: italic } /* Comment */
-  .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-  .k { color: #CDA869; font-weight: bold } /* Keyword */
-  .kp { color: #CDA869; font-weight: bold } /* Keyword */
-  .cm { color: #888888 } /* Comment.Multiline */
-  .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
-  .c1 { color: #888888 } /* Comment.Single */
-  .cs { color: #cc0000; font-weight: bold; background-color: transparent } /* Comment.Special */
-  .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-  .ge { font-style: italic } /* Generic.Emph */
-  .gr { color: #aa0000 } /* Generic.Error */
-  .gh { color: #303030 } /* Generic.Heading */
-  .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-  .go { color: #888888 } /* Generic.Output */
-  .gp { color: #555555 } /* Generic.Prompt */
-  .gs { font-weight: bold } /* Generic.Strong */
-  .gu { color: #606060 } /* Generic.Subheading */
-  .gt { color: #aa0000 } /* Generic.Traceback */
-  .highlight .kc{font-weight:bold;} /* Keyword.Constant */
-  .highlight .kd{font-weight:bold;} /* Keyword.Declaration */
-  .highlight .kn{font-weight:bold;} /* Keyword.Namespace */
-  .highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
-  .highlight .kr{font-weight:bold;} /* Keyword.Reserved */
-  .highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
-  .m { color: #0000DD; font-weight: bold } /* Literal.Number */
-  .p { color: #eee;  }
-  .s { color: #dd2200; background-color: transparent } /* Literal.String */
-  .highlight .na{color:#008080;} /* Name.Attribute */
-  .highlight .nb{color:#0086B3;} /* Name.Builtin */
-  .highlight .nc{color:#ccc;font-weight:bold;} /* Name.Class */
-  .highlight .no{color:turquoise;} /* Name.Constant */
-  .highlight .ni{color:#800080;}
-  .highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
-  .highlight .nf{color:#ccc;font-weight:bold;} /* Name.Function */
-  .highlight .nn{color:#79C3E0;font-weight:bold;} /* Name.Namespace */
-  .highlight .nt{color:#fc5;} /* Name.Tag */
-  .highlight .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 */
-  .highlight .mi {color:#099;} /* Literal.Number.Integer */
-  .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
-  .sb { color: #dd2200; background-color: transparent; } /* Literal.String.Backtick */
-  .highlight .sc{color:#d14;} /* Literal.String.Char */
-  .sd { color: #dd2200; background-color: transparent; } /* Literal.String.Doc */
-  .highlight .s2{color:orange;} /* Literal.String.Double */
-  .highlight .se{color:orange;} /* Literal.String.Escape */
-  .highlight .sh{color:orange;} /* Literal.String.Heredoc */
-  .highlight .si{color:orange;} /* Literal.String.Interpol */
-  .highlight .sx{color:orange;} /* Literal.String.Other */
-  .highlight .sr{color:orange;} /* Literal.String.Regex */
-  .highlight .s1{color:orange;} /* Literal.String.Single */
-  .highlight .ss{color:orange;} /* Literal.String.Symbol */
-  .bp { color: #003388 } /* Name.Builtin.Pseudo */
-  .vc { color: #336699 } /* Name.Variable.Class */
-  .vg { color: #dd7700 } /* Name.Variable.Global */
-  .vi { color: cyan }
-}
-
@@ -0,0 +1,68 @@
+.black .highlighttable { 
+  background: #333;
+  td.linenos { border:none; }
+  pre { color: #eee }
+  .highlight { background: #333; border-left:1px solid #555; }
+
+  .hll { background-color: #ffffff }
+  .c { color: #888888; font-style: italic } /* Comment */
+  .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+  .k { color: #CDA869; font-weight: bold } /* Keyword */
+  .kp { color: #CDA869; font-weight: bold } /* Keyword */
+  .cm { color: #888888 } /* Comment.Multiline */
+  .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
+  .c1 { color: #888888 } /* Comment.Single */
+  .cs { color: #cc0000; font-weight: bold; background-color: transparent } /* Comment.Special */
+  .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+  .ge { font-style: italic } /* Generic.Emph */
+  .gr { color: #aa0000 } /* Generic.Error */
+  .gh { color: #303030 } /* Generic.Heading */
+  .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+  .go { color: #888888 } /* Generic.Output */
+  .gp { color: #555555 } /* Generic.Prompt */
+  .gs { font-weight: bold } /* Generic.Strong */
+  .gu { color: #606060 } /* Generic.Subheading */
+  .gt { color: #aa0000 } /* Generic.Traceback */
+  .highlight .kc{font-weight:bold;} /* Keyword.Constant */
+  .highlight .kd{font-weight:bold;} /* Keyword.Declaration */
+  .highlight .kn{font-weight:bold;} /* Keyword.Namespace */
+  .highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
+  .highlight .kr{font-weight:bold;} /* Keyword.Reserved */
+  .highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
+  .m { color: #0000DD; font-weight: bold } /* Literal.Number */
+  .p { color: #eee;  }
+  .s { color: #dd2200; background-color: transparent } /* Literal.String */
+  .highlight .na{color:#008080;} /* Name.Attribute */
+  .highlight .nb{color:#0086B3;} /* Name.Builtin */
+  .highlight .nc{color:#ccc;font-weight:bold;} /* Name.Class */
+  .highlight .no{color:turquoise;} /* Name.Constant */
+  .highlight .ni{color:#800080;}
+  .highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
+  .highlight .nf{color:#ccc;font-weight:bold;} /* Name.Function */
+  .highlight .nn{color:#79C3E0;font-weight:bold;} /* Name.Namespace */
+  .highlight .nt{color:#fc5;} /* Name.Tag */
+  .highlight .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 */
+  .highlight .mi {color:#099;} /* Literal.Number.Integer */
+  .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
+  .sb { color: #dd2200; background-color: transparent; } /* Literal.String.Backtick */
+  .highlight .sc{color:#d14;} /* Literal.String.Char */
+  .sd { color: #dd2200; background-color: transparent; } /* Literal.String.Doc */
+  .highlight .s2{color:orange;} /* Literal.String.Double */
+  .highlight .se{color:orange;} /* Literal.String.Escape */
+  .highlight .sh{color:orange;} /* Literal.String.Heredoc */
+  .highlight .si{color:orange;} /* Literal.String.Interpol */
+  .highlight .sx{color:orange;} /* Literal.String.Other */
+  .highlight .sr{color:orange;} /* Literal.String.Regex */
+  .highlight .s1{color:orange;} /* Literal.String.Single */
+  .highlight .ss{color:orange;} /* Literal.String.Symbol */
+  .bp { color: #003388 } /* Name.Builtin.Pseudo */
+  .vc { color: #336699 } /* Name.Variable.Class */
+  .vg { color: #dd7700 } /* Name.Variable.Global */
+  .vi { color: cyan }
+}
+
@@ -1,140 +0,0 @@
-@mixin round-borders-all($radius) {
-  border: 1px solid #eaeaea;
-  -moz-border-radius: $radius;
-  -webkit-border-radius: $radius;
-  border-radius: $radius;
-}
-
-table.highlighttable
-{
-  margin:0px;
-  padding:0px;
-  font-size:12px;
-  table-layout:fixed
-}
-
-td.code,
-td.linenos{
-  padding:0;
-  margin:0;
-  border-top:0;
-  vertical-align:top;
-}
-
-.highlight{
-  background:none;
-  padding:10px 0px 0px 10px;
-  margin-left:0px;
-}
-
-.linenodiv pre,
-.highlight pre{
-  margin:0;
-  padding:0;
-  background:none;
-  border:none;
-}
-
-.linenodiv pre {
-  white-space:pre-line;
-}
-
-td.linenos {
-  /*background:#F7F7F7;*/
-  color:#777;
-  padding:10px 0px 0px 10px;
-  float:left;
-  width:45px;
-  border-right: 1px solid #ccc;
-
-}
-
-td.code .highlight {
-  overflow: auto;
-}
-table.highlighttable pre{
-  padding:0;
-  margin:0;
-  font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
-  color: #333;
-  text-align:left;
-}
-
-.git-empty .highlight {
-  @include round-borders-all(4px);
-  background:#eee;
-  padding:5px;
-  //overflow-x:scroll;
-  pre{
-    padding:0;
-    line-height:2.0;
-    margin:0;
-    font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
-    color: #333;
-    text-align:left;}
-  }
-
-.shadow{
-  -webkit-box-shadow:0 5px 15px #000;
-  -moz-box-shadow:0 5px 15px #000;
-  box-shadow:0 5px 15px #000;
-}
-
-.hll { background-color: #ffffff }
-.c { color: #888888; font-style: italic } /* Comment */
-.err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.k { color: #000000; font-weight: bold } /* Keyword */
-.cm { color: #888888 } /* Comment.Multiline */
-.cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
-.c1 { color: #888888 } /* Comment.Single */
-.cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
-.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.ge { font-style: italic } /* Generic.Emph */
-.gr { color: #aa0000 } /* Generic.Error */
-.gh { color: #303030 } /* Generic.Heading */
-.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.go { color: #888888 } /* Generic.Output */
-.gp { color: #555555 } /* Generic.Prompt */
-.gs { font-weight: bold } /* Generic.Strong */
-.gu { color: #606060 } /* Generic.Subheading */
-.gt { color: #aa0000 } /* Generic.Traceback */
-.highlight .kc{font-weight:bold;} /* Keyword.Constant */
-.highlight .kd{font-weight:bold;} /* Keyword.Declaration */
-.highlight .kn{font-weight:bold;} /* Keyword.Namespace */
-.highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
-.highlight .kr{font-weight:bold;} /* Keyword.Reserved */
-.highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
-.m { color: #0000DD; font-weight: bold } /* Literal.Number */
-.s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
-.highlight .na{color:#008080;} /* Name.Attribute */
-.highlight .nb{color:#0086B3;} /* Name.Builtin */
-.highlight .nc{color:#458;font-weight:bold;} /* Name.Class */
-.highlight .no{color:#008080;} /* Name.Constant */
-.highlight .ni{color:#800080;}
-.highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
-.highlight .nf{color:#900;font-weight:bold;} /* Name.Function */
-.highlight .nn{color:#005;font-weight:bold;} /* Name.Namespace */
-.highlight .nt{color:#000080;} /* Name.Tag */
-.highlight .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 */
-.highlight .mi {color:#099;} /* Literal.Number.Integer */
-.mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
-.sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
-.highlight .sc{color:#d14;} /* Literal.String.Char */
-.sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
-.highlight .s2{color:#d14;} /* Literal.String.Double */
-.highlight .se{color:#d14;} /* Literal.String.Escape */
-.highlight .sh{color:#d14;} /* Literal.String.Heredoc */
-.highlight .si{color:#d14;} /* Literal.String.Interpol */
-.highlight .sx{color:#d14;} /* Literal.String.Other */
-.highlight .sr{color:#d14;} /* Literal.String.Regex */
-.highlight .s1{color:#d14;} /* Literal.String.Single */
-.highlight .ss{color:#d14;} /* Literal.String.Symbol */
-.bp { color: #003388 } /* Name.Builtin.Pseudo */
-.vc { color: #336699 } /* Name.Variable.Class */
-.vg { color: #dd7700 } /* Name.Variable.Global */
-.vi { color: #3333bb }
@@ -0,0 +1,140 @@
+@mixin round-borders-all($radius) {
+  border: 1px solid #eaeaea;
+  -moz-border-radius: $radius;
+  -webkit-border-radius: $radius;
+  border-radius: $radius;
+}
+
+table.highlighttable
+{
+  margin:0px;
+  padding:0px;
+  font-size:12px;
+  table-layout:fixed
+}
+
+td.code,
+td.linenos{
+  padding:0;
+  margin:0;
+  border-top:0;
+  vertical-align:top;
+}
+
+.highlight{
+  background:none;
+  padding:10px 0px 0px 10px;
+  margin-left:0px;
+}
+
+.linenodiv pre,
+.highlight pre{
+  margin:0;
+  padding:0;
+  background:none;
+  border:none;
+}
+
+.linenodiv pre {
+  white-space:pre-line;
+}
+
+td.linenos {
+  /*background:#F7F7F7;*/
+  color:#777;
+  padding:10px 0px 0px 10px;
+  float:left;
+  width:45px;
+  border-right: 1px solid #ccc;
+
+}
+
+td.code .highlight {
+  overflow: auto;
+}
+table.highlighttable pre{
+  padding:0;
+  margin:0;
+  font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
+  color: #333;
+  text-align:left;
+}
+
+.git-empty .highlight {
+  @include round-borders-all(4px);
+  background:#eee;
+  padding:5px;
+  //overflow-x:scroll;
+  pre{
+    padding:0;
+    line-height:2.0;
+    margin:0;
+    font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
+    color: #333;
+    text-align:left;}
+  }
+
+.shadow{
+  -webkit-box-shadow:0 5px 15px #000;
+  -moz-box-shadow:0 5px 15px #000;
+  box-shadow:0 5px 15px #000;
+}
+
+.hll { background-color: #ffffff }
+.c { color: #888888; font-style: italic } /* Comment */
+.err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.k { color: #000000; font-weight: bold } /* Keyword */
+.cm { color: #888888 } /* Comment.Multiline */
+.cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
+.c1 { color: #888888 } /* Comment.Single */
+.cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
+.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.ge { font-style: italic } /* Generic.Emph */
+.gr { color: #aa0000 } /* Generic.Error */
+.gh { color: #303030 } /* Generic.Heading */
+.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.go { color: #888888 } /* Generic.Output */
+.gp { color: #555555 } /* Generic.Prompt */
+.gs { font-weight: bold } /* Generic.Strong */
+.gu { color: #606060 } /* Generic.Subheading */
+.gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc{font-weight:bold;} /* Keyword.Constant */
+.highlight .kd{font-weight:bold;} /* Keyword.Declaration */
+.highlight .kn{font-weight:bold;} /* Keyword.Namespace */
+.highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
+.highlight .kr{font-weight:bold;} /* Keyword.Reserved */
+.highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
+.m { color: #0000DD; font-weight: bold } /* Literal.Number */
+.s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
+.highlight .na{color:#008080;} /* Name.Attribute */
+.highlight .nb{color:#0086B3;} /* Name.Builtin */
+.highlight .nc{color:#458;font-weight:bold;} /* Name.Class */
+.highlight .no{color:#008080;} /* Name.Constant */
+.highlight .ni{color:#800080;}
+.highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
+.highlight .nf{color:#900;font-weight:bold;} /* Name.Function */
+.highlight .nn{color:#005;font-weight:bold;} /* Name.Namespace */
+.highlight .nt{color:#000080;} /* Name.Tag */
+.highlight .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 */
+.highlight .mi {color:#099;} /* Literal.Number.Integer */
+.mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
+.sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
+.highlight .sc{color:#d14;} /* Literal.String.Char */
+.sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
+.highlight .s2{color:#d14;} /* Literal.String.Double */
+.highlight .se{color:#d14;} /* Literal.String.Escape */
+.highlight .sh{color:#d14;} /* Literal.String.Heredoc */
+.highlight .si{color:#d14;} /* Literal.String.Interpol */
+.highlight .sx{color:#d14;} /* Literal.String.Other */
+.highlight .sr{color:#d14;} /* Literal.String.Regex */
+.highlight .s1{color:#d14;} /* Literal.String.Single */
+.highlight .ss{color:#d14;} /* Literal.String.Symbol */
+.bp { color: #003388 } /* Name.Builtin.Pseudo */
+.vc { color: #336699 } /* Name.Variable.Class */
+.vg { color: #dd7700 } /* Name.Variable.Global */
+.vi { color: #3333bb }
@@ -58,19 +58,56 @@ $hover: #FDF5D9;
   border-radius: $radius;
 }
+/**
+ * This file represent some UI that can be changed 
+ * during web app restyle or theme select. 
+ * 
+ * Next items should be placed there
+ * - link colors
+ * - header styles
+ * - main menu styles
+ *
+ */
 @import "ui_basic.scss";
+
+/**
+ * Most of application styles placed here.
+ * This file represent common UI that should not be changed between themes
+ * or project restyling like form width or user avatar class or commit title
+ * 
+ * TODO: clean it
+ */
 @import "common.scss";
-@import "projects.css.scss";
-@import "commits.css.scss";
+/**
+ * This scss file redefine chozen selectbox styles for 
+ * project Branch/Tag select element
+ */
+@import "ref_select.scss";
+
+/**
+ * Code (files list) styles. Browsing project files there 
+ */
 @import "tree.scss";
-@import "notes.css.scss";
-@import "login.scss";
-/** CODE HIGHTLIGHT **/
-@import "highlight.css.scss";
-@import "highlight.black.css.scss";
+/**
+ * This file represent notes(comments) styles 
+ */
+@import "notes.scss";
-@import "wiki.scss";
+/**
+ * Devise styles 
+ */
+@import "login.scss";
+/**
+ * CODE HIGHTLIGHT BASE
+ *
+ */
+@import "highlight.scss";
+/**
+ * CODE HIGHTLIGHT DARK schema
+ *
+ */
+@import "highlight.black.scss";
@@ -1,114 +0,0 @@
-/** Notes **/
-
-#notes-list {
-  display:block;
-  list-style:none;
-  margin:0px;
-  padding:0px;
-}
-
-.issue_notes {
-  .note_content {
-    float:left;
-    width:400px;
-  }
-}
-
-/* Note textare */
-#note_note {
-  height:100px;
-  width:97%;
-  font-size:14px;
-}
-
-#new_note {
-  #note_note {
-    height:25px;
-  }
-  .attach_holder {
-    display:none;
-  }
-}
-
-.note .delete-note { 
-  display:none; 
-  float:right;
-}
-.note:hover .delete-note { display:block; }
-.note {padding: 10px 0; border-bottom: 1px solid #eee; overflow: hidden; display: block;}
-.note img{float: left; margin-right: 10px;}
-.note span.note-title{display: block;}
-.note span.note-title{margin-bottom: 10px}
-.note span.note-author{color: #999; font-weight: normal; font-style: italic;}
-.note span.note-author strong{font-weight: bold; font-style: normal;}
-.note p { color:$style_color; }
-.note .note-author { color: $style_color;}
-
-.note .note-title { margin-left:55px; }
-
-p.notify_controls input{
-  margin: 5px;
-}
-
-p.notify_controls span{
-  font-weight: 700;
-}
-
-tr.line_notes_row { 
-  border-bottom:1px solid #DDD;
-  &.reply { 
-    background:#eee;
-
-    td { 
-      padding:7px 10px;
-    }
-    a.line_note_reply_link { 
-      @include round-borders-all(4px);
-      border-color:#aaa;
-      background: #bbb;
-      padding: 3px 20px;
-      color: white;
-    }
-  }
-  ul { 
-    margin:0;
-    li { 
-      padding:0;
-      border:none;
-    }
-  }
-}
-
-.line_notes_row,  .per_line_form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
-
-.per_line_form { 
-  background:#f5f5f5;
-  form {  margin: 0; }
-  td { 
-    border-bottom:1px solid #ddd;
-  }
-}
-
-td .line_note_link { 
-  position:absolute;
-  margin-left:-70px;
-  margin-top:-10px;
-  z-index:10;
-  background: url("comment_add.png") no-repeat left 0;
-  width:32px;
-  height:32px;
-
-  opacity: 0.0;
-  filter: alpha(opacity=0);
-
-  &:hover { 
-    opacity: 1.0;
-    filter: alpha(opacity=100);
-  }
-}
-
-.diff_file_content tr.line_holder:hover > td { background: $hover !important; }
-.diff_file_content tr.line_holder:hover > td .line_note_link { 
-  opacity: 1.0;
-  filter: alpha(opacity=100);
-}
@@ -0,0 +1,116 @@
+/**
+ * Notes
+ *
+ */
+#notes-list {
+  display:block;
+  list-style:none;
+  margin:0px;
+  padding:0px;
+}
+
+.issue_notes {
+  .note_content {
+    float:left;
+    width:400px;
+  }
+}
+
+/* Note textare */
+#note_note {
+  height:100px;
+  width:97%;
+  font-size:14px;
+}
+
+#new_note {
+  #note_note {
+    height:25px;
+  }
+  .attach_holder {
+    display:none;
+  }
+}
+
+.note .delete-note { 
+  display:none; 
+  float:right;
+}
+.note:hover .delete-note { display:block; }
+.note {padding: 10px 0; border-bottom: 1px solid #eee; overflow: hidden; display: block;}
+.note img{float: left; margin-right: 10px;}
+.note span.note-title{display: block;}
+.note span.note-title{margin-bottom: 10px}
+.note span.note-author{color: #999; font-weight: normal; font-style: italic;}
+.note span.note-author strong{font-weight: bold; font-style: normal;}
+.note p { color:$style_color; }
+.note .note-author { color: $style_color;}
+
+.note .note-title { margin-left:55px; }
+
+p.notify_controls input{
+  margin: 5px;
+}
+
+p.notify_controls span{
+  font-weight: 700;
+}
+
+tr.line_notes_row { 
+  border-bottom:1px solid #DDD;
+  &.reply { 
+    background:#eee;
+
+    td { 
+      padding:7px 10px;
+    }
+    a.line_note_reply_link { 
+      @include round-borders-all(4px);
+      border-color:#aaa;
+      background: #bbb;
+      padding: 3px 20px;
+      color: white;
+    }
+  }
+  ul { 
+    margin:0;
+    li { 
+      padding:0;
+      border:none;
+    }
+  }
+}
+
+.line_notes_row,  .per_line_form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
+
+.per_line_form { 
+  background:#f5f5f5;
+  form {  margin: 0; }
+  td { 
+    border-bottom:1px solid #ddd;
+  }
+}
+
+td .line_note_link { 
+  position:absolute;
+  margin-left:-70px;
+  margin-top:-10px;
+  z-index:10;
+  background: url("comment_add.png") no-repeat left 0;
+  width:32px;
+  height:32px;
+
+  opacity: 0.0;
+  filter: alpha(opacity=0);
+
+  &:hover { 
+    opacity: 1.0;
+    filter: alpha(opacity=100);
+  }
+}
+
+.diff_file_content tr.line_holder:hover > td { background: $hover !important; }
+.diff_file_content tr.line_holder:hover > td .line_note_link { 
+  opacity: 1.0;
+  filter: alpha(opacity=100);
+}
@@ -1,254 +0,0 @@
-.git_url_wrapper {
-  margin-right:50px
-}
-.file_stats {
-  span {
-    img {
-      width:14px;
-      float:left;
-      margin-right:6px;
-      padding:2px 0;
-    }
-  }
-}
-
-.handle:hover {
-  cursor:move;
-}
-
-/* Project Dashboard Page */
-.news-feed h2 {
-  float:left;
-}
-.news-feed .project-updates {
-  margin-bottom:20px;
-  display:block;
-  width:100%;
-}
-.news-feed .project-updates .data {
-  padding:0
-}
-.news-feed .project-updates a.project-update {
-  padding:10px;
-  border-bottom:1px solid #eee;
-  overflow:hidden;
-  display:block;
-}
-.news-feed .project-updates a.project-update:last-child {
-  border-bottom:0
-}
-.news-feed .project-updates a.project-update img {
-  float:left;
-  margin-right:10px;
-}
-span.update-title,
-span.update-author {
-  display:block;
-}
-span.update-title {
-  margin-bottom:10px
-}
-span.update-author {
-  color:#999;
-  font-weight:normal;
-  font-style:italic;
-}
-span.update-author strong {
-  font-weight:bold;
-  font-style: normal;
-}
-/** UPDATE ITEM **/
-.update-data {
-  padding:0
-}
-.update-data {
-  width:100%;
-}
-a.update-item {
-  padding:10px;
-  border-bottom:1px solid #eee;
-  overflow:hidden;
-  display:block;
-}
-a.update-item:last-child {
-  border-bottom:0
-}
-a.update-item img {
-  float:left;
-  margin-right:10px;
-}
-span.update-title,
-span.update-author {
-  display:block;
-}
-a.update-item span.update-title {
-  margin-bottom:10px
-}
-a.update-item span.update-author {
-  color:#999;
-  font-weight:normal;
-  font-style:italic;
-}
-a.update-item span.update-author strong {
-  font-weight:bold;
-  font-style:normal;
-}
-/** END UPDATE ITEM **/
-.ajax-tab-loading {
-  padding:40px;
-  display:none;
-}
-#tree-content-holder {
-  float:left;
-  width:100%;
-}
-#tree-readme-holder {
-  float:left;
-  width:100%;
-  .readme {
-    @include round-borders-all(4px);
-    padding:4px 15px;
-    background: #F7F7F7;
-  }
-}
-.dashboard-loader {
-  float:left;
-  margin:10px;
-  display:none;
-}
-.user-mention {
-  color:#2FA0BB;
-  font-weight:bold;
-}
-
-a.project-update.titled {
-  position:relative;
-  padding-left:35% !important;
-  .title-block {
-    padding:10px;
-    width:35%;
-    position:absolute;
-    left:0;
-    top:0;
-  }
-}
-/**
- * Project graph
- */
-#holder {
-  cursor: move;
-  height: 70%;
-  overflow: hidden;
-}
-
-
-/** Branch/tag selector **/
-.project-refs-form {
-  margin:0;
-  span {
-    background:none !important;
-    position:static !important;
-    width:auto !important;
-    height:auto !important;
-  }
-}
-.project-refs-select {
-  width:120px;
-}
-
-.project-refs-form .chzn-container { 
-  position:relative;
-  top: -5px;
-  left: -11px;
-
-  .chzn-drop { 
-    margin:7px 0;
-    border: 1px solid #CCC;
-    min-width: 300px;
-
-    .chzn-results { 
-      max-height:300px;
-    }
-
-    .chzn-search input {
-      min-width:200px;
-    }
-  }
-
-  .chzn-single { 
-    background:#ddd;
-    //border:none;
-    //box-shadow:none;
-
-    div { 
-      background:transparent;
-      border-left:none;
-    }
-
-    span { 
-      font-weight: normal;
-    }
-  }
-}
-
-
-input.git_clone_url { 
-  width:475px;
-}
-
-.team_member_row { 
-  img { 
-    width:60px;
-  }
-}
-
-.merge-request-form-holder {
-  select { 
-    width:300px;
-  }
-}
-
-/** Issues **/
-#issue_assignee_id {
-  width:300px;
-}
-
-#new_issue_dialog textarea{
-    height: 100px;
-}
-
-.project_list_url { 
-  width:270px;
-  background:#fff !important;
-}
-
-.project_tile { 
-  @include shade;
-  @include round-borders-all(4px);
-  margin-bottom:20px;
-  width:338px;
-  float:left;
-  margin-left:20px;
-  border: 1px solid #DDD;
-  padding-bottom:20px;
-
-  .title { 
-    background:#f5f5f5;
-    padding: 5px 10px 2px 20px;
-    border-bottom: 1px solid #DDD;
-    margin-bottom: 15px;
-
-    h3 { 
-      &:hover { 
-        text-decoration: underline;
-      }
-    }
-  }
-  .data { 
-    margin: 0 20px;
-  }
-  .buttons { 
-    margin: 0 20px;
-  }
-}
-
@@ -0,0 +1,49 @@
+/** Branch/tag selector **/
+.project-refs-form {
+  margin:0;
+  span {
+    background:none !important;
+    position:static !important;
+    width:auto !important;
+    height:auto !important;
+  }
+}
+.project-refs-select {
+  width:120px;
+}
+
+.project-refs-form .chzn-container { 
+  position:relative;
+  top: -5px;
+  left: -11px;
+
+  .chzn-drop { 
+    margin:7px 0;
+    border: 1px solid #CCC;
+    min-width: 300px;
+
+    .chzn-results { 
+      max-height:300px;
+    }
+
+    .chzn-search input {
+      min-width:200px;
+    }
+  }
+
+  .chzn-single { 
+    background:#ddd;
+    //border:none;
+    //box-shadow:none;
+
+    div { 
+      background:transparent;
+      border-left:none;
+    }
+
+    span { 
+      font-weight: normal;
+    }
+  }
+}
+
+#tree-content-holder {
+  float:left;
+  width:100%;
+}
+#tree-readme-holder {
+  float:left;
+  width:100%;
+  .readme {
+    @include round-borders-all(4px);
+    padding:4px 15px;
+    background: #F7F7F7;
+  }
+}
 #tree-breadcrumbs { 
   div {
     margin:0;
+/**
+ * This file represent some UI that can be changed 
+ * during web app restyle or theme select. 
+ * 
+ * Next items should be placed there
+ * - link colors
+ * - header styles
+ * - main menu styles
+ *
+ */
 .ui_basic { 
   /*
+   * Common styles
+   *
+   */
+  a {
+    color: $link_color;
+    &:hover { 
+      text-decoration:none; 
+      color: $style_color;
+    }
+  }
+
+
+  /*
    *  Application Header
    *
    */
@@ -200,4 +223,68 @@
    *  End of Application Header
    *
    */
+
+  /*
+   *  Main Menu of Application
+   *
+   */
+  nav.main_menu { 
+    overflow:hidden;
+    border-radius: 4px;
+    margin: auto;
+    margin:30px $app_padding;
+    background:#eee;
+    border:1px solid #ccc;
+    height:38px;
+    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);
+    background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
+    @include shade;
+    .count { 
+      color:#aaa;
+      margin-left:3px;  
+    }
+    .label { 
+      background:$hover;
+      text-shadow:none;
+      color:$style_color;
+    }
+    a { 
+      font-weight:bold;
+      &: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;
+      }
+      padding: 10px 25px;
+      display: inline-block;
+      color: $style_color;
+      border-right: 1px solid #d5d5d5;
+      position: relative;
+      box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
+      margin: 0;
+      float:left;
+      text-shadow:0 1px 1px white;
+      &.home { 
+        background: url(home_icon.PNG) no-repeat center center;
+        text-indent:-9999px;
+        min-width:40px;
+        img { 
+          position:relative;
+          top:4px;
+        }
+      }
+      &.current { 
+        background-color:#DDD;
+      }
+    }
+  }
+  /*
+   *  End of Main Menu
+   *
+   */
 }
@@ -1,5 +0,0 @@
-p.time {
-  color: #999;
-  font-size: 90%;
-  margin: 30px 3px 3px 2px;
-}
	@@ -1,160 +0,0 @@	@@ -1,160 +0,0 @@
1	-/**
2	- *
3	- * COMMIT SHOw
4	- *
5	- */
6	-
7	-
8	-.diff_file {
9	- border:1px solid #CCC;
10	- margin-bottom:1em;
11	-
12	- .diff_file_header {
13	- padding:5px 5px;
14	- border-bottom:1px solid #CCC;
15	- background: #eee;
16	- }
17	- .diff_file_content {
18	- overflow:auto;
19	- overflow-y:hidden;
20	- background:#fff;
21	- color:#333;
22	- font-size: 12px;
23	- font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
24	- }
25	- .diff_file_content_image {
26	- background:#eee;
27	- text-align:center;
28	- img {
29	- padding:100px;
30	- max-width:300px;
31	- }
32	- }
33	-}
34	-
35	-.diff_file_content{
36	- table {
37	- border:none;
38	- margin:0px;
39	- padding:0px;
40	- tr {
41	- td {
42	- font-size:12px;
43	- }
44	- }
45	- }
46	- .old_line, .new_line {
47	- margin:0px;
48	- padding:0px;
49	- border:none;
50	- background:#F7F7F7;
51	- color:#aaa;
52	- padding: 0px 5px;
53	- border-right: 1px solid #ccc;
54	- text-align:right;
55	- min-width:35px;
56	- max-width:35px;
57	- width:35px;
58	- moz-user-select: none;
59	- -khtml-user-select: none;
60	- user-select: none;
61	- a {
62	- float:left;
63	- width:35px;
64	- font-weight:normal;
65	- color:#aaa;
66	- &:hover {
67	- text-decoration:underline;
68	- }
69	- }
70	- }
71	- .line_content {
72	- white-space:pre;
73	- height:14px;
74	- margin:0px;
75	- padding:0px;
76	- border:none;
77	- &.new {
78	- background: #CFD;
79	- }
80	- &.old {
81	- background: #FDD;
82	- }
83	- &.matched {
84	- color:#ccc;
85	- background:#fafafa;
86	- }
87	- }
88	-}
89	-
90	-/ COMMIT BLOCK /
91	-.commit-title{display: block;}
92	-.commit-title{margin-bottom: 10px}
93	-.commit-author, .commit-committer{display: block;color: #999; font-weight: normal; font-style: italic;}
94	-.commit-author strong, .commit-committer strong{font-weight: bold; font-style: normal;}
95	-
96	-/ bordered list /
97	-ul.bordered-list {
98	- margin:5px 0px;
99	- padding:0px;
100	- li {
101	- padding: 5px 0;
102	- border-bottom: 1px solid #EEE;
103	- overflow: hidden;
104	- display: block;
105	- margin:0px;
106	- }
107	-}
108	-
109	-ul.bordered-list li:last-child { border:none }
110	-
111	-.line_holder {
112	- &:hover {
113	- td {
114	- background: #FFFFCF !important;
115	- }
116	- }
117	-}
118	-
119	-
120	-
121	-/ FLASH /
122	-#flash_container {
123	- height:45px;
124	- position:fixed;
125	- z-index:10001;
126	- top:0px;
127	- width:100%;
128	- margin-bottom:15px;
129	- overflow:hidden;
130	- background:white;
131	- cursor:pointer;
132	- border-bottom:1px solid #777;
133	-
134	- h4 {
135	- color:#444;
136	- font-size:22px;
137	- padding-top:5px;
138	- margin:2px;
139	- }
140	-}
141	-
142	-.project-refs-form.commit-refs-form .chzn-container {
143	- position: relative;
144	- top: 0;
145	- left: 0;
146	- margin-right: 10px;
147	-}
148	-
149	-li.commit {
150	- .avatar {
151	- width:24px;
152	- top:-3px;
153	- margin-right:10px;
154	- margin-left:10px;
155	- }
156	-
157	- code {
158	- padding:4px;
159	- }
160	-}
	@@ -4,6 +4,10 @@ a {		@@ -4,6 +4,10 @@ a {
4	text-decoration:none;	4	text-decoration:none;
5	color: $style_color;	5	color: $style_color;
6	}	6	}
		7	+
		8	+ &.btn {
		9	+ color: $style_color;
		10	+ }
7	}	11	}
8		12
9	.vlink {	13	.vlink {
	@@ -97,78 +101,6 @@ a {		@@ -97,78 +101,6 @@ a {
97	float:right;	101	float:right;
98	}	102	}
99		103
100	-nav.main_menu {
101	- overflow:hidden;
102	- border-radius: 4px;
103	- margin: auto;
104	- margin:30px $app_padding;
105	- background:#eee;
106	- border:1px solid #ccc;
107	- height:38px;
108	-
109	- background-image: -webkit-gradient(linear, 0 0, 0 30, color-stop(0.066, #eee), to(#dfdfdf));
110	- background-image: -webkit-linear-gradient(#eee 6.6%, #dfdfdf);
111	- background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
112	- background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
113	-
114	- @include shade;
115	-
116	-
117	- .count {
118	- color:#aaa;
119	- margin-left:3px;
120	- }
121	-
122	- .label {
123	- background:$hover;
124	- text-shadow:none;
125	- color:$style_color;
126	- }
127	-
128	- a {
129	-
130	- font-weight:bold;
131	- &:first-child{
132	- -webkit-border-top-left-radius: 4px;
133	- -webkit-border-bottom-left-radius: 4px;
134	- -moz-border-radius-topleft: 4px;
135	- -moz-border-radius-bottomleft: 4px;
136	- border-top-left-radius: 4px;
137	- border-bottom-left-radius: 4px;
138	- }
139	- padding: 10px 25px;
140	- display: inline-block;
141	- color: $style_color;
142	- border-right: 1px solid #d5d5d5;
143	- position: relative;
144	- box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
145	- margin: 0;
146	- float:left;
147	- text-shadow:0 1px 1px white;
148	-
149	-
150	- &.home {
151	- background: url(home_icon.PNG) no-repeat center center;
152	- text-indent:-9999px;
153	- min-width:40px;
154	-
155	- img {
156	- position:relative;
157	- top:4px;
158	- }
159	- }
160	- &.current {
161	- background-color:#DDD;
162	- }
163	- }
164	-}
165	-
166	-aside.projects,
167	-aside.project-side
168	-{
169	- margin-left: 0;
170	-}
171	-
172	img.avatar {	104	img.avatar {
173	float:left;	105	float:left;
174	margin-right:15px;	106	margin-right:15px;
	@@ -381,3 +313,297 @@ table a code {		@@ -381,3 +313,297 @@ table a code {
381	width:40px;	313	width:40px;
382	height:40px;	314	height:40px;
383	}	315	}
		316	+
		317	+/ FLASH message /
		318	+#flash_container {
		319	+ height:45px;
		320	+ position:fixed;
		321	+ z-index:10001;
		322	+ top:0px;
		323	+ width:100%;
		324	+ margin-bottom:15px;
		325	+ overflow:hidden;
		326	+ background:white;
		327	+ cursor:pointer;
		328	+ border-bottom:1px solid #777;
		329	+
		330	+ h4 {
		331	+ color:#444;
		332	+ font-size:22px;
		333	+ padding-top:5px;
		334	+ margin:2px;
		335	+ }
		336	+}
		337	+
		338	+.git_url_wrapper {
		339	+ margin-right:50px
		340	+}
		341	+.file_stats {
		342	+ span {
		343	+ img {
		344	+ width:14px;
		345	+ float:left;
		346	+ margin-right:6px;
		347	+ padding:2px 0;
		348	+ }
		349	+ }
		350	+}
		351	+
		352	+.handle:hover {
		353	+ cursor:move;
		354	+}
		355	+
		356	+span.update-author {
		357	+ display:block;
		358	+}
		359	+span.update-author {
		360	+ color:#999;
		361	+ font-weight:normal;
		362	+ font-style:italic;
		363	+}
		364	+span.update-author strong {
		365	+ font-weight:bold;
		366	+ font-style: normal;
		367	+}
		368	+
		369	+/ UPDATE ITEM /
		370	+span.update-author {
		371	+ display:block;
		372	+}
		373	+/ END UPDATE ITEM /
		374	+.ajax-tab-loading {
		375	+ padding:40px;
		376	+ display:none;
		377	+}
		378	+.dashboard-loader {
		379	+ float:left;
		380	+ margin:10px;
		381	+ display:none;
		382	+}
		383	+.user-mention {
		384	+ color:#2FA0BB;
		385	+ font-weight:bold;
		386	+}
		387	+
		388	+a.project-update.titled {
		389	+ position:relative;
		390	+ padding-left:35% !important;
		391	+ .title-block {
		392	+ padding:10px;
		393	+ width:35%;
		394	+ position:absolute;
		395	+ left:0;
		396	+ top:0;
		397	+ }
		398	+}
		399	+/**
		400	+ * Project graph
		401	+ */
		402	+#holder {
		403	+ cursor: move;
		404	+ height: 70%;
		405	+ overflow: hidden;
		406	+}
		407	+
		408	+
		409	+
		410	+input.git_clone_url {
		411	+ width:475px;
		412	+}
		413	+
		414	+.team_member_row {
		415	+ img {
		416	+ width:60px;
		417	+ }
		418	+}
		419	+
		420	+.merge-request-form-holder {
		421	+ select {
		422	+ width:300px;
		423	+ }
		424	+}
		425	+
		426	+/ Issues /
		427	+#issue_assignee_id {
		428	+ width:300px;
		429	+}
		430	+
		431	+#new_issue_dialog textarea{
		432	+ height: 100px;
		433	+}
		434	+
		435	+.project_list_url {
		436	+ width:270px;
		437	+ background:#fff !important;
		438	+}
		439	+
		440	+.project_tile {
		441	+ @include shade;
		442	+ @include round-borders-all(4px);
		443	+ margin-bottom:20px;
		444	+ width:338px;
		445	+ float:left;
		446	+ margin-left:20px;
		447	+ border: 1px solid #DDD;
		448	+ padding-bottom:20px;
		449	+
		450	+ .title {
		451	+ background:#f5f5f5;
		452	+ padding: 5px 10px 2px 20px;
		453	+ border-bottom: 1px solid #DDD;
		454	+ margin-bottom: 15px;
		455	+
		456	+ h3 {
		457	+ &:hover {
		458	+ text-decoration: underline;
		459	+ }
		460	+ }
		461	+ }
		462	+ .data {
		463	+ margin: 0 20px;
		464	+ }
		465	+ .buttons {
		466	+ margin: 0 20px;
		467	+ }
		468	+}
		469	+
		470	+/**
		471	+ *
		472	+ * COMMIT SHOw
		473	+ *
		474	+ */
		475	+.diff_file {
		476	+ border:1px solid #CCC;
		477	+ margin-bottom:1em;
		478	+
		479	+ .diff_file_header {
		480	+ padding:5px 5px;
		481	+ border-bottom:1px solid #CCC;
		482	+ background: #eee;
		483	+ }
		484	+ .diff_file_content {
		485	+ overflow:auto;
		486	+ overflow-y:hidden;
		487	+ background:#fff;
		488	+ color:#333;
		489	+ font-size: 12px;
		490	+ font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
		491	+ }
		492	+ .diff_file_content_image {
		493	+ background:#eee;
		494	+ text-align:center;
		495	+ img {
		496	+ padding:100px;
		497	+ max-width:300px;
		498	+ }
		499	+ }
		500	+}
		501	+
		502	+.diff_file_content{
		503	+ table {
		504	+ border:none;
		505	+ margin:0px;
		506	+ padding:0px;
		507	+ tr {
		508	+ td {
		509	+ font-size:12px;
		510	+ }
		511	+ }
		512	+ }
		513	+ .old_line, .new_line {
		514	+ margin:0px;
		515	+ padding:0px;
		516	+ border:none;
		517	+ background:#F7F7F7;
		518	+ color:#aaa;
		519	+ padding: 0px 5px;
		520	+ border-right: 1px solid #ccc;
		521	+ text-align:right;
		522	+ min-width:35px;
		523	+ max-width:35px;
		524	+ width:35px;
		525	+ moz-user-select: none;
		526	+ -khtml-user-select: none;
		527	+ user-select: none;
		528	+ a {
		529	+ float:left;
		530	+ width:35px;
		531	+ font-weight:normal;
		532	+ color:#aaa;
		533	+ &:hover {
		534	+ text-decoration:underline;
		535	+ }
		536	+ }
		537	+ }
		538	+ .line_content {
		539	+ white-space:pre;
		540	+ height:14px;
		541	+ margin:0px;
		542	+ padding:0px;
		543	+ border:none;
		544	+ &.new {
		545	+ background: #CFD;
		546	+ }
		547	+ &.old {
		548	+ background: #FDD;
		549	+ }
		550	+ &.matched {
		551	+ color:#ccc;
		552	+ background:#fafafa;
		553	+ }
		554	+ }
		555	+}
		556	+
		557	+/ COMMIT BLOCK /
		558	+.commit-title{display: block;}
		559	+.commit-title{margin-bottom: 10px}
		560	+.commit-author, .commit-committer{display: block;color: #999; font-weight: normal; font-style: italic;}
		561	+.commit-author strong, .commit-committer strong{font-weight: bold; font-style: normal;}
		562	+
		563	+/ bordered list /
		564	+ul.bordered-list {
		565	+ margin:5px 0px;
		566	+ padding:0px;
		567	+ li {
		568	+ padding: 5px 0;
		569	+ border-bottom: 1px solid #EEE;
		570	+ overflow: hidden;
		571	+ display: block;
		572	+ margin:0px;
		573	+ }
		574	+}
		575	+
		576	+ul.bordered-list li:last-child { border:none }
		577	+
		578	+.line_holder {
		579	+ &:hover {
		580	+ td {
		581	+ background: #FFFFCF !important;
		582	+ }
		583	+ }
		584	+}
		585	+
		586	+.project-refs-form.commit-refs-form .chzn-container {
		587	+ position: relative;
		588	+ top: 0;
		589	+ left: 0;
		590	+ margin-right: 10px;
		591	+}
		592	+
		593	+li.commit {
		594	+ .avatar {
		595	+ width:24px;
		596	+ top:-3px;
		597	+ margin-right:10px;
		598	+ margin-left:10px;
		599	+ }
		600	+
		601	+ code {
		602	+ padding:4px;
		603	+ }
		604	+}
		605	+p.time {
		606	+ color: #999;
		607	+ font-size: 90%;
		608	+ margin: 30px 3px 3px 2px;
		609	+}
	@@ -1,68 +0,0 @@	@@ -1,68 +0,0 @@
1	-.black .highlighttable {
2	- background: #333;
3	- td.linenos { border:none; }
4	- pre { color: #eee }
5	- .highlight { background: #333; border-left:1px solid #555; }
6	-
7	- .hll { background-color: #ffffff }
8	- .c { color: #888888; font-style: italic } /* Comment */
9	- .err { color: #a61717; background-color: #e3d2d2 } /* Error */
10	- .k { color: #CDA869; font-weight: bold } /* Keyword */
11	- .kp { color: #CDA869; font-weight: bold } /* Keyword */
12	- .cm { color: #888888 } /* Comment.Multiline */
13	- .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
14	- .c1 { color: #888888 } /* Comment.Single */
15	- .cs { color: #cc0000; font-weight: bold; background-color: transparent } /* Comment.Special */
16	- .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
17	- .ge { font-style: italic } /* Generic.Emph */
18	- .gr { color: #aa0000 } /* Generic.Error */
19	- .gh { color: #303030 } /* Generic.Heading */
20	- .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
21	- .go { color: #888888 } /* Generic.Output */
22	- .gp { color: #555555 } /* Generic.Prompt */
23	- .gs { font-weight: bold } /* Generic.Strong */
24	- .gu { color: #606060 } /* Generic.Subheading */
25	- .gt { color: #aa0000 } /* Generic.Traceback */
26	- .highlight .kc{font-weight:bold;} /* Keyword.Constant */
27	- .highlight .kd{font-weight:bold;} /* Keyword.Declaration */
28	- .highlight .kn{font-weight:bold;} /* Keyword.Namespace */
29	- .highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
30	- .highlight .kr{font-weight:bold;} /* Keyword.Reserved */
31	- .highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
32	- .m { color: #0000DD; font-weight: bold } /* Literal.Number */
33	- .p { color: #eee; }
34	- .s { color: #dd2200; background-color: transparent } /* Literal.String */
35	- .highlight .na{color:#008080;} /* Name.Attribute */
36	- .highlight .nb{color:#0086B3;} /* Name.Builtin */
37	- .highlight .nc{color:#ccc;font-weight:bold;} /* Name.Class */
38	- .highlight .no{color:turquoise;} /* Name.Constant */
39	- .highlight .ni{color:#800080;}
40	- .highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
41	- .highlight .nf{color:#ccc;font-weight:bold;} /* Name.Function */
42	- .highlight .nn{color:#79C3E0;font-weight:bold;} /* Name.Namespace */
43	- .highlight .nt{color:#fc5;} /* Name.Tag */
44	- .highlight .nv{color:#008080;} /* Name.Variable */
45	- .py { color: #336699; font-weight: bold } /* Name.Property */
46	- .ow { color: #008800 } /* Operator.Word */
47	- .w { color: #bbbbbb } /* Text.Whitespace */
48	- .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
49	- .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
50	- .highlight .mi {color:#099;} /* Literal.Number.Integer */
51	- .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
52	- .sb { color: #dd2200; background-color: transparent; } /* Literal.String.Backtick */
53	- .highlight .sc{color:#d14;} /* Literal.String.Char */
54	- .sd { color: #dd2200; background-color: transparent; } /* Literal.String.Doc */
55	- .highlight .s2{color:orange;} /* Literal.String.Double */
56	- .highlight .se{color:orange;} /* Literal.String.Escape */
57	- .highlight .sh{color:orange;} /* Literal.String.Heredoc */
58	- .highlight .si{color:orange;} /* Literal.String.Interpol */
59	- .highlight .sx{color:orange;} /* Literal.String.Other */
60	- .highlight .sr{color:orange;} /* Literal.String.Regex */
61	- .highlight .s1{color:orange;} /* Literal.String.Single */
62	- .highlight .ss{color:orange;} /* Literal.String.Symbol */
63	- .bp { color: #003388 } /* Name.Builtin.Pseudo */
64	- .vc { color: #336699 } /* Name.Variable.Class */
65	- .vg { color: #dd7700 } /* Name.Variable.Global */
66	- .vi { color: cyan }
67	-}
68	-
@@ -0,0 +1,68 @@		@@ -0,0 +1,68 @@
	1	+.black .highlighttable {
	2	+ background: #333;
	3	+ td.linenos { border:none; }
	4	+ pre { color: #eee }
	5	+ .highlight { background: #333; border-left:1px solid #555; }
	6	+
	7	+ .hll { background-color: #ffffff }
	8	+ .c { color: #888888; font-style: italic } /* Comment */
	9	+ .err { color: #a61717; background-color: #e3d2d2 } /* Error */
	10	+ .k { color: #CDA869; font-weight: bold } /* Keyword */
	11	+ .kp { color: #CDA869; font-weight: bold } /* Keyword */
	12	+ .cm { color: #888888 } /* Comment.Multiline */
	13	+ .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
	14	+ .c1 { color: #888888 } /* Comment.Single */
	15	+ .cs { color: #cc0000; font-weight: bold; background-color: transparent } /* Comment.Special */
	16	+ .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
	17	+ .ge { font-style: italic } /* Generic.Emph */
	18	+ .gr { color: #aa0000 } /* Generic.Error */
	19	+ .gh { color: #303030 } /* Generic.Heading */
	20	+ .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
	21	+ .go { color: #888888 } /* Generic.Output */
	22	+ .gp { color: #555555 } /* Generic.Prompt */
	23	+ .gs { font-weight: bold } /* Generic.Strong */
	24	+ .gu { color: #606060 } /* Generic.Subheading */
	25	+ .gt { color: #aa0000 } /* Generic.Traceback */
	26	+ .highlight .kc{font-weight:bold;} /* Keyword.Constant */
	27	+ .highlight .kd{font-weight:bold;} /* Keyword.Declaration */
	28	+ .highlight .kn{font-weight:bold;} /* Keyword.Namespace */
	29	+ .highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
	30	+ .highlight .kr{font-weight:bold;} /* Keyword.Reserved */
	31	+ .highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
	32	+ .m { color: #0000DD; font-weight: bold } /* Literal.Number */
	33	+ .p { color: #eee; }
	34	+ .s { color: #dd2200; background-color: transparent } /* Literal.String */
	35	+ .highlight .na{color:#008080;} /* Name.Attribute */
	36	+ .highlight .nb{color:#0086B3;} /* Name.Builtin */
	37	+ .highlight .nc{color:#ccc;font-weight:bold;} /* Name.Class */
	38	+ .highlight .no{color:turquoise;} /* Name.Constant */
	39	+ .highlight .ni{color:#800080;}
	40	+ .highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
	41	+ .highlight .nf{color:#ccc;font-weight:bold;} /* Name.Function */
	42	+ .highlight .nn{color:#79C3E0;font-weight:bold;} /* Name.Namespace */
	43	+ .highlight .nt{color:#fc5;} /* Name.Tag */
	44	+ .highlight .nv{color:#008080;} /* Name.Variable */
	45	+ .py { color: #336699; font-weight: bold } /* Name.Property */
	46	+ .ow { color: #008800 } /* Operator.Word */
	47	+ .w { color: #bbbbbb } /* Text.Whitespace */
	48	+ .mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
	49	+ .mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
	50	+ .highlight .mi {color:#099;} /* Literal.Number.Integer */
	51	+ .mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
	52	+ .sb { color: #dd2200; background-color: transparent; } /* Literal.String.Backtick */
	53	+ .highlight .sc{color:#d14;} /* Literal.String.Char */
	54	+ .sd { color: #dd2200; background-color: transparent; } /* Literal.String.Doc */
	55	+ .highlight .s2{color:orange;} /* Literal.String.Double */
	56	+ .highlight .se{color:orange;} /* Literal.String.Escape */
	57	+ .highlight .sh{color:orange;} /* Literal.String.Heredoc */
	58	+ .highlight .si{color:orange;} /* Literal.String.Interpol */
	59	+ .highlight .sx{color:orange;} /* Literal.String.Other */
	60	+ .highlight .sr{color:orange;} /* Literal.String.Regex */
	61	+ .highlight .s1{color:orange;} /* Literal.String.Single */
	62	+ .highlight .ss{color:orange;} /* Literal.String.Symbol */
	63	+ .bp { color: #003388 } /* Name.Builtin.Pseudo */
	64	+ .vc { color: #336699 } /* Name.Variable.Class */
	65	+ .vg { color: #dd7700 } /* Name.Variable.Global */
	66	+ .vi { color: cyan }
	67	+}
	68	+
	@@ -1,140 +0,0 @@	@@ -1,140 +0,0 @@
1	-@mixin round-borders-all($radius) {
2	- border: 1px solid #eaeaea;
3	- -moz-border-radius: $radius;
4	- -webkit-border-radius: $radius;
5	- border-radius: $radius;
6	-}
7	-
8	-table.highlighttable
9	-{
10	- margin:0px;
11	- padding:0px;
12	- font-size:12px;
13	- table-layout:fixed
14	-}
15	-
16	-td.code,
17	-td.linenos{
18	- padding:0;
19	- margin:0;
20	- border-top:0;
21	- vertical-align:top;
22	-}
23	-
24	-.highlight{
25	- background:none;
26	- padding:10px 0px 0px 10px;
27	- margin-left:0px;
28	-}
29	-
30	-.linenodiv pre,
31	-.highlight pre{
32	- margin:0;
33	- padding:0;
34	- background:none;
35	- border:none;
36	-}
37	-
38	-.linenodiv pre {
39	- white-space:pre-line;
40	-}
41	-
42	-td.linenos {
43	- /background:#F7F7F7;/
44	- color:#777;
45	- padding:10px 0px 0px 10px;
46	- float:left;
47	- width:45px;
48	- border-right: 1px solid #ccc;
49	-
50	-}
51	-
52	-td.code .highlight {
53	- overflow: auto;
54	-}
55	-table.highlighttable pre{
56	- padding:0;
57	- margin:0;
58	- font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
59	- color: #333;
60	- text-align:left;
61	-}
62	-
63	-.git-empty .highlight {
64	- @include round-borders-all(4px);
65	- background:#eee;
66	- padding:5px;
67	- //overflow-x:scroll;
68	- pre{
69	- padding:0;
70	- line-height:2.0;
71	- margin:0;
72	- font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
73	- color: #333;
74	- text-align:left;}
75	- }
76	-
77	-.shadow{
78	- -webkit-box-shadow:0 5px 15px #000;
79	- -moz-box-shadow:0 5px 15px #000;
80	- box-shadow:0 5px 15px #000;
81	-}
82	-
83	-.hll { background-color: #ffffff }
84	-.c { color: #888888; font-style: italic } /* Comment */
85	-.err { color: #a61717; background-color: #e3d2d2 } /* Error */
86	-.k { color: #000000; font-weight: bold } /* Keyword */
87	-.cm { color: #888888 } /* Comment.Multiline */
88	-.cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
89	-.c1 { color: #888888 } /* Comment.Single */
90	-.cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
91	-.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
92	-.ge { font-style: italic } /* Generic.Emph */
93	-.gr { color: #aa0000 } /* Generic.Error */
94	-.gh { color: #303030 } /* Generic.Heading */
95	-.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
96	-.go { color: #888888 } /* Generic.Output */
97	-.gp { color: #555555 } /* Generic.Prompt */
98	-.gs { font-weight: bold } /* Generic.Strong */
99	-.gu { color: #606060 } /* Generic.Subheading */
100	-.gt { color: #aa0000 } /* Generic.Traceback */
101	-.highlight .kc{font-weight:bold;} /* Keyword.Constant */
102	-.highlight .kd{font-weight:bold;} /* Keyword.Declaration */
103	-.highlight .kn{font-weight:bold;} /* Keyword.Namespace */
104	-.highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
105	-.highlight .kr{font-weight:bold;} /* Keyword.Reserved */
106	-.highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
107	-.m { color: #0000DD; font-weight: bold } /* Literal.Number */
108	-.s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
109	-.highlight .na{color:#008080;} /* Name.Attribute */
110	-.highlight .nb{color:#0086B3;} /* Name.Builtin */
111	-.highlight .nc{color:#458;font-weight:bold;} /* Name.Class */
112	-.highlight .no{color:#008080;} /* Name.Constant */
113	-.highlight .ni{color:#800080;}
114	-.highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
115	-.highlight .nf{color:#900;font-weight:bold;} /* Name.Function */
116	-.highlight .nn{color:#005;font-weight:bold;} /* Name.Namespace */
117	-.highlight .nt{color:#000080;} /* Name.Tag */
118	-.highlight .nv{color:#008080;} /* Name.Variable */
119	-.py { color: #336699; font-weight: bold } /* Name.Property */
120	-.ow { color: #008800 } /* Operator.Word */
121	-.w { color: #bbbbbb } /* Text.Whitespace */
122	-.mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
123	-.mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
124	-.highlight .mi {color:#099;} /* Literal.Number.Integer */
125	-.mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
126	-.sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
127	-.highlight .sc{color:#d14;} /* Literal.String.Char */
128	-.sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
129	-.highlight .s2{color:#d14;} /* Literal.String.Double */
130	-.highlight .se{color:#d14;} /* Literal.String.Escape */
131	-.highlight .sh{color:#d14;} /* Literal.String.Heredoc */
132	-.highlight .si{color:#d14;} /* Literal.String.Interpol */
133	-.highlight .sx{color:#d14;} /* Literal.String.Other */
134	-.highlight .sr{color:#d14;} /* Literal.String.Regex */
135	-.highlight .s1{color:#d14;} /* Literal.String.Single */
136	-.highlight .ss{color:#d14;} /* Literal.String.Symbol */
137	-.bp { color: #003388 } /* Name.Builtin.Pseudo */
138	-.vc { color: #336699 } /* Name.Variable.Class */
139	-.vg { color: #dd7700 } /* Name.Variable.Global */
140	-.vi { color: #3333bb }
@@ -0,0 +1,140 @@		@@ -0,0 +1,140 @@
	1	+@mixin round-borders-all($radius) {
	2	+ border: 1px solid #eaeaea;
	3	+ -moz-border-radius: $radius;
	4	+ -webkit-border-radius: $radius;
	5	+ border-radius: $radius;
	6	+}
	7	+
	8	+table.highlighttable
	9	+{
	10	+ margin:0px;
	11	+ padding:0px;
	12	+ font-size:12px;
	13	+ table-layout:fixed
	14	+}
	15	+
	16	+td.code,
	17	+td.linenos{
	18	+ padding:0;
	19	+ margin:0;
	20	+ border-top:0;
	21	+ vertical-align:top;
	22	+}
	23	+
	24	+.highlight{
	25	+ background:none;
	26	+ padding:10px 0px 0px 10px;
	27	+ margin-left:0px;
	28	+}
	29	+
	30	+.linenodiv pre,
	31	+.highlight pre{
	32	+ margin:0;
	33	+ padding:0;
	34	+ background:none;
	35	+ border:none;
	36	+}
	37	+
	38	+.linenodiv pre {
	39	+ white-space:pre-line;
	40	+}
	41	+
	42	+td.linenos {
	43	+ /background:#F7F7F7;/
	44	+ color:#777;
	45	+ padding:10px 0px 0px 10px;
	46	+ float:left;
	47	+ width:45px;
	48	+ border-right: 1px solid #ccc;
	49	+
	50	+}
	51	+
	52	+td.code .highlight {
	53	+ overflow: auto;
	54	+}
	55	+table.highlighttable pre{
	56	+ padding:0;
	57	+ margin:0;
	58	+ font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
	59	+ color: #333;
	60	+ text-align:left;
	61	+}
	62	+
	63	+.git-empty .highlight {
	64	+ @include round-borders-all(4px);
	65	+ background:#eee;
	66	+ padding:5px;
	67	+ //overflow-x:scroll;
	68	+ pre{
	69	+ padding:0;
	70	+ line-height:2.0;
	71	+ margin:0;
	72	+ font-family: 'Menlo', 'Courier New', 'andale mono','lucida console',monospace;
	73	+ color: #333;
	74	+ text-align:left;}
	75	+ }
	76	+
	77	+.shadow{
	78	+ -webkit-box-shadow:0 5px 15px #000;
	79	+ -moz-box-shadow:0 5px 15px #000;
	80	+ box-shadow:0 5px 15px #000;
	81	+}
	82	+
	83	+.hll { background-color: #ffffff }
	84	+.c { color: #888888; font-style: italic } /* Comment */
	85	+.err { color: #a61717; background-color: #e3d2d2 } /* Error */
	86	+.k { color: #000000; font-weight: bold } /* Keyword */
	87	+.cm { color: #888888 } /* Comment.Multiline */
	88	+.cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
	89	+.c1 { color: #888888 } /* Comment.Single */
	90	+.cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
	91	+.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
	92	+.ge { font-style: italic } /* Generic.Emph */
	93	+.gr { color: #aa0000 } /* Generic.Error */
	94	+.gh { color: #303030 } /* Generic.Heading */
	95	+.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
	96	+.go { color: #888888 } /* Generic.Output */
	97	+.gp { color: #555555 } /* Generic.Prompt */
	98	+.gs { font-weight: bold } /* Generic.Strong */
	99	+.gu { color: #606060 } /* Generic.Subheading */
	100	+.gt { color: #aa0000 } /* Generic.Traceback */
	101	+.highlight .kc{font-weight:bold;} /* Keyword.Constant */
	102	+.highlight .kd{font-weight:bold;} /* Keyword.Declaration */
	103	+.highlight .kn{font-weight:bold;} /* Keyword.Namespace */
	104	+.highlight .kp{font-weight:bold;} /* Keyword.Pseudo */
	105	+.highlight .kr{font-weight:bold;} /* Keyword.Reserved */
	106	+.highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */
	107	+.m { color: #0000DD; font-weight: bold } /* Literal.Number */
	108	+.s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
	109	+.highlight .na{color:#008080;} /* Name.Attribute */
	110	+.highlight .nb{color:#0086B3;} /* Name.Builtin */
	111	+.highlight .nc{color:#458;font-weight:bold;} /* Name.Class */
	112	+.highlight .no{color:#008080;} /* Name.Constant */
	113	+.highlight .ni{color:#800080;}
	114	+.highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */
	115	+.highlight .nf{color:#900;font-weight:bold;} /* Name.Function */
	116	+.highlight .nn{color:#005;font-weight:bold;} /* Name.Namespace */
	117	+.highlight .nt{color:#000080;} /* Name.Tag */
	118	+.highlight .nv{color:#008080;} /* Name.Variable */
	119	+.py { color: #336699; font-weight: bold } /* Name.Property */
	120	+.ow { color: #008800 } /* Operator.Word */
	121	+.w { color: #bbbbbb } /* Text.Whitespace */
	122	+.mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */
	123	+.mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */
	124	+.highlight .mi {color:#099;} /* Literal.Number.Integer */
	125	+.mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */
	126	+.sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */
	127	+.highlight .sc{color:#d14;} /* Literal.String.Char */
	128	+.sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */
	129	+.highlight .s2{color:#d14;} /* Literal.String.Double */
	130	+.highlight .se{color:#d14;} /* Literal.String.Escape */
	131	+.highlight .sh{color:#d14;} /* Literal.String.Heredoc */
	132	+.highlight .si{color:#d14;} /* Literal.String.Interpol */
	133	+.highlight .sx{color:#d14;} /* Literal.String.Other */
	134	+.highlight .sr{color:#d14;} /* Literal.String.Regex */
	135	+.highlight .s1{color:#d14;} /* Literal.String.Single */
	136	+.highlight .ss{color:#d14;} /* Literal.String.Symbol */
	137	+.bp { color: #003388 } /* Name.Builtin.Pseudo */
	138	+.vc { color: #336699 } /* Name.Variable.Class */
	139	+.vg { color: #dd7700 } /* Name.Variable.Global */
	140	+.vi { color: #3333bb }
	@@ -58,19 +58,56 @@ $hover: #FDF5D9;		@@ -58,19 +58,56 @@ $hover: #FDF5D9;
58	border-radius: $radius;	58	border-radius: $radius;
59	}	59	}
60		60
		61	+/**
		62	+ * This file represent some UI that can be changed
		63	+ * during web app restyle or theme select.
		64	+ *
		65	+ * Next items should be placed there
		66	+ * - link colors
		67	+ * - header styles
		68	+ * - main menu styles
		69	+ *
		70	+ */
61	@import "ui_basic.scss";	71	@import "ui_basic.scss";
		72	+
		73	+/**
		74	+ * Most of application styles placed here.
		75	+ * This file represent common UI that should not be changed between themes
		76	+ * or project restyling like form width or user avatar class or commit title
		77	+ *
		78	+ * TODO: clean it
		79	+ */
62	@import "common.scss";	80	@import "common.scss";
63		81
64	-@import "projects.css.scss";
65	-@import "commits.css.scss";	82	+/**
		83	+ * This scss file redefine chozen selectbox styles for
		84	+ * project Branch/Tag select element
		85	+ */
		86	+@import "ref_select.scss";
		87	+
		88	+/**
		89	+ * Code (files list) styles. Browsing project files there
		90	+ */
66	@import "tree.scss";	91	@import "tree.scss";
67	-@import "notes.css.scss";
68	-@import "login.scss";
69		92
70	-/ CODE HIGHTLIGHT /
71	-@import "highlight.css.scss";
72	-@import "highlight.black.css.scss";	93	+/**
		94	+ * This file represent notes(comments) styles
		95	+ */
		96	+@import "notes.scss";
73		97
74	-@import "wiki.scss";	98	+/**
		99	+ * Devise styles
		100	+ */
		101	+@import "login.scss";
75		102
		103	+/**
		104	+ * CODE HIGHTLIGHT BASE
		105	+ *
		106	+ */
		107	+@import "highlight.scss";
76		108
		109	+/**
		110	+ * CODE HIGHTLIGHT DARK schema
		111	+ *
		112	+ */
		113	+@import "highlight.black.scss";
	@@ -1,114 +0,0 @@	@@ -1,114 +0,0 @@
1	-/ Notes /
2	-
3	-#notes-list {
4	- display:block;
5	- list-style:none;
6	- margin:0px;
7	- padding:0px;
8	-}
9	-
10	-.issue_notes {
11	- .note_content {
12	- float:left;
13	- width:400px;
14	- }
15	-}
16	-
17	-/* Note textare */
18	-#note_note {
19	- height:100px;
20	- width:97%;
21	- font-size:14px;
22	-}
23	-
24	-#new_note {
25	- #note_note {
26	- height:25px;
27	- }
28	- .attach_holder {
29	- display:none;
30	- }
31	-}
32	-
33	-.note .delete-note {
34	- display:none;
35	- float:right;
36	-}
37	-.note:hover .delete-note { display:block; }
38	-.note {padding: 10px 0; border-bottom: 1px solid #eee; overflow: hidden; display: block;}
39	-.note img{float: left; margin-right: 10px;}
40	-.note span.note-title{display: block;}
41	-.note span.note-title{margin-bottom: 10px}
42	-.note span.note-author{color: #999; font-weight: normal; font-style: italic;}
43	-.note span.note-author strong{font-weight: bold; font-style: normal;}
44	-.note p { color:$style_color; }
45	-.note .note-author { color: $style_color;}
46	-
47	-.note .note-title { margin-left:55px; }
48	-
49	-p.notify_controls input{
50	- margin: 5px;
51	-}
52	-
53	-p.notify_controls span{
54	- font-weight: 700;
55	-}
56	-
57	-tr.line_notes_row {
58	- border-bottom:1px solid #DDD;
59	- &.reply {
60	- background:#eee;
61	-
62	- td {
63	- padding:7px 10px;
64	- }
65	- a.line_note_reply_link {
66	- @include round-borders-all(4px);
67	- border-color:#aaa;
68	- background: #bbb;
69	- padding: 3px 20px;
70	- color: white;
71	- }
72	- }
73	- ul {
74	- margin:0;
75	- li {
76	- padding:0;
77	- border:none;
78	- }
79	- }
80	-}
81	-
82	-.line_notes_row, .per_line_form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
83	-
84	-.per_line_form {
85	- background:#f5f5f5;
86	- form { margin: 0; }
87	- td {
88	- border-bottom:1px solid #ddd;
89	- }
90	-}
91	-
92	-td .line_note_link {
93	- position:absolute;
94	- margin-left:-70px;
95	- margin-top:-10px;
96	- z-index:10;
97	- background: url("comment_add.png") no-repeat left 0;
98	- width:32px;
99	- height:32px;
100	-
101	- opacity: 0.0;
102	- filter: alpha(opacity=0);
103	-
104	- &:hover {
105	- opacity: 1.0;
106	- filter: alpha(opacity=100);
107	- }
108	-}
109	-
110	-.diff_file_content tr.line_holder:hover > td { background: $hover !important; }
111	-.diff_file_content tr.line_holder:hover > td .line_note_link {
112	- opacity: 1.0;
113	- filter: alpha(opacity=100);
114	-}
@@ -0,0 +1,116 @@		@@ -0,0 +1,116 @@
	1	+/**
	2	+ * Notes
	3	+ *
	4	+ */
	5	+#notes-list {
	6	+ display:block;
	7	+ list-style:none;
	8	+ margin:0px;
	9	+ padding:0px;
	10	+}
	11	+
	12	+.issue_notes {
	13	+ .note_content {
	14	+ float:left;
	15	+ width:400px;
	16	+ }
	17	+}
	18	+
	19	+/* Note textare */
	20	+#note_note {
	21	+ height:100px;
	22	+ width:97%;
	23	+ font-size:14px;
	24	+}
	25	+
	26	+#new_note {
	27	+ #note_note {
	28	+ height:25px;
	29	+ }
	30	+ .attach_holder {
	31	+ display:none;
	32	+ }
	33	+}
	34	+
	35	+.note .delete-note {
	36	+ display:none;
	37	+ float:right;
	38	+}
	39	+.note:hover .delete-note { display:block; }
	40	+.note {padding: 10px 0; border-bottom: 1px solid #eee; overflow: hidden; display: block;}
	41	+.note img{float: left; margin-right: 10px;}
	42	+.note span.note-title{display: block;}
	43	+.note span.note-title{margin-bottom: 10px}
	44	+.note span.note-author{color: #999; font-weight: normal; font-style: italic;}
	45	+.note span.note-author strong{font-weight: bold; font-style: normal;}
	46	+.note p { color:$style_color; }
	47	+.note .note-author { color: $style_color;}
	48	+
	49	+.note .note-title { margin-left:55px; }
	50	+
	51	+p.notify_controls input{
	52	+ margin: 5px;
	53	+}
	54	+
	55	+p.notify_controls span{
	56	+ font-weight: 700;
	57	+}
	58	+
	59	+tr.line_notes_row {
	60	+ border-bottom:1px solid #DDD;
	61	+ &.reply {
	62	+ background:#eee;
	63	+
	64	+ td {
	65	+ padding:7px 10px;
	66	+ }
	67	+ a.line_note_reply_link {
	68	+ @include round-borders-all(4px);
	69	+ border-color:#aaa;
	70	+ background: #bbb;
	71	+ padding: 3px 20px;
	72	+ color: white;
	73	+ }
	74	+ }
	75	+ ul {
	76	+ margin:0;
	77	+ li {
	78	+ padding:0;
	79	+ border:none;
	80	+ }
	81	+ }
	82	+}
	83	+
	84	+.line_notes_row, .per_line_form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
	85	+
	86	+.per_line_form {
	87	+ background:#f5f5f5;
	88	+ form { margin: 0; }
	89	+ td {
	90	+ border-bottom:1px solid #ddd;
	91	+ }
	92	+}
	93	+
	94	+td .line_note_link {
	95	+ position:absolute;
	96	+ margin-left:-70px;
	97	+ margin-top:-10px;
	98	+ z-index:10;
	99	+ background: url("comment_add.png") no-repeat left 0;
	100	+ width:32px;
	101	+ height:32px;
	102	+
	103	+ opacity: 0.0;
	104	+ filter: alpha(opacity=0);
	105	+
	106	+ &:hover {
	107	+ opacity: 1.0;
	108	+ filter: alpha(opacity=100);
	109	+ }
	110	+}
	111	+
	112	+.diff_file_content tr.line_holder:hover > td { background: $hover !important; }
	113	+.diff_file_content tr.line_holder:hover > td .line_note_link {
	114	+ opacity: 1.0;
	115	+ filter: alpha(opacity=100);
	116	+}
	@@ -1,254 +0,0 @@	@@ -1,254 +0,0 @@
1	-.git_url_wrapper {
2	- margin-right:50px
3	-}
4	-.file_stats {
5	- span {
6	- img {
7	- width:14px;
8	- float:left;
9	- margin-right:6px;
10	- padding:2px 0;
11	- }
12	- }
13	-}
14	-
15	-.handle:hover {
16	- cursor:move;
17	-}
18	-
19	-/* Project Dashboard Page */
20	-.news-feed h2 {
21	- float:left;
22	-}
23	-.news-feed .project-updates {
24	- margin-bottom:20px;
25	- display:block;
26	- width:100%;
27	-}
28	-.news-feed .project-updates .data {
29	- padding:0
30	-}
31	-.news-feed .project-updates a.project-update {
32	- padding:10px;
33	- border-bottom:1px solid #eee;
34	- overflow:hidden;
35	- display:block;
36	-}
37	-.news-feed .project-updates a.project-update:last-child {
38	- border-bottom:0
39	-}
40	-.news-feed .project-updates a.project-update img {
41	- float:left;
42	- margin-right:10px;
43	-}
44	-span.update-title,
45	-span.update-author {
46	- display:block;
47	-}
48	-span.update-title {
49	- margin-bottom:10px
50	-}
51	-span.update-author {
52	- color:#999;
53	- font-weight:normal;
54	- font-style:italic;
55	-}
56	-span.update-author strong {
57	- font-weight:bold;
58	- font-style: normal;
59	-}
60	-/ UPDATE ITEM /
61	-.update-data {
62	- padding:0
63	-}
64	-.update-data {
65	- width:100%;
66	-}
67	-a.update-item {
68	- padding:10px;
69	- border-bottom:1px solid #eee;
70	- overflow:hidden;
71	- display:block;
72	-}
73	-a.update-item:last-child {
74	- border-bottom:0
75	-}
76	-a.update-item img {
77	- float:left;
78	- margin-right:10px;
79	-}
80	-span.update-title,
81	-span.update-author {
82	- display:block;
83	-}
84	-a.update-item span.update-title {
85	- margin-bottom:10px
86	-}
87	-a.update-item span.update-author {
88	- color:#999;
89	- font-weight:normal;
90	- font-style:italic;
91	-}
92	-a.update-item span.update-author strong {
93	- font-weight:bold;
94	- font-style:normal;
95	-}
96	-/ END UPDATE ITEM /
97	-.ajax-tab-loading {
98	- padding:40px;
99	- display:none;
100	-}
101	-#tree-content-holder {
102	- float:left;
103	- width:100%;
104	-}
105	-#tree-readme-holder {
106	- float:left;
107	- width:100%;
108	- .readme {
109	- @include round-borders-all(4px);
110	- padding:4px 15px;
111	- background: #F7F7F7;
112	- }
113	-}
114	-.dashboard-loader {
115	- float:left;
116	- margin:10px;
117	- display:none;
118	-}
119	-.user-mention {
120	- color:#2FA0BB;
121	- font-weight:bold;
122	-}
123	-
124	-a.project-update.titled {
125	- position:relative;
126	- padding-left:35% !important;
127	- .title-block {
128	- padding:10px;
129	- width:35%;
130	- position:absolute;
131	- left:0;
132	- top:0;
133	- }
134	-}
135	-/**
136	- * Project graph
137	- */
138	-#holder {
139	- cursor: move;
140	- height: 70%;
141	- overflow: hidden;
142	-}
143	-
144	-
145	-/ Branch/tag selector /
146	-.project-refs-form {
147	- margin:0;
148	- span {
149	- background:none !important;
150	- position:static !important;
151	- width:auto !important;
152	- height:auto !important;
153	- }
154	-}
155	-.project-refs-select {
156	- width:120px;
157	-}
158	-
159	-.project-refs-form .chzn-container {
160	- position:relative;
161	- top: -5px;
162	- left: -11px;
163	-
164	- .chzn-drop {
165	- margin:7px 0;
166	- border: 1px solid #CCC;
167	- min-width: 300px;
168	-
169	- .chzn-results {
170	- max-height:300px;
171	- }
172	-
173	- .chzn-search input {
174	- min-width:200px;
175	- }
176	- }
177	-
178	- .chzn-single {
179	- background:#ddd;
180	- //border:none;
181	- //box-shadow:none;
182	-
183	- div {
184	- background:transparent;
185	- border-left:none;
186	- }
187	-
188	- span {
189	- font-weight: normal;
190	- }
191	- }
192	-}
193	-
194	-
195	-input.git_clone_url {
196	- width:475px;
197	-}
198	-
199	-.team_member_row {
200	- img {
201	- width:60px;
202	- }
203	-}
204	-
205	-.merge-request-form-holder {
206	- select {
207	- width:300px;
208	- }
209	-}
210	-
211	-/ Issues /
212	-#issue_assignee_id {
213	- width:300px;
214	-}
215	-
216	-#new_issue_dialog textarea{
217	- height: 100px;
218	-}
219	-
220	-.project_list_url {
221	- width:270px;
222	- background:#fff !important;
223	-}
224	-
225	-.project_tile {
226	- @include shade;
227	- @include round-borders-all(4px);
228	- margin-bottom:20px;
229	- width:338px;
230	- float:left;
231	- margin-left:20px;
232	- border: 1px solid #DDD;
233	- padding-bottom:20px;
234	-
235	- .title {
236	- background:#f5f5f5;
237	- padding: 5px 10px 2px 20px;
238	- border-bottom: 1px solid #DDD;
239	- margin-bottom: 15px;
240	-
241	- h3 {
242	- &:hover {
243	- text-decoration: underline;
244	- }
245	- }
246	- }
247	- .data {
248	- margin: 0 20px;
249	- }
250	- .buttons {
251	- margin: 0 20px;
252	- }
253	-}
254	-