X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Fstatic%2Fcss%2Ffed4fire.css;h=60d614d9a70ff8d7dc1ea932e1de9aff5ec4458d;hb=fa7bf28ed61a58beb05ee64d1c1082e3ef353a2e;hp=b088b228f2b059493a85dedfca6b0f032989387b;hpb=e6d767cf1a73bc0edebabb735d09d2ddb900226b;p=unfold.git diff --git a/portal/static/css/fed4fire.css b/portal/static/css/fed4fire.css index b088b228..60d614d9 100644 --- a/portal/static/css/fed4fire.css +++ b/portal/static/css/fed4fire.css @@ -27,9 +27,45 @@ h2 { color:#333333; } h3 { - font-size:13pt; + font-size:12pt; + letter-spacing:0.6pt; + color:#201E62; +} +h4 { + font-size:12pt; + letter-spacing:0.6pt; color:#201E62; } +div.slogan { + margin-left: 0px; +} +div.login-widget{ + width:400px; + top:16px; + float:left; +} +label { + font-weight:normal; + font-size:13px; + color:#201E62; +} +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] { + min-width:260px; + padding:6px; + border:1pt solid #CCCCCC; + vertical-align:bottom; + border-radius:0; +} + +textarea { + padding:6px; + border:1pt solid #CCCCCC !important; + border-radius:0 !important; +} div.wrapper { width:980px; @@ -43,7 +79,7 @@ div.wrapper { div.wide { - margin:25px auto; + margin:0 auto 25px auto; padding:0 25px; } @@ -339,6 +375,7 @@ ul.nav-section li a { ul.nav-section li:first-child { padding:0; } +/* it used to give space for the icon, which has been removed ul.nav-section li:first-child a { font-weight:bold; padding:6px 15px 4px 15px; @@ -346,6 +383,8 @@ ul.nav-section li:first-child a { 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; @@ -365,37 +404,54 @@ ul.nav-resources a { div#slice-view { margin:0; } -div.list-group-item { - border:0; - background-color:white; - font-weight:bold; - padding-left:0; + +/* FACILITY/TESTBED filters */ +div.sl-filter-facilities { + padding:0 5px; } -a.list-group-item { - border:0; - background-color:white; - padding:3px 0 3px 10px; - border-left:2pt white solid; +div.sl-filter-facilities h4 { + margin-bottom:15px; + } -a.list-group-item.active, a.list-group-item.active:hover { - font-weight: bold; +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; - background-color:transparent; - border-left:2pt blue solid; + text-decoration:none; } -a.list-group-item.active:hover { - background-color:#dddddd; +a.sl-facility::before { + content: " "; } -a.list-group-item:hover { - border-left:2pt blue solid; +div.sl-facilities { + border-bottom:#CCCCCC 1px solid; + padding-bottom:15px; + margin-bottom:15px; } -a.list-group-item p.list-group-item-text { - font-size:9pt; - font-style:italic; - font-weight: normal; - color: black !important; +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#slice-info { margin-top:25px; } @@ -485,12 +541,51 @@ div.dataTables_filter label{ width:400px; } +div.sl-filter-resources { + margin: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:#FFA500; + color:#000000; +} +a.sl-resources:first-child { +} +button.btn-apply { + background-color:#FFA500; + border-bottom: 2pt solid #FFCA00; + color:black; + font-size:13px; + padding:2px 8px; + margin:0 5px; + -moz-border-radius: 2px; + border-radius: 2px; + text-align: center; +} + /**/ .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; + height:60#px; background-color:white; } div.navigation { @@ -575,22 +670,115 @@ div.secondary .account span { div.secondary .account a { color:black; } -div.dashboard div { - margin:25px 0; + +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 { - text-align:center; +} +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-left:24px; + 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.experiment-tools { +} +div.experiment-tools h4 { + border-bottom:1px solid #E0E0E0; + margin:25px 15px 25px 0; + padding-bottom:5px; +} +div.experiment-tools .jfed { + text-align:center; + margin-right:25px; +} +div.experiment-tools button { + margin:0; + padding:7px 10px 4px 0; + color:white; + vertical-align:middle; +} + +div.experiment-tools button span { + margin:0; + padding:0; +} + div.dataTables_filter label{ float:left; width:400px; } +div.breadcrumbs { + margin:15px 0; + color:gray; + font-size:10pt; +} +.sublabel { + color:gray; + font-style:italic; + font-weight:normal; +} +.tab-pane { + padding-top:25px; +} /* Service Directory */ div#appservices div.row {