From: Dmitriy Zaporozhets <dzaporozhets@sphereconsultinginc.com>
Date: Sat, 12 Nov 2011 11:04:43 +0000 (+0200)
Subject: css refactor
X-Git-Tag: v1.2.0pre~45
X-Git-Url: http://git.osdn.net/view?a=commitdiff_plain;h=ef088725341b2f202b7d33561d12efdf91b7f354;p=wvm%2Fgitlab.git

css refactor
---

diff --git a/app/assets/stylesheets/commits.css.scss b/app/assets/stylesheets/commits.css.scss
new file mode 100644
index 000000000..f1f09219b
--- /dev/null
+++ b/app/assets/stylesheets/commits.css.scss
@@ -0,0 +1,40 @@
+/** Commit diff view **/
+.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: '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{
+  .old_line, .new_line {
+    background:#ECECEC;
+    color:#777;
+    width:30px;
+    float:left;
+    padding: 0px 5px;
+    border-right: 1px solid #ccc;
+  }
+}
+
+
diff --git a/app/assets/stylesheets/dashboard.css.scss b/app/assets/stylesheets/dashboard.css.scss
deleted file mode 100644
index e8f34fdd0..000000000
--- a/app/assets/stylesheets/dashboard.css.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-// Place all the styles related to the Dashboard controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
diff --git a/app/assets/stylesheets/issues.css.scss b/app/assets/stylesheets/issues.css.scss
index 1fbc8cb88..2aef285bb 100644
--- a/app/assets/stylesheets/issues.css.scss
+++ b/app/assets/stylesheets/issues.css.scss
@@ -1,3 +1,38 @@
-// Place all the styles related to the Issues controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
+.issue-number {
+  float: left;
+  border-radius: 5px;
+  text-shadow: none;
+  background: rgba(0, 0, 0, 0.12);
+  text-align: center;
+  padding: 14px 8px;
+  width: 40px;
+  margin-right: 10px;
+  color: #444;
+}
+
+#issues-table-holder .issue:hover .action-links { display:block; }
+
+.issues_filter {
+  margin-top:10px;
+  .left { 
+    margin-right:15px;
+  }
+}
+.top_panel_issues{
+  #issue_search_form {
+    margin:5px 0;
+    input {
+      border:1px solid #D3D3D3;
+      padding: 3px;
+      height: 28px;
+      width: 300px;
+      -webkit-appearance:none;
+      box-sizing: border-box;
+      -moz-box-sizing: border-box;
+
+      &:focus {
+        border-color:#c2e1ef;
+      }
+    }
+  }
+}
diff --git a/app/assets/stylesheets/notes.css.scss b/app/assets/stylesheets/notes.css.scss
new file mode 100644
index 000000000..b3f32e101
--- /dev/null
+++ b/app/assets/stylesheets/notes.css.scss
@@ -0,0 +1,44 @@
+/** 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;
+  }
+}
+
+#notes-list .note .delete-note { display:none; }
+#notes-list .note:hover .delete-note { display:block; }
+
+body.project-page #notes-list .note {padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;}
+body.project-page #notes-list .note {padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;}
+body.project-page #notes-list .note img{float: left; margin-right: 10px;}
+body.project-page #notes-list .note span.note-title{display: block;}
+body.project-page #notes-list .note span.note-title{margin-bottom: 10px}
+body.project-page #notes-list .note span.note-author{color: #999; font-weight: normal; font-style: italic;}
+body.project-page #notes-list .note span.note-author strong{font-weight: bold; font-style: normal;}
+
diff --git a/app/assets/stylesheets/profile.css.scss b/app/assets/stylesheets/profile.css.scss
deleted file mode 100644
index 22ee50876..000000000
--- a/app/assets/stylesheets/profile.css.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-// Place all the styles related to the Profile controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
diff --git a/app/assets/stylesheets/projects.css.scss b/app/assets/stylesheets/projects.css.scss
index 3bc7492bf..b03ad1059 100644
--- a/app/assets/stylesheets/projects.css.scss
+++ b/app/assets/stylesheets/projects.css.scss
@@ -4,26 +4,20 @@
 
 @mixin round-borders-bottom($radius) {
   border-top: 1px solid #eaeaea;
-
   -moz-border-radius-bottomright: $radius;
   -moz-border-radius-bottomleft: $radius;
-
   border-bottom-right-radius: $radius;
   border-bottom-left-radius: $radius;
-
   -webkit-border-bottom-left-radius: $radius;
   -webkit-border-bottom-right-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;
 }
@@ -36,45 +30,18 @@
 }
 
 @mixin hover-color {
-  background: #fff !important;
-  background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#FFF6BF)) !important;
-  background: -moz-linear-gradient(top,#fff,#FFF6BF) !important;
-  background: transparent 9 !important;
+  background-color:#FFFFCF;
 }
 
-.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: 'Courier New', 'andale mono','lucida console',monospace;
-  }
-  .diff_file_content_image {
-    background:#eee;
-    text-align:center;
-    img {
-      padding:100px;
-      max-width:300px;
-    }
-  }
+@mixin panel-color {
+  background: #111 !important;
+  background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#111)) !important;
+  background: -moz-linear-gradient(top,#333,#111) !important;
+  background: transparent 9 !important;
 }
 
-#logo {
- &:hover {
-   background:none;
- }
-}
 
+/** File stat **/
 .file_stats {
   margin-bottom:10px;
   @include round-borders-all(4px);
@@ -103,12 +70,6 @@ table.round-borders {
   float:left;
 }
 
-@mixin panel-color {
-  background: #111 !important;
-  background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#111)) !important;
-  background: -moz-linear-gradient(top,#333,#111) !important;
-  background: transparent 9 !important;
-}
 
 #content-container{
   min-height:250px;
@@ -123,17 +84,6 @@ a {
   color: #111;
 }
 
-.diff_file_content{
-  .old_line, .new_line {
-    background:#ECECEC;
-    color:#777;
-    width:30px;
-    float:left;
-    padding: 0px 5px;
-    border-right: 1px solid #ccc;
-  }
-}
-
 .view_file_content{
   .old_line, .new_line {
     background:#ECECEC;
@@ -263,36 +213,12 @@ input.ssh_project_url {
   border-width: 1px;
 }
 
-
-.top_menu_count {
-  background: none repeat scroll 0 0 white;
-  color: #333;
-  border-color: #4BB8D2;
-  padding: 2px;
-  font-size:10px;
-  border-top:none;
-  text-align:center;
-  float:right;
-  width:25px;
-
-
-}
-
-#logo {
-  color: #EAEAEA;
-  font-family: monospace;
-  font-size: 26px;
-  padding: 4px;
-  text-decoration: none;
-  text-shadow: #555 1px 1px;
-}
-
 /** FLASH **/
 
 #flash_container {
   height:40px;
   position:fixed;
-  z-index:1009;
+  z-index:1209;
   top:0px;
   width:100%;
   margin-bottom:10px;
@@ -342,34 +268,6 @@ input.ssh_project_url {
   }
 }
 
-/** Notes **/
-
-#notes-list {
-  display:block;
-  list-style:none;
-  margin:0px;
-  padding:0px;
-}
-
-.notes_count {
-  background: none repeat scroll 0 0 #FFF6BF;
-  border-color: #FFD324;
-  color: #514721;
-  border: 2px solid #DDDDDD;
-  margin-bottom: 1em;
-  margin-top: 3px;
-  padding: 2px 5px;
-  position: relative;
-  right: 6px;
-  top: 6px;
-}
-
-.issue_notes {
-  .note_content {
-    float:left;
-    width:400px;
-  }
-}
 
 #user_projects_limit{
   width: 60px;
@@ -400,24 +298,6 @@ input.ssh_project_url {
 }
 
 
-/* Note textare */
-#note_note {
-  height:100px;
-  width:97%;
-  font-size:14px;
-}
-
-#new_note {
-  #note_note {
-    height:25px;
-  }
-  .attach_holder {
-    display:none;
-  }
-}
-
-
-
 .tag {
   @include round-borders-all(4px);
   padding:2px 4px;
@@ -448,33 +328,6 @@ input.ssh_project_url {
   }
 }
 
-#issues-table .issue {
-  &.critical {
-    td {
-      //background: #D12F19;
-      //color:#fff;
-    }
-  }
-}
-
-.top_panel_issues{
-  #issue_search_form {
-    margin:5px 0;
-    input {
-      border:1px solid #D3D3D3;
-      padding: 3px;
-      height: 28px;
-      width: 300px;
-      -webkit-appearance:none;
-      box-sizing: border-box;
-      -moz-box-sizing: border-box;
-
-      &:focus {
-        border-color:#c2e1ef;
-      }
-    }
-  }
-}
 
 .left { 
   float:left;
@@ -553,12 +406,6 @@ table.highlighttable .linenodiv pre {
   width:200px;
 }
 
-.issues_filter {
-  margin-top:10px;
-  .left { 
-    margin-right:15px;
-  }
-}
 .filter .left { margin-right:15px; }
  
 
@@ -575,8 +422,6 @@ body.project-page table .commit {
   }
 }
 
-#notes-list .note .delete-note { display:none; }
-#notes-list .note:hover .delete-note { display:block; }
 
 .snippet .action-links,
 #issues-table-holder .issue .action-links {
@@ -588,27 +433,6 @@ body.project-page table .commit {
  
 .snippet:hover .action-links { display:block; }
 
-.issue-number {
-  float: left;
-  border-radius: 5px;
-  text-shadow: none;
-  background: rgba(0, 0, 0, 0.12);
-  text-align: center;
-  padding: 14px 8px;
-  width: 40px;
-  margin-right: 10px;
-  color: #444;
-}
-
-#issues-table-holder .issue:hover .action-links { display:block; }
-
-body.project-page #notes-list .note {padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;}
-body.project-page #notes-list .note {padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;}
-body.project-page #notes-list .note img{float: left; margin-right: 10px;}
-body.project-page #notes-list .note span.note-title{display: block;}
-body.project-page #notes-list .note span.note-title{margin-bottom: 10px}
-body.project-page #notes-list .note span.note-author{color: #999; font-weight: normal; font-style: italic;}
-body.project-page #notes-list .note span.note-author strong{font-weight: bold; font-style: normal;}
 
 
 /** NEW PROJECT **/
@@ -640,3 +464,8 @@ body.project-page #notes-list .note span.note-author strong{font-weight: bold; f
     color: #999
   }
 }
+
+/** UI autocomplete **/
+.ui-autocomplete { @include round-borders-all(5px); }
+.ui-menu-item { cursor: pointer }
+ 
diff --git a/app/assets/stylesheets/snippets.css.scss b/app/assets/stylesheets/snippets.css.scss
deleted file mode 100644
index 1b680d87b..000000000
--- a/app/assets/stylesheets/snippets.css.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-// Place all the styles related to the Snippets controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/