X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Fstatic%2Fcss%2Fonelab.css;h=0d97f9297703ae8204bcaeb2e4509b33df17385d;hb=a5d8ec473bf69cbb0540e3afadd66e1b57ebeff4;hp=434a089f5178ed6a26bdec8081ecfef3a08851e7;hpb=ba476841726dc818c0efd3ed25e42955a39fc504;p=myslice.git

diff --git a/portal/static/css/onelab.css b/portal/static/css/onelab.css
index 434a089f..0d97f929 100644
--- a/portal/static/css/onelab.css
+++ b/portal/static/css/onelab.css
@@ -32,122 +32,83 @@ h3 {
     font-size:13pt;
     color:#201E62;
 }
-
-div.wrapper {
-    width:980px;
-    margin:0 auto;
-    position:relative;
-}
-div.container {
-    /*width:980px;
-    margin:25px auto;*/
-}
-div.wide {
-    margin:25px auto;
-    padding:0 25px;
-}
-
 span.label {
     font-size:11pt;
     color:gray;
     font-weight:normal;
     padding:0;
 }
-/***** Notifications *****/
-.warning {
-    border: 1px solid red;
-    margin: 20px 60px;
-    padding: 10px 20px;
-    color: red;
-    background-color: #f2dbdb;
-    text-align: center;
+div.el {
+    padding-bottom:15px;
 }
-/* HEADER */
-#header {
-  -moz-box-shadow:    0 0 1px rgba(82,82,82,0.6);
-  -webkit-box-shadow: 0 0 1px rgba(82,82,82,0.6);
-  box-shadow:         0 0 1px rgba(82,82,82,0.6);
-  
-  height:61px;
-  background-color:white;
-  z-index:2;
+/* buttons */
+button.btn {
+    padding:6px 10px;
+    border-radius:5px;
+    font-size:10pt;
+    font-weight:normal;
 }
-
-
-div#navigation {
-    background-color:black;
-    width:100%;
-    height:40px;
+button.btn span.glyphicon {
+    margin-right:6px;
 }
-div#navigation div.wrapper {
-    text-align:center;
+button.btn-default {
+    border-bottom:3px solid #cccccc;
 }
-div#navigation ul {
-    margin:0;
-    padding:0;
-    display: inline-block;
-    list-style-type: none;
-    white-space: nowrap;
+button.btn-default:hover {
+    background-color:white;
+    border:1px solid #ADADAD;
+    border-bottom:3px solid #ADADAD;
 }
-
-div#navigation li {
-    color:white;
-    font-family:helvetica, sans-serif;
-    font-size:10pt ;
-    font-weight:normal;
-    line-height:0.8em;
-    letter-spacing:0.6pt;
-    list-style:none;
-    float:left;
-    padding:0;
-    margin:15px 50px 0 0;
+button.btn-default:active {
+    background-color:white;
+    border:1px solid #ADADAD;
+    border-bottom:1px solid #ADADAD;
+    box-shadow:none;
 }
-div#navigation li a {
-    color:white;
+button.btn-primary {
+    border-bottom:3px solid #3071A9;
 }
-div#navigation li a:hover {
-    text-decoration:none;
-    color:#B8B2FF;
+button.btn-primary:hover {
+    border-bottom:3px solid #3071A9;
 }
-div#navigation li:last-child {
-    margin-right:0;
+button.btn-primary:active {
+    box-shadow:none;
 }
-
-div#navigation li.active {
-	padding:5px;
-    padding-top: 15px;
-    min-height: 40px;
-    margin-top: 0px;
-	background-color:gray;
-	color:#FF0000;
+button.btn-danger {
+    border-bottom:2px solid #FF7394;
 }
-div#navigation li.slices {
-    position:relative;
-    cursor:pointer;
+button.btn-danger:hover {
+    border-bottom:2px solid #D2322D;
 }
-div.navigation .dropdown-menu {
-    color:black;
-    padding:0 15px 15px 15px;
-    margin-top:5px;
-    margin-left:-16px;
+button.btn-danger:active {
+    border:1px solid #D2322D;
+    box-shadow:none;
 }
-div.navigation .dropdown-menu a {
-    color:black;
+button.btn-onelab {
+    border:0;
+    border-bottom:2px solid #540086;
+    background-color:#302562;
+    color:white;
 }
-
-div.menu-slice-list {
-    display:none;
-    position:absolute;
-    padding:15px;
-    left:-15px;
-    z-index:10;
+button.btn-onelab:hover {
+    border:0;
+    border-bottom:2px solid #540086;
+    background-color:#302562;
+    color:#FFFFCC;
 }
-
-div.navigation .dropdown-menu li:first-child {
-    border-bottom:1px solid white;
-    padding-bottom:5px;
-     
+button.btn-primary:active {
+    box-shadow:none;
+}
+/***** Notifications *****/
+.warning {
+    border: 1px solid red;
+    margin: 20px 60px;
+    padding: 10px 20px;
+    color: red;
+    background-color: #f2dbdb;
+    text-align: center;
 }
+
 /* HOME DASHBOARD */
 div#home-dashboard {
     color:black;
@@ -228,15 +189,6 @@ div#home-dashboard div#home-slice-list li {
 div.well {
 }
 /**/
-/* BUTTON */
-.btn.btn-default {
-    font-weight: bold;
-}
-
-.btn.btn-default:hover {
-    font-weight: bold;
-}
-/**/
 /* TABLE */
 table.table {
     margin:0;
@@ -448,12 +400,15 @@ div.dataTables_filter label{
     width:400px;
 }
 
-/**/
+/* HEADER */
+
+
 .header {
   -moz-box-shadow:    0 0 1px rgba(82,82,82,0.6);
   -webkit-box-shadow: 0 0 1px rgba(82,82,82,0.6);
   box-shadow:         0 0 1px rgba(82,82,82,0.6);
   height:61px;
+  margin-bottom:15px;
   background-color:white;
 }
 div.navigation {
@@ -493,6 +448,50 @@ div.navigation li a:hover, div.navigation li a.current {
 div.navigation li:last-child {
     margin-right:0;
 }
+
+
+div.navigation .dropdown-menu {
+    color:black;
+    -moz-box-shadow:    1px 1px 0px 0 rgba(58, 48, 100,0.8);
+    -webkit-box-shadow: 1px 1px 0px 0 rgba(58, 48, 100,0.8);
+    box-shadow:         1px 1px 0px 0 rgba(58, 48, 100,0.8);
+    border-radius:2px;
+    padding:0 5px 5px 5px;
+    margin-top:5px;
+    margin-left:20px;
+}
+div.navigation .dropdown-menu ul {
+    margin:0;
+    padding:15px 5px 5px 5px;
+    display:list-item;
+}
+div.navigation .dropdown-menu li {
+    margin:0 10px 0 0;
+    padding:0 0 8px 0;
+    display:list-item;
+    float:none;
+    text-transform: none;
+}
+
+div.navigation .dropdown-menu a {
+    font-family:Helvetica,sans-serif;
+    font-size:10pt;
+    color:black;
+}
+div.navigation .dropdown-menu li.title {
+    margin-bottom:10px;
+}
+div.navigation .dropdown-menu li.title a {
+    font-family:open_sansbold, sans-serif;
+}
+
+
+div.navigation .dropdown-menu li:first-child {
+    border-bottom:1px solid white;
+    padding-bottom:5px;
+     
+}
+
 div.secondary {
     text-align:right;
 }