X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Fstatic%2Fcss%2Fonelab.css;h=8d6e73e59cb03c0e33520059d957501196f16886;hb=2f20164b6a748feeef9a7dd88d901702168f380f;hp=c49c5506f0f70f3b36e9775f17bdf568d9cb90ab;hpb=a287569b1c2a222a0a9be8610349515f753c86d0;p=myslice.git diff --git a/portal/static/css/onelab.css b/portal/static/css/onelab.css index c49c5506..8d6e73e5 100644 --- a/portal/static/css/onelab.css +++ b/portal/static/css/onelab.css @@ -11,6 +11,8 @@ body { } a, a:active, a:focus { outline: 0; + text-decoration:none; + color:#201E62; } h1 { @@ -25,13 +27,34 @@ 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; + border:1pt solid #22606D; + vertical-align:bottom; + border-radius:0; +} + +textarea { + padding:6px; + border:1pt solid #22606D !important; + border-radius:0 !important; +} + span.label { font-size:11pt; color:gray; @@ -41,8 +64,16 @@ span.label { div.el { padding-bottom:15px; } +div.breadcrumbs { + margin:15px 0; + color:gray; + font-size:10pt; +} +.tab-pane { + padding-top:15px; +} /* buttons */ -button.btn { +button.btn, input.btn { padding:6px 10px; border-radius:5px; font-size:10pt; @@ -63,42 +94,68 @@ button.btn-default:active { background-color:white; border:1px solid #ADADAD; border-bottom:1px solid #ADADAD; + margin-top:2px; box-shadow:none; } button.btn-primary { border-bottom:3px solid #3071A9; } button.btn-primary:hover { + box-shadow:none; + background-color:#428bca; + border:1px solid #357ebd; border-bottom:3px solid #3071A9; } button.btn-primary:active { box-shadow:none; + border-bottom:1px solid #3071A9; + margin-top:2px; } button.btn-danger { - border-bottom:2px solid #FF7394; + border-bottom:3px solid #A13F3A; } button.btn-danger:hover { - border-bottom:2px solid #D2322D; + box-shadow:none; + background-color:#d9534f; + border:1px solid #d43f3a; + border-bottom:3px solid #A13F3A; } button.btn-danger:active { - border:1px solid #D2322D; + border:1px solid #d43f3a; box-shadow:none; + margin-top:2px; } -button.btn-onelab { +button.btn-onelab, input.btn-onelab { border:0; - border-bottom:3px solid #540086; + border-bottom:3px solid #760073; background-color:#302562; color:white; } -button.btn-onelab:hover { +button.btn-onelab:hover, input.btn-onelab:hover { border:0; - border-bottom:3px solid #540086; + border-bottom:3px solid #760073; background-color:#302562; color:white; } -button.btn-onelab:active { +button.btn-onelab:active, input.btn-onelab:active { box-shadow:none; - border-bottom:1px solid #540086; + border-bottom:1px solid #760073; + 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 { @@ -239,27 +296,21 @@ div#ticket-request p { } ul.nav-tabs { - margin:15px 0; + margin:0 0 15px 0; } ul.nav-tabs ul {} ul.nav-tabs li {} ul.nav-section li a { + color:black; border-bottom:0; } ul.nav-section li:first-child { padding:0; } ul.nav-section li:first-child a { - font-weight:bold; - padding:6px 15px 4px 15px; } ul.nav-section li:first-child.active a { - padding:6px 15px 3px 15px; -} -ul.nav-section li:first-child img { - margin:0 4px 1px 0; - padding:0; } ul.nav-resources { @@ -270,8 +321,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; } @@ -314,6 +370,23 @@ 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; +} +a.sl-resources.active, a.sl-resources.active:hover, a.sl-resources.active:focus { + border:0; + -moz-border-radius: 4px; + border-radius: 4px; +} + div#slice-info { margin-top:25px; } @@ -576,25 +649,12 @@ div.registration-form { padding-top:150px; text-align:center; } -div.login-form input[type=text] { - - -} .login-form input { - font-size:12pt; width:320px; - padding:8px; - border:1pt solid #22606D; } .login-form input[type=submit] { - border:0; - border-bottom:2px solid #540086; - background-color:#302562; - color:white; - width:100px; - border-radius:5px; - font-size:12pt; + width:108px; } .login-submit {