X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Fstatic%2Fcss%2Fonelab.css;h=a6f9af82f7f262e66fbb38de4ae31402004b654a;hb=4ad6b9d025e7dd31df32cf9f187e6b29287750bd;hp=0b2b660984c5752472b6ecf0cca2ba471a47f41c;hpb=430d06d418a2450492c4b9b98e177a24ea8bb82c;p=unfold.git diff --git a/portal/static/css/onelab.css b/portal/static/css/onelab.css index 0b2b6609..a6f9af82 100644 --- a/portal/static/css/onelab.css +++ b/portal/static/css/onelab.css @@ -12,6 +12,10 @@ body { a, a:active, a:focus { outline: 0; text-decoration:none; + color:#760073; +} +a:hover { + color:#0D0049; } h1 { @@ -26,13 +30,20 @@ h1 img { margin-right:10px; } h2 { + margin:0 0 15px 0; font-size:14pt; color:#333333; } h3 { + margin:0 0 5px 0; font-size:13pt; color:#201E62; } +h4 { + margin:0 0 5px 0; + font-size:12pt; + color:#333333; +} input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], select, option { min-width:260px; padding:6px; @@ -61,6 +72,15 @@ div.breadcrumbs { color:gray; font-size:10pt; } +div.breadcrumbs a { + color:gray; +} +div.breadcrumbs a:hover { + text-decoration:underline; +} +.tab-pane { + padding-top:15px; +} /* buttons */ button.btn, input.btn { padding:6px 10px; @@ -132,6 +152,20 @@ button.btn-onelab:active, input.btn-onelab:active { margin-top:2px; } +.container-resource button { + padding:2px 4px; + border-radius:3px; + font-size:9pt; + font-weight:normal; +} +.container-resource select,.container-resource option, .container-resource input { + padding:2px 4px; + font-size:9pt; +} +.badge { + font-size:9pt; + margin-left:4px; +} /***** Notifications *****/ .warning { border: 1px solid red; @@ -296,8 +330,13 @@ ul.nav-resources a { } /* SLICE VIEW */ - - +div.container-resource, div.container-slice { + padding-right:15px; + padding-left:15px; +} +.table th { + border-top:0 !important; +} div#slice-view { margin:0; } @@ -340,6 +379,33 @@ a.list-group-item p.list-group-item-text { color: black !important; } +span.sl-resources { + font-size:9pt; + color:gray; +} +a.sl-resources, a.sl-resources:hover { + font-size:9pt; + border:0; + padding:2px 4px; + -moz-border-radius: 4px; + border-radius: 4px; + width:105px; + margin-left:4px; + margin-bottom:8px; + text-align: center; +} +a.sl-resources.active, a.sl-resources.active:hover, a.sl-resources.active:focus { + border:0; + -moz-border-radius: 4px; + border-radius: 4px; +} +a.sl-resources:first-child { + margin-left:12px; +} +button.btn-apply { + font-size:13px; + padding:2px 8px; +} div#slice-info { margin-top:25px; } @@ -418,6 +484,8 @@ div#slice-info td { padding:3px 5px; } .slice-pending button.apply { + font-size:14px; + padding:2px 5px; } .slice-pending button.clear { } @@ -566,6 +634,45 @@ div.secondary .account span { div.secondary .account a { color:black; } + + +div.footer { + padding-top:15px; + +} +div.footer div.bottom { + position:absolute; + bottom:0; +} +div.footer ul { + margin:6px 0 0 0; + padding:0; +} + +div.footer li { + font-size:9pt; + display:inline; + list-style:none; + margin:0px; + padding:0; + margin-right:15px; + color:#747474; + letter-spacing:0.4px; +} + +div.footer li a { + color:#747474; +} +div.footer li a:hover { + text-decoration:underline; +} +div.copy { + font-size:8pt; + color:gray; + padding-top:15px; + padding-bottom:15px; +} + div.home { font-size:11pt; line-height:1.2em; @@ -656,4 +763,8 @@ div.slogan { color:white; padding-top:60px; text-shadow: 1px 1px #013540; -} \ No newline at end of file +} + +th { + border:0 !important; +}