From 36ccf377f54a4fa5290044ede87f4396ea7222df Mon Sep 17 00:00:00 2001 From: Christian Maierhofer Date: Mon, 12 Oct 2015 08:56:48 +0200 Subject: modify web-config --- id/ConfigWebTool/src/main/webapp/css/index.css | 305 +++++++++++++++++++++---- 1 file changed, 255 insertions(+), 50 deletions(-) (limited to 'id/ConfigWebTool/src/main/webapp/css/index.css') diff --git a/id/ConfigWebTool/src/main/webapp/css/index.css b/id/ConfigWebTool/src/main/webapp/css/index.css index 2c7a880f0..8c0b567f1 100644 --- a/id/ConfigWebTool/src/main/webapp/css/index.css +++ b/id/ConfigWebTool/src/main/webapp/css/index.css @@ -1,29 +1,58 @@ @CHARSET "UTF-8"; +html{ + margin:0; + padding:0; +} + body { - font-size: 1em; + margin:0; + padding:0; + font-size: 1.2em; + font-family: 'Open Sans', sans-serif; + left:0; + width:100%; + position:absolute; + color: #303030; + box-sizing:none; } -#header_area { - padding-bottom: 10px; - background-color: #6FA5D4; - display: block; +.label{ + font-weight:normal; font-size: 1.2em; - /* margin-left: 25px; */ - padding-top: 10px; - padding-left: 25px; - border-radius: 3px; +} + +h2{ + font-size:1.8em; + font-weight: normal; +} +h3{ + font-size:1.5em; + font-weight: normal; +} +h4{ + font-size:1.4em; + font-weight: normal; +} +h5{ + font-size:1.3em; + font-weight: normal; + margin-bottom:1px; + padding-top:10px; } #header_area { + background-color: #EEEEEE; + display: block; font-size: 1.2em; - margin-left: 25px; - padding-top: 8px; + height: 40px; + padding-top:5px; + padding-left:20px; } + #header_area #logoutbutton { float: right; - /*padding-right: 25px;*/ } #passwordlogin { @@ -56,46 +85,54 @@ body { #menu_area { margin-top: 25px; - border-color: black; - border-style: solid; - border-width: 2px; - width: 250px; - margin-left: 15px; + width: 300px; + margin-left: 0px; position: relative; - padding-left: 15px; - padding-top: 10px; + padding-left: 0px ; + padding-top: 3px; float: left; - /* background-color: gray; */ - background-color: #CACACA; - border-radius: 5px; } - .menu_element { - margin-top: 15px; - margin-bottom: 15px; - font-size: 1.2em; + margin-top: 5px; + margin-bottom: 5px; display: block; -/* background-color: red; */ - background-color: #6FA5D4; margin-right: 18px; margin-top: 5px; height: 30px; - border-radius: 10px; + border-radius: 0px; padding-top: 5px; + padding-left:20px; + margin-left:0px; } +.menu_element:HOVER { + background-color: #EEEEEE; +} .menu_element>a { - padding: 5px; - margin-left: 5px; + padding: auto; + text-decoration: none; + color: #303030; + outline:0; + font-size: 1.4em; } + #information_area { float: left; padding-left: 25px; - padding-top: 25px; + padding-top: 16px; + width:auto; +} + +#right_area { + float: right; + padding-bottom: 10px; + padding-left: 10px; + padding-right: 30px; + padding-top: 4px; } -#language_area { +#nameField{ float: right; padding-bottom: 10px; padding-left: 10px; @@ -129,13 +166,48 @@ body { margin-top: 25px; margin-bottom: 50px; clear: both; - padding-left: 70px; + padding-left: 0px; } #button_area input { float: left; - margin-left: 40px; - width: 225px; + margin-left: 0px; + margin-right:20px; + width: 280px; + + background-color:#2dabf9; + border:none; + display:inline-block; + cursor:pointer; + color:#ffffff; + font-family:Arial; + font-size:15px; + padding:5px 0px; + text-decoration:none; +} + +#button_area input:hover { + background-color:#0688fa; +} +#button_area input:active { + position:relative; +} + +#loadOA_formOA_bkuSelectionFileUpload input{ + float: left; + margin-left: 0px; + margin-right:20px; + width: 280px; + + background-color:#2dabf9; + border:none; + display:inline-block; + cursor:pointer; + color:#ffffff; + font-family:Arial; + font-size:15px; + padding:5px 0px; + text-decoration:none; } #button_saml1_hidden { @@ -153,6 +225,7 @@ body { #formcustom_button_show { margin-bottom: 50px; clear: both; + } #formcustom_area { @@ -175,8 +248,8 @@ body { .oa_protocol_area { clear: both; - margin-left: 25px; - padding-top: 20px; + margin-left: 0px; + padding-top: 0px; } .hidden { @@ -186,9 +259,10 @@ body { .floatClass > .wwgrp { clear: none; } +#oa_search_symbol{ + font-size: 2em; + text-decoration:none; -.oa_protocol_area >h4 { - margin-left: 10px; } .oa_protocol_area >h5 { @@ -198,8 +272,12 @@ body { } .oa_config_block { - padding-left: 15px; + /*padding-left: 15px;*/ clear: both; + border-bottom: 1px solid #ddd; + display:block; + overflow:auto; + padding-bottom:10px; } /* .oa_config_block label{ @@ -212,6 +290,7 @@ body { .oa_config_block label.radio{ text-align: left; + padding-left:5px; width: 170px; } @@ -224,6 +303,8 @@ body { .oa_config_block input.radio{ margin-top: 6px; + margin-left:0px; + vertical-align: text-bottom; } @@ -243,12 +324,8 @@ body { .moageneral_protocol_area { clear: both; - margin-left: 25px; } -.moageneral_protocol_area>h4 { - margin-left: 10px; -} #moageneral_active_protocol>.wwgrp { float: left; @@ -260,10 +337,10 @@ body { } .wwlbl { - float: left; + float: left; padding-right: 10px; - padding-top: 3px; - text-align: right; + padding-top: 5px; + text-align: left; width: 300px; } @@ -272,6 +349,7 @@ body { padding-bottom: 5px; padding-top: 1px; text-align: left; + padding-left:50px; } .wwgrp { @@ -321,15 +399,39 @@ div .wwgrp br { width: 80px; float: left; margin-right: 5px; + background: transparent; + overflow: hidden; + border: 1px solid #ccc; + text-decoration:none; } .checkbox{ margin-top: 7px; + margin-left:0px; } .oa_buttons{ float: left; - margin-left: 100px; + margin-right: 20px; + width:280px; + background-color:#2dabf9; + border:none; + display:inline-block; + cursor:pointer; + color:#ffffff; + font-family:Arial; + font-size:15px; + padding:5px 23px; + text-decoration:none; + +} + +.oa_buttons:hover { + background-color:#0688fa; +} +.oa_buttons:active { + position:relative; + top:1px; } #list_area { @@ -403,7 +505,7 @@ div .wwgrp br { } #footer_area { - background-color: #6FA5D4; + clear: both; display: block; /* height: 40px; */ @@ -417,3 +519,106 @@ div .wwgrp br { padding-top: 10px; border-radius: 3px; } + +/*drop down menu */ + + +#drop_down_menu { + position: fixed; + overflow: hidden; + z-index: -1; + opacity: 0; + width: 200px; + height: 150px; + right:20px; + top: 40px; + background: rgba(0,0,0,0.8); + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + color: #fff; +} + +#drop_down_menu ul { + top: 10px; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + padding-left:10px; +} + +#drop_down_menu li { + display: inline-block; + margin: 2px; +} + +#drop_down_menu:hover { + opacity:1; + z-index:1000; +} + +#drop_down_menu ul li a { + text-decoration: none; + font-size: 1.1em; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +#drop_down_menu li a:hover { border-color: #fff; } + +#toggleMenu{ + text-decoration: none; + font-size:1.2em; + color: #303030; +} + +#toggleMenu:hover ~ #drop_down_menu{ + opacity:1; + z-index:1000; +} + +#flag_at{ + position:absolute; + left: 10px; + bottom:20px; +} + +#flag_en{ + position:absolute; + left: 50px; + bottom:20px; +} + +#logout_button{ + position:absolute; + right: 20px; + bottom:20px; +} + +.general_conf_buttons{ + float: left; + margin-right: 10px; + width:100px; + background-color:#2dabf9; + border:none; + display:inline-block; + cursor:pointer; + color:#ffffff; + font-family:Arial; + font-size:15px; + padding:2px 5px; + text-decoration:none; + +} + +.general_conf_buttons:hover { + background-color:#0688fa; +} +.general_conf_buttons:active { + position:relative; + top:1px; +} -- cgit v1.2.3