From 5199a0430bc1d916307395058c6ffe5cc24a6a91 Mon Sep 17 00:00:00 2001 From: Loic Baron Date: Tue, 19 May 2015 18:10:11 +0200 Subject: [PATCH] CSS: myslice.css is generic, the CSS for each theme will only override the colors --- portal/static/css/myslice.css | 953 ++++++++++++++++++++++++++++++++++ portal/static/css/onelab.css | 946 +-------------------------------- portal/templates/base.html | 2 +- 3 files changed, 957 insertions(+), 944 deletions(-) diff --git a/portal/static/css/myslice.css b/portal/static/css/myslice.css index e7c200ac..615a11f0 100644 --- a/portal/static/css/myslice.css +++ b/portal/static/css/myslice.css @@ -1,3 +1,5 @@ +@import url("../fonts/opensans_bold_macroman/stylesheet.css"); + .myslice-message { position:relative; left:-491px; @@ -6,3 +8,954 @@ box-shadow: 10px 10px 5px #888888; margin-bottom: 15px; } + +html { height: 100% } + +body { + background-color:white; + color:black; + margin:0; + padding:0; + height: 100%; + letter-spacing:0.3px; +} +a, a:active, a:focus { + outline: 0; + text-decoration:none; + color:#760073; +} +a:hover { + color:#0D0049; +} + +a.current { + text-decoration:underline; + color:#333333; +} +p.command { + padding:15px; + margin:15px 0; + color:#890000; + background-color:#E0E0E0; + font-family:Courier, monospace; +} +h1 { + border-bottom:1px solid #DDDDDD; + padding:0 0 0 0; + margin:15px 0 15px 0; + font-size:14pt; +} +h1 img { + vertical-align:middle; + margin-bottom:4px; + 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; +} +label { + font-weight:normal; + font-size:13px; + color:#201E62; +} +.sublabel { + color:gray; + font-style:italic; + font-weight:normal; +} +span.subtitle { + color:#454545; + font-size:9pt; + font-weight:normal; + text-transform:uppercase; +} +span.small { + font-size:9pt; +} +span.gray { + color:gray; +} +span.type { + color:#201E62; + font-weight:bold; + font-size:9pt; +} +span.htitle { + color:#454545; + font-size:9pt; + font-weight:normal; +} +span.version { + font-size:8pt; + color:#888888; +} +input[type=checkbox] { + min-width:5px !important; + margin-left:0 !important; +} +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; + font-weight:normal; + padding:0; +} +div.el { + padding-bottom:15px; +} +div.breadcrumbs { + margin:15px 0; + 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; + border-radius:5px; + font-size:10pt; + font-weight:normal; +} +button.btn span.glyphicon { + margin-right:6px; +} +button.btn-default { + border-bottom:3px solid #cccccc; +} +button.btn-default:hover { + background-color:white; + border:1px solid #ADADAD; + border-bottom:3px solid #ADADAD; +} +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:3px solid #A13F3A; +} +button.btn-danger:hover { + box-shadow:none; + background-color:#d9534f; + border:1px solid #d43f3a; + border-bottom:3px solid #A13F3A; +} +button.btn-danger:active { + border:1px solid #d43f3a; + box-shadow:none; + margin-top:2px; +} +button.btn-onelab, input.btn-onelab { + border:0; + border-bottom:3px solid #4cae4c; + background-color:#5cb85c; + color:white; + width: 150px; + height: 30px; +} +button.btn-onelab:hover, input.btn-onelab:hover { + border:0; + border-bottom:3px solid #47a447; + background-color:#398439; + color:white; +} +button.btn-onelab:active, input.btn-onelab:active { + box-shadow:none; + 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 { + border: 1px solid red; + margin: 20px 60px; + padding: 10px 20px; + color: red; + background-color: #f2dbdb; + text-align: center; +} +div#menu-slice-list{ + display:none; + position:absolute; + background-color:orange; + padding:15px; + left:-15px; + z-index:10; +} +div.dashboard div.projects-tree { + margin-left:49px; +} +/* HOME DASHBOARD */ +div#home-dashboard { + color:black; + margin:0 auto 25px auto; +} +div#home-dashboard table { + margin:25px; + width:100%; +} +div#home-dashboard table td { + text-align:center; + padding:15px 0; + width:33%; +} +div#home-dashboard table tr:first-child td { + font-size:12pt; + font-weight:bold; + color:#270A5A; +} +div#home-dashboard table tr:last-child td { + vertical-align:top; + padding:25px 0; +} +div#home-dashboard table tr:last-child td.logged-in { + border-right:1px solid #DDDDDD; + padding:25px; +} +div#home-dashboard table tr:last-child td.support { + border-left:1px solid #DDDDDD; + padding:25px; +} +div#home-dashboard table tr:last-child td:first-child { +} +div#home-dashboard table tr:last-child td:last-child { + border-right:0; +} +div#home-dashboard table tr:last-child td.logged-in div { + text-align:left; + padding:25px 0; +} +div#home-dashboard table tr:last-child td.support div { + text-align:left; + padding:25px 0; +} +div#home-dashboard div.login-widget { + padding:20px; +} +div#home-dashboard table td.support { +} +div#home-dashboard table td.support a { +} +div#home-dashboard table td.support a:hover { + text-decoration:none; +} + +div#home-dashboard div#manager { + display:none; +} + +div#home-dashboard div#home-slice-list { + margin:25px 0; + padding:0 25px; + text-align:left; +} +div#home-dashboard div#home-slice-list ul { + list-style: none; + padding:0; + margin:0; +} +div#home-dashboard div#home-slice-list li { + +} + +/**/ + +/**/ +/* WELL */ +div.well { +} +/**/ +/* TABLE */ +table.table { + margin:0; +} +table.table thead { + padding:0; +} +table.table tbody { + padding:0; +} +table.table tr { + padding:0; +} +table.table td { + padding:0; +} +/* INSTITUTION */ +div#institution { + color:black; +} +.form-hint { + font-size:11pt; + font-style:italic; + color:gray; +} + + +.form-hint { + font-size:11pt; + font-style:italic; + color:gray; +} + + + +/* TICKET REQUEST */ +div#ticket-request { + color:black; +} +.form-hint { + font-size:11pt; + font-style:italic; + color:gray; +} +div#ticket-request p { + margin:20px 0; +} + +ul.nav-tabs { + 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 { +} +ul.nav-section li:first-child.active a { +} + +ul.nav-resources { + margin:15px 0; +} +ul.nav-resources a { + padding: 4px 10px 5px 10px; +} + +/* 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; +} + +div.sl-filter-facilities { + padding:0 5px; +} +div.sl-filter-facilities h4 { + margin-bottom:15px; + +} +img.sl-image { + margin:0 5px 5px 0; + padding:0; + vertical-align:middle; +} +a.sl-facility { + color:gray; + text-decoration:none; +} +a.sl-facility:hover { + color:#342961; +} +a.sl-facility.active { + color:black; + text-decoration:none; +} +a.sl-facility::before { + content: " "; +} +div.sl-facilities { + border-bottom:#CCCCCC 1px solid; + padding-bottom:15px; + margin-bottom:15px; +} +div.sl-facilities:last-child { + border:0; +} +a.sl-testbed { + color:gray; + text-decoration:none; + margin-left:25px; + margin-bottom:5px; +} +a.sl-testbed:hover { + color:#342961; +} +a.sl-testbed.active { + color:black; +} +div.sl-filter-resources { + margin:0 0 10px 0; + text-align:center; +} +span.sl-resources { + font-size:9pt; + color:gray; +} +a.sl-resources { + font-size:9pt; + border:0; + padding:2px 8px; + margin:0 5px; + -moz-border-radius: 2px; + border-radius: 2px; + text-align: center; +} +a.sl-resources.active, a.sl-resources.active:hover, a.sl-resources.active:focus { + border:0; + padding:2px 8px; + -moz-border-radius: 2px; + border-radius: 2px; + background-color:#E7A6E7; + color:#000000; +} +a.sl-resources:first-child { +} +button.btn-apply { + font-size:13px; + padding:2px 8px; + margin:0 5px; + -moz-border-radius: 2px; + border-radius: 2px; + text-align: center; +} +div#slice-info { + margin-top:25px; +} +div#slice-info table { + width:100%; + margin:0 auto; +} +div#slice-info table td:first-child { + text-align:right; + font-weight:bold; + padding-right:15px; +} +div#slice-info td { + padding:5px; +} + +/* SLICE VIEW sections */ +.slice-sections, .slice-pending { + margin:0; + padding:0; +} +.slice-sections ul, .slice-pending ul { + margin:0; + padding:0; +} +.slice-pending ul { + width:400px; + margin:0 auto 15px auto; +} +.slice-sections li { + text-align:left; + margin:0; + padding:0; +} +.slice-pending li { + padding-right:15px; +} +.slice-sections li a, .slice-pending li a { + font-size:14px; + color:black; + padding:0; +} +.slice-sections li.active a, .slice-pending li.active a { + color:#201E62; + background-color:#EFEFEF; + text-decoration:underline; + padding:0; +} +.slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover { + text-decoration:underline; + background-color:#EFEFEF; + color:black; +} +.slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active { + +} +.slice-sections li:first-child, .slice-sections li:first-child a { + color:#201E62; + font-weight:bold; +} +.slice-experiment { + text-align:right; + padding:0; +} +.slice-experiment button { + margin:3px 0 0 0; + background-color:#CC4125; + color:white; +} + +.slice-pending { +} +.slice-pending button { + font-size:9pt; + margin:-2px 0 0 0; + padding:3px 5px; +} +.slice-pending button.apply { + font-size:14px; + padding:2px 5px; +} +.slice-pending button.clear { +} +tr.active, tr.active td { + background-color:#FFFFCC !important; +} +div.dataTables_filter label{ + float:left; + 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; + background-color:white; +} + +div.navigation { + +} +div.navigation ul { + margin:26px 0 0 0; + padding:0; + display: inline-block; + list-style-type: none; + white-space: nowrap; +} + +div.navigation li { + color:#0C0047; + font-family:open_sansbold, sans-serif; + font-size:9pt; + font-weight:normal; + line-height:0.8em; + letter-spacing:0.4pt; + list-style:none; + float:left; + padding:0 15px; + margin:0; + text-transform:uppercase; +} +div.navigation li:hover { +} +div.navigation li a { + color:#0C0047; +} +div.navigation li a:hover, div.navigation li a.current { + color:#760073; + text-decoration:none; +} + +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; +} + +div.secondary ul { + margin:6px 0 0 0; + padding:0; +} + +div.secondary li { + font-size:9pt; + display:inline; + list-style:none; + margin:0px; + padding:0; + margin-right:15px; + color:#747474; + letter-spacing:0.4px; +} +div.secondary li:last-child { + margin-right:0; +} +div.secondary li a { + color:#747474; +} +div.secondary li a:hover { + text-decoration:underline; +} +div.secondary .button { + width:300px; + margin-top:15px; +} +div.secondary .account { + margin-top:10px; + padding:0; + font-size:9pt; + color:gray; + text-align:right; +} +div.secondary .account span { + font-size:8pt; +} +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; + letter-spacing:0.3pt; + min-height:500px; + background-image: url('../img/bg-experiment.jpg'); + background-repeat:no-repeat; + background-size:cover; + background-position:center top; + background-color:#086274; + padding:100px 0; +} +div.home h2 { + color:white; + line-height:1.2em; + font-size:18pt; +} +div.home h3 { + color:white; + line-height:1.4em; +} +/* +div.dashboard { + text-align:center; +} +div.dashboard div { + margin:25px 0; +} +div.dashboard ul { + text-align:left; + margin-left:24px; + list-style:none; +} +div.home { + padding-top:50px; +} +div.home h1 { + font-size:22pt; + border:0; +} +div.home h3, div.home h4 { + color:#424242; + line-height:1.4em; +} + +div.home h3 a { + color:#FD6D2C; +}*/ +div.dashboard { +} +div.dashboard a { + color:#206090; +} + +div.dashboard a:hover { + text-decoration:underline; +} +div.dashboard div.projects-tree { + margin-left:49px; +} +div.dashboard ul { + list-style-type:disc; + list-style-position:inside; + text-align:left; + margin:0 0 15px 0; + padding:0; + +} +div.dashboard ul ul { + margin:5px 0 15px 25px; + list-style:none; +} +div.dashboard li { + margin:0 0 5px 0; + padding:0; +} +div.dashboard ul ul li { + margin:0; +} +div.dashboard ul ul a { +} +div.dashboard h3 { + border-bottom:1px solid #E0E0E0; + margin-right:15px; + margin-bottom:25px; +} +div.dashboard h3 a { + color:#201E62; +} +div.dashboard h3 img { + margin:15px 15px 15px 0; +} +div.dashboard span.glyphicon { + text-align:center; + width:45px; + height:25px; +} +div.dashboard-create-slice { + display:none; +} + +div.registration-form { + padding-top:150px; + text-align:center; +} +div.registration-form { + padding-top:150px; + text-align:center; +} + +.login-form input { + width:320px; +} +.login-form input[type=submit] { + width:108px; +} + +.login-submit { + vertical-align:middle; + padding:0; +} +.lost-password { + font-size:10pt; + color:black; + text-align:right; + padding:0px; +} +.lost-password a { + color:white; + text-shadow:0.5px 0.5px black; +} +.login-signup { + font-size:12pt; + color:white; + text-shadow:0.5px 0.5px black; + margin-top:45px; + padding:5px 0 0 4px; + +} +.login-signup a { + color:white; + text-shadow:0.5px 0.5px black; + padding-bottom:2px; + border-bottom:2pt solid white; +} +.login-signup a:hover { + text-decoration:none; +} +.login-signup button { + padding:8px; + border:0; + border-bottom:2px solid #540086; + background-color:#302562; + color:white; + width:100px; + border-radius:5px; + font-size:12pt; +} +div.slogan { + text-align:center; + color:white; + padding-top:60px; + text-shadow: 1px 1px #013540; +} + +th { + border:0 !important; +} + +div.monitor { + padding:40px 0 25px 0; +} +div.monitor h1 { + margin-bottom:25px; +} +div.s-monitor { + padding-bottom:25px; +} +span#stats-period-txt { + text-transform:lowercase; +} + +// resource info modal +a.resource-info:hover { + cursor:pointer; +} +table.modal-resource-info tr td:first-child { + font-weight:bold; + text-align:right; +} +table.modal-resource-info tr:first-child td { + border-top:0; + text-align:center; +} +table.modal-resource-info tr:last-child td { + border-bottom:0; + text-align:center; +} diff --git a/portal/static/css/onelab.css b/portal/static/css/onelab.css index ac35d435..20e8bd96 100644 --- a/portal/static/css/onelab.css +++ b/portal/static/css/onelab.css @@ -1,950 +1,10 @@ -@import url("../fonts/opensans_bold_macroman/stylesheet.css"); - -html { height: 100% } - -body { - background-color:white; - color:black; - margin:0; - padding:0; - height: 100%; - letter-spacing:0.3px; -} -a, a:active, a:focus { - outline: 0; - text-decoration:none; - color:#760073; -} -a:hover { - color:#0D0049; -} - -a.current { - text-decoration:underline; - color:#333333; -} -p.command { - padding:15px; - margin:15px 0; - color:#890000; - background-color:#E0E0E0; - font-family:Courier, monospace; -} -h1 { - border-bottom:1px solid #DDDDDD; - padding:0 0 0 0; - margin:15px 0 15px 0; - font-size:14pt; -} -h1 img { - vertical-align:middle; - margin-bottom:4px; - 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; -} -label { - font-weight:normal; - font-size:13px; - color:#201E62; -} -.sublabel { - color:gray; - font-style:italic; - font-weight:normal; -} -span.subtitle { - color:#454545; - font-size:9pt; - font-weight:normal; - text-transform:uppercase; -} -span.small { - font-size:9pt; -} -span.gray { - color:gray; -} -span.type { - color:#201E62; - font-weight:bold; - font-size:9pt; -} -span.htitle { - color:#454545; - font-size:9pt; - font-weight:normal; -} -span.version { - font-size:8pt; - color:#888888; -} -input[type=checkbox] { - min-width:5px !important; - margin-left:0 !important; -} -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; - font-weight:normal; - padding:0; -} -div.el { - padding-bottom:15px; -} -div.breadcrumbs { - margin:15px 0; - 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; - border-radius:5px; - font-size:10pt; - font-weight:normal; -} -button.btn span.glyphicon { - margin-right:6px; -} -button.btn-default { - border-bottom:3px solid #cccccc; -} -button.btn-default:hover { - background-color:white; - border:1px solid #ADADAD; - border-bottom:3px solid #ADADAD; -} -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:3px solid #A13F3A; -} -button.btn-danger:hover { - box-shadow:none; - background-color:#d9534f; - border:1px solid #d43f3a; - border-bottom:3px solid #A13F3A; -} -button.btn-danger:active { - border:1px solid #d43f3a; - box-shadow:none; - margin-top:2px; -} button.btn-onelab, input.btn-onelab { - border:0; - border-bottom:3px solid #760073; + border-bottom-color: #302562; background-color:#302562; color:white; } button.btn-onelab:hover, input.btn-onelab:hover { - border:0; - border-bottom:3px solid #760073; - background-color:#302562; - color:white; -} -button.btn-onelab:active, input.btn-onelab:active { - box-shadow:none; - 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 { - border: 1px solid red; - margin: 20px 60px; - padding: 10px 20px; - color: red; - background-color: #f2dbdb; - text-align: center; -} -div#menu-slice-list{ - display:none; - position:absolute; - background-color:orange; - padding:15px; - left:-15px; - z-index:10; -} -div.dashboard div.projects-tree { - margin-left:49px; -} -/* HOME DASHBOARD */ -div#home-dashboard { - color:black; - margin:0 auto 25px auto; -} -div#home-dashboard table { - margin:25px; - width:100%; -} -div#home-dashboard table td { - text-align:center; - padding:15px 0; - width:33%; -} -div#home-dashboard table tr:first-child td { - font-size:12pt; - font-weight:bold; - color:#270A5A; -} -div#home-dashboard table tr:last-child td { - vertical-align:top; - padding:25px 0; -} -div#home-dashboard table tr:last-child td.logged-in { - border-right:1px solid #DDDDDD; - padding:25px; -} -div#home-dashboard table tr:last-child td.support { - border-left:1px solid #DDDDDD; - padding:25px; -} -div#home-dashboard table tr:last-child td:first-child { -} -div#home-dashboard table tr:last-child td:last-child { - border-right:0; -} -div#home-dashboard table tr:last-child td.logged-in div { - text-align:left; - padding:25px 0; -} -div#home-dashboard table tr:last-child td.support div { - text-align:left; - padding:25px 0; -} -div#home-dashboard div.login-widget { - padding:20px; -} -div#home-dashboard table td.support { -} -div#home-dashboard table td.support a { -} -div#home-dashboard table td.support a:hover { - text-decoration:none; -} - -div#home-dashboard div#manager { - display:none; -} - -div#home-dashboard div#home-slice-list { - margin:25px 0; - padding:0 25px; - text-align:left; -} -div#home-dashboard div#home-slice-list ul { - list-style: none; - padding:0; - margin:0; -} -div#home-dashboard div#home-slice-list li { - -} - -/**/ - -/**/ -/* WELL */ -div.well { -} -/**/ -/* TABLE */ -table.table { - margin:0; -} -table.table thead { - padding:0; -} -table.table tbody { - padding:0; -} -table.table tr { - padding:0; -} -table.table td { - padding:0; -} -/* INSTITUTION */ -div#institution { - color:black; -} -.form-hint { - font-size:11pt; - font-style:italic; - color:gray; -} - - -.form-hint { - font-size:11pt; - font-style:italic; - color:gray; -} - - - -/* TICKET REQUEST */ -div#ticket-request { - color:black; -} -.form-hint { - font-size:11pt; - font-style:italic; - color:gray; -} -div#ticket-request p { - margin:20px 0; -} - -ul.nav-tabs { - 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 { -} -ul.nav-section li:first-child.active a { -} - -ul.nav-resources { - margin:15px 0; -} -ul.nav-resources a { - padding: 4px 10px 5px 10px; -} - -/* 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; -} - -div.sl-filter-facilities { - padding:0 5px; -} -div.sl-filter-facilities h4 { - margin-bottom:15px; - -} -img.sl-image { - margin:0 5px 5px 0; - padding:0; - vertical-align:middle; -} -a.sl-facility { - color:gray; - text-decoration:none; -} -a.sl-facility:hover { - color:#342961; -} -a.sl-facility.active { - color:black; - text-decoration:none; -} -a.sl-facility::before { - content: " "; -} -div.sl-facilities { - border-bottom:#CCCCCC 1px solid; - padding-bottom:15px; - margin-bottom:15px; -} -div.sl-facilities:last-child { - border:0; -} -a.sl-testbed { - color:gray; - text-decoration:none; - margin-left:25px; - margin-bottom:5px; -} -a.sl-testbed:hover { - color:#342961; -} -a.sl-testbed.active { - color:black; -} -div.sl-filter-resources { - margin:0 0 10px 0; - text-align:center; -} -span.sl-resources { - font-size:9pt; - color:gray; -} -a.sl-resources { - font-size:9pt; - border:0; - padding:2px 8px; - margin:0 5px; - -moz-border-radius: 2px; - border-radius: 2px; - text-align: center; -} -a.sl-resources.active, a.sl-resources.active:hover, a.sl-resources.active:focus { - border:0; - padding:2px 8px; - -moz-border-radius: 2px; - border-radius: 2px; - background-color:#E7A6E7; - color:#000000; -} -a.sl-resources:first-child { -} -button.btn-apply { - font-size:13px; - padding:2px 8px; - margin:0 5px; - -moz-border-radius: 2px; - border-radius: 2px; - text-align: center; -} -div#slice-info { - margin-top:25px; -} -div#slice-info table { - width:100%; - margin:0 auto; -} -div#slice-info table td:first-child { - text-align:right; - font-weight:bold; - padding-right:15px; -} -div#slice-info td { - padding:5px; -} - -/* SLICE VIEW sections */ -.slice-sections, .slice-pending { - margin:0; - padding:0; -} -.slice-sections ul, .slice-pending ul { - margin:0; - padding:0; -} -.slice-pending ul { - width:400px; - margin:0 auto 15px auto; -} -.slice-sections li { - text-align:left; - margin:0; - padding:0; -} -.slice-pending li { - padding-right:15px; -} -.slice-sections li a, .slice-pending li a { - font-size:14px; - color:black; - padding:0; -} -.slice-sections li.active a, .slice-pending li.active a { - color:#201E62; - background-color:#EFEFEF; - text-decoration:underline; - padding:0; -} -.slice-sections ul.nav-pills li a:hover, .slice-pending ul.nav-pills li a:hover { - text-decoration:underline; - background-color:#EFEFEF; - color:black; -} -.slice-sections ul.nav-pills li.active, .slice-pending ul.nav-pills li.active { - -} -.slice-sections li:first-child, .slice-sections li:first-child a { - color:#201E62; - font-weight:bold; -} -.slice-experiment { - text-align:right; - padding:0; -} -.slice-experiment button { - margin:3px 0 0 0; - background-color:#CC4125; - color:white; -} - -.slice-pending { -} -.slice-pending button { - font-size:9pt; - margin:-2px 0 0 0; - padding:3px 5px; -} -.slice-pending button.apply { - font-size:14px; - padding:2px 5px; -} -.slice-pending button.clear { -} -tr.active, tr.active td { - background-color:#FFFFCC !important; -} -div.dataTables_filter label{ - float:left; - 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; - background-color:white; -} - -div.navigation { - -} -div.navigation ul { - margin:26px 0 0 0; - padding:0; - display: inline-block; - list-style-type: none; - white-space: nowrap; -} - -div.navigation li { - color:#0C0047; - font-family:open_sansbold, sans-serif; - font-size:9pt; - font-weight:normal; - line-height:0.8em; - letter-spacing:0.4pt; - list-style:none; - float:left; - padding:0 15px; - margin:0; - text-transform:uppercase; -} -div.navigation li:hover { -} -div.navigation li a { - color:#0C0047; -} -div.navigation li a:hover, div.navigation li a.current { - color:#760073; - text-decoration:none; -} - -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; -} - -div.secondary ul { - margin:6px 0 0 0; - padding:0; -} - -div.secondary li { - font-size:9pt; - display:inline; - list-style:none; - margin:0px; - padding:0; - margin-right:15px; - color:#747474; - letter-spacing:0.4px; -} -div.secondary li:last-child { - margin-right:0; -} -div.secondary li a { - color:#747474; -} -div.secondary li a:hover { - text-decoration:underline; -} -div.secondary .button { - width:300px; - margin-top:15px; -} -div.secondary .account { - margin-top:10px; - padding:0; - font-size:9pt; - color:gray; - text-align:right; -} -div.secondary .account span { - font-size:8pt; -} -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; - letter-spacing:0.3pt; - min-height:500px; - background-image: url('../img/bg-experiment.jpg'); - background-repeat:no-repeat; - background-size:cover; - background-position:center top; - background-color:#086274; - padding:100px 0; -} -div.home h2 { + border-bottom-color:#760073; + background-color:#760073; color:white; - line-height:1.2em; - font-size:18pt; -} -div.home h3 { - color:white; - line-height:1.4em; -} -/* -div.dashboard { - text-align:center; -} -div.dashboard div { - margin:25px 0; -} -div.dashboard ul { - text-align:left; - margin-left:24px; - list-style:none; -} -div.home { - padding-top:50px; -} -div.home h1 { - font-size:22pt; - border:0; -} -div.home h3, div.home h4 { - color:#424242; - line-height:1.4em; -} - -div.home h3 a { - color:#FD6D2C; -}*/ -div.dashboard { -} -div.dashboard a { - color:#206090; -} - -div.dashboard a:hover { - text-decoration:underline; -} -div.dashboard div.projects-tree { - margin-left:49px; -} -div.dashboard ul { - list-style-type:disc; - list-style-position:inside; - text-align:left; - margin:0 0 15px 0; - padding:0; - -} -div.dashboard ul ul { - margin:5px 0 15px 25px; - list-style:none; -} -div.dashboard li { - margin:0 0 5px 0; - padding:0; -} -div.dashboard ul ul li { - margin:0; -} -div.dashboard ul ul a { -} -div.dashboard h3 { - border-bottom:1px solid #E0E0E0; - margin-right:15px; - margin-bottom:25px; -} -div.dashboard h3 a { - color:#201E62; -} -div.dashboard h3 img { - margin:15px 15px 15px 0; -} -div.dashboard span.glyphicon { - text-align:center; - width:45px; - height:25px; -} -div.dashboard-create-slice { - display:none; -} - -div.registration-form { - padding-top:150px; - text-align:center; -} -div.registration-form { - padding-top:150px; - text-align:center; -} - -.login-form input { - width:320px; -} -.login-form input[type=submit] { - width:108px; -} - -.login-submit { - vertical-align:middle; - padding:0; -} -.lost-password { - font-size:10pt; - color:black; - text-align:right; - padding:0px; -} -.lost-password a { - color:white; - text-shadow:0.5px 0.5px black; -} -.login-signup { - font-size:12pt; - color:white; - text-shadow:0.5px 0.5px black; - margin-top:45px; - padding:5px 0 0 4px; - -} -.login-signup a { - color:white; - text-shadow:0.5px 0.5px black; - padding-bottom:2px; - border-bottom:2pt solid white; -} -.login-signup a:hover { - text-decoration:none; -} -.login-signup button { - padding:8px; - border:0; - border-bottom:2px solid #540086; - background-color:#302562; - color:white; - width:100px; - border-radius:5px; - font-size:12pt; -} -div.slogan { - text-align:center; - color:white; - padding-top:60px; - text-shadow: 1px 1px #013540; -} - -th { - border:0 !important; -} - -div.monitor { - padding:40px 0 25px 0; -} -div.monitor h1 { - margin-bottom:25px; -} -div.s-monitor { - padding-bottom:25px; -} -span#stats-period-txt { - text-transform:lowercase; -} - -// resource info modal -a.resource-info:hover { - cursor:pointer; -} -table.modal-resource-info tr td:first-child { - font-weight:bold; - text-align:right; -} -table.modal-resource-info tr:first-child td { - border-top:0; - text-align:center; -} -table.modal-resource-info tr:last-child td { - border-bottom:0; - text-align:center; } diff --git a/portal/templates/base.html b/portal/templates/base.html index 7f9bd449..ceebc5d7 100644 --- a/portal/templates/base.html +++ b/portal/templates/base.html @@ -54,8 +54,8 @@ {% insert_str prelude "css/slider.css" %} {% insert_str prelude "css/topmenu.css" %} {% insert_str prelude "js/logout.js" %} - + -- 2.43.0