aboutsummaryrefslogtreecommitdiff
path: root/id/ConfigWebTool/src/main/webapp/css/index.css
diff options
context:
space:
mode:
Diffstat (limited to 'id/ConfigWebTool/src/main/webapp/css/index.css')
-rw-r--r--id/ConfigWebTool/src/main/webapp/css/index.css403
1 files changed, 325 insertions, 78 deletions
diff --git a/id/ConfigWebTool/src/main/webapp/css/index.css b/id/ConfigWebTool/src/main/webapp/css/index.css
index 2c7a880f0..4cbfba19b 100644
--- a/id/ConfigWebTool/src/main/webapp/css/index.css
+++ b/id/ConfigWebTool/src/main/webapp/css/index.css
@@ -1,29 +1,59 @@
@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: 50px;
+ padding-top:5px;
+ padding-left:20px;
+ padding-top: 10px;
}
+
#header_area #logoutbutton {
float: right;
- /*padding-right: 25px;*/
}
#passwordlogin {
@@ -31,71 +61,77 @@ body {
}
#bkulogin {
- float: left;
- margin-left: 50px;
-}
-
-#bkuloginbutton {
- background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); /* Firefox */
- background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); /* Chrome, Safari */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',endColorstr='#f1f1f1');
-
- display: block;
- padding-top: 10px;
- padding-bottom: 10px;
- text-align: center;
- width: 200px;
- /* background-color: gold; */
- border-radius: 10px;
- box-shadow: 8px 8px 8px #666;
- border-style: solid;
- border-color: black;
- border-width: 2px;
-
+ float: right;
+ margin-left: 0px;
+ padding-top:5px;
}
#menu_area {
margin-top: 25px;
- border-color: black;
- border-style: solid;
- border-width: 2px;
- width: 250px;
- margin-left: 15px;
- position: relative;
- padding-left: 15px;
- padding-top: 10px;
+ width: 300px;
+ margin-left: 0px;
+ position: absolute;
+ 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:30px;
+ 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;
+ padding-bottom: 25px;
+ width:auto;
+}
+
+#right_area {
+ float: right;
+ width:auto;
+ padding-bottom: 10px;
+ padding-left: 10px;
+ padding-right: 30px;
+ padding-top: 4px;
+}
+
+#left_area {
+ float: left;
+ width:auto;
+ padding-left: 10px;
+ padding-right: 30px;
+ padding-top: 0px;
+ margin-top:-5px;
+}
+
+#left_area h2{
+ padding-top:0px;
+ margin-top:0px;
}
-#language_area {
+#nameField{
float: right;
padding-bottom: 10px;
padding-left: 10px;
@@ -129,13 +165,49 @@ 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;
+ margin-bottom:10px;
+ width: 290px;
+
+ 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: 290px;
+
+ 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,11 +303,13 @@ body {
.oa_config_block input.radio{
margin-top: 6px;
+ margin-left:0px;
+ vertical-align: text-bottom;
}
.oa_config_block h3 {
- padding-top: 25px;
+ padding-top: 10px;
}
.oa_config_block h4 {
@@ -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,11 +337,11 @@ body {
}
.wwlbl {
- float: left;
+ float: left;
padding-right: 10px;
- padding-top: 3px;
- text-align: right;
- width: 300px;
+ padding-top: 5px;
+ text-align: left;
+ width: 280px;
}
.wwctrl {
@@ -272,6 +349,7 @@ body {
padding-bottom: 5px;
padding-top: 1px;
text-align: left;
+ padding-left:50px;
}
.wwgrp {
@@ -308,7 +386,10 @@ div .wwgrp br {
.textfield_long {
width: 600px;
-
+}
+
+.textfield_300px{
+ width: 300px;
}
.textfield_large{
@@ -321,15 +402,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:290px;
+ background-color:#2dabf9;
+ border:none;
+ display:inline-block;
+ cursor:pointer;
+ color:#ffffff;
+ font-family:Arial;
+ font-size:15px;
+ padding:5px 10px;
+ text-decoration:none;
+
+}
+
+.oa_buttons:hover {
+ background-color:#0688fa;
+}
+.oa_buttons:active {
+ position:relative;
+ top:1px;
}
#list_area {
@@ -343,7 +448,7 @@ div .wwgrp br {
padding-top: 5px;
padding-right: 10px;
border-bottom: 1px;
- border-color: red;
+ border-color: #ddd;
border-bottom-style: solid;
clear: both;
}
@@ -352,8 +457,9 @@ div .wwgrp br {
cursor: default;
border-bottom-style: none;
display: table-header-group;
- font-weight: bold;
- font-size: 1.1em;
+ font-weight: normal;
+ font-size: 1.3em;
+ margin-top: 50px;
}
.listElInfo {
@@ -403,7 +509,7 @@ div .wwgrp br {
}
#footer_area {
- background-color: #6FA5D4;
+
clear: both;
display: block;
/* height: 40px; */
@@ -417,3 +523,144 @@ 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;
+ margin-right: 15px;
+}
+
+#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: 10px;
+ bottom:20px;
+ text-decoration:none;
+ color:white;
+}
+
+.button_narrow{
+ 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;
+ margin-bottom: 3px;
+}
+
+.button_narrow:hover {
+ background-color:#0688fa;
+}
+.button_narrow:active {
+ position:relative;
+ top:1px;
+}
+
+.button_fit{
+
+ margin-right: 0px;
+ background-color:#2dabf9;
+ border:none;
+ display:inline-block;
+ cursor:pointer;
+ color:#ffffff;
+ font-family:Arial;
+ font-size:15px;
+ padding:2px 10px;
+ text-decoration:none;
+ margin-bottom: 3px;
+}
+
+.button_fit:hover {
+ background-color:#0688fa;
+}
+.button_fit:active {
+ position:relative;
+ top:1px;
+}
+
+.checkboxLabel{
+ padding-left:5px;
+ padding-right:5px;
+}
+
+#stork_attributelist .wwctrl{
+ padding-left:0px;
+}
+#stork_attributelist .wwctrl input[type="checkbox"]{
+ margin-left:20px;
+}