diff --git a/themes/wilma/css/wilma.css b/themes/wilma/css/wilma.css index 82fcdc59..97470b95 100644 --- a/themes/wilma/css/wilma.css +++ b/themes/wilma/css/wilma.css @@ -32,25 +32,25 @@ body{ /* h1,h2,h3,h4,h5,h6 ------> */ h2{ padding: 10px 0 12px 0; - margin:0; + margin: 0; font-size: 22px; color: #2485ae; } h3{ padding: 10px 0 12px 0; - margin:0; + margin: 0; font-size: 18px; color: #2485ae; } h4{ padding: 10px 0 12px 0; - margin:0; + margin: 0; font-size: 16px; color: #2485ae; } h5{ padding: 10px 0 12px 0; - margin:0; + margin: 0; font-size: 14px; color: #2485ae; } @@ -113,39 +113,40 @@ ul#header-nav a:active { } /* SEARCH ------> */ #search { - position:absolute; - width:396px; - height:38px; - top:40px; - right:10px; - padding-top:5px; + position: absolute; + width: 396px; + height: 38px; + top: 40px; + right: 10px; + padding-top: 5px; } #search-field { - width:396px; - height:38px; - background:url(../images/search-interior-pages.png) 0 0 no-repeat; + width: 396px; + height: 38px; + background: url(../images/search-interior-pages.png) 0 0 no-repeat; } #search-field .submit { - text-decoration:none; - background-color:transparent; - color:#fff; - font-size:14px; - border:none; - padding-left:25px; - padding-top:8px; + text-decoration: none; + background-color: transparent; + color: #fff; + font-size: 14px; + border: none; + padding-left: 25px; + padding-top: 8px; + cursor: pointer; } input.search-vivo { - float:left; - width:290px; - height:25px; - border:0; - font-size:16px; - color:#5e6363; - margin-left:10px; - margin-top:5px; + float: left; + width: 290px; + height: 25px; + border: 0; + font-size: 16px; + color: #5e6363; + margin-left: 10px; + margin-top: 5px; } #search-form-modifier{ - display:none; + display: none; } /* MAIN NAVIGATION------> */ ul#main-nav { @@ -189,7 +190,7 @@ ul#main-nav { background: #fff; min-height: 450px; padding: 20px; - overflow:hidden; + overflow: hidden; } /* INTRO ------> */ #intro { @@ -219,127 +220,128 @@ ul#main-nav { /* LOG IN------> */ #login { float: right; - width:314px; - border:1px solid #e8ece9; - margin-right:25px; - padding-bottom:10px; - margin-bottom:30px; - overflow:hidden; + width: 314px; + border: 1px solid #e8ece9; + margin-right: 25px; + padding-bottom: 30px; + margin-bottom: 30px; + overflow: hidden; + margin-top: 20px; } #login h2 { font-size: 22px; color: #2485ae; - padding-left:15px; - padding-top:18px; - border-bottom:none; + padding-left: 15px; + padding-top: 18px; + border-bottom: none; } #error-alert { - margin:0 12px; - padding:12px; - padding-bottom:25px; - border:1px dotted #a12424; + margin: 0 12px; + padding: 12px; + padding-bottom: 12px; + border: 1px dotted #a12424; } #error-alert img { - float:left; - margin:0; - padding:0; - vertical-align:middle; + float: left; + margin: 0; + padding: 0; + vertical-align: middle; } #error-alert p { - padding-left:40px; - font-size:0.9em; + padding-left: 40px; + font-size: 0.8em; line-height: 1.3em; - color:#a12424; - padding-top:5px; + color: #a12424; + padding-top: 5px; } #login-form label { - display:block; + display: block; color: #5e6363; - padding-top:20px; - padding-left:38px; - font-size:14px; + padding-top: 20px; + padding-left: 38px; + font-size: 14px; } #login-form input.text-field { - border:0; - font-size:14px; - padding:5px; - width:219px; - height:24px; - margin-left:38px; - margin-top:7px; + border: 0; + font-size: 14px; + padding: 5px; + width: 219px; + height: 24px; + margin-left: 38px; + margin-top: 7px; background: #fff; - border:1px solid #e0dfdf; + border: 1px solid #e0dfdf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #login-form input.text-field:focus { -border:1px solid rgba(57, 138, 172, 0.5); +border: 1px solid rgba(57, 138, 172, 0.5); background-color: rgba(57, 138, 172, 0.1); } #login-form p.submit { - width:100px; - height:40px; - margin-top:20px; - margin-left:38px; + width: 100px; + height: 40px; + margin-top: 20px; + margin-left: 38px; } #login-form p.submit-password{ - height:40px; - margin-top:20px; - margin-left:38px; + height: 40px; + margin-top: 20px; + margin-left: 38px; } #login-form input.checkbox-remember-me { - float:left; - height:14px; - width:14px; + float: left; + height: 14px; + width: 14px; color: #5e6363; - padding:0; - margin-top:33px; - margin-left:20px; + padding: 0; + margin-top: 33px; + margin-left: 20px; } #login-form label.label-remember-me { - display:block; - float:right; + display: block; + float: right; color: #5e6363; - font-size:12px; - width:100px; - margin:0; - padding:0; - margin-top:29px; - margin-right:32px; + font-size: 12px; + width: 100px; + margin: 0; + padding: 0; + margin-top: 29px; + margin-right: 32px; } p.forgot-password { - clear:both; - margin-left:38px; - font-size:12px; - padding-top:1.2em; - padding-bottom:1.2em; + clear: both; + margin-left: 38px; + font-size: 12px; + padding-top: 1.2em; + padding-bottom: 1.2em; } p.forgot-password a { color: #2485ae; } p.request-account { - width:219px; - clear:both; - float:left; - margin-left:38px; - margin-top:10px; - padding-top:20px; - border-top:1px solid #e8ece9; + width: 219px; + clear: both; + float: left; + margin-left: 38px; + margin-top: 10px; + padding-top: 20px; + border-top: 1px solid #e8ece9; } p.request-account a{ - color:#fff; + color: #fff; } p.password-note{ font-size: 12px; color: #949696; - padding-left:38px; + padding-left: 38px; } #flash-message{ - border:1px dotted #E2C822; - background-color:#FFF9D7; - padding:0.8em; - margin-bottom:20px; + border: 1px dotted #E2C822; + background-color: #FFF9D7; + padding: 0.8em; + margin-bottom: 20px; } /* HOME SEARCH ------> */ #search-home { @@ -358,13 +360,14 @@ p.password-note{ background: url(../images/search-field-and-button.png) 0 0 no-repeat; } #search-home-field .submit { - text-decoration:none; - background-color:transparent; - color:#fff; - font-size:18px; - border:none; - padding-left:40px; - padding-top:8px; + text-decoration: none; + background-color: transparent; + color: #fff; + font-size: 18px; + border: none; + padding-left: 40px; + padding-top: 8px; + cursor: pointer; } input.search-home-vivo { float: left; @@ -483,7 +486,7 @@ ul#classgroup-list a.selected { background: url(../images/arrow.gif) 0 12px no-repeat; } ul#classgroup-list .count-individuals { - font-size: 12px + font-size: 12px; } /* VISUALIZATION ------> */ #visual-graph { @@ -578,7 +581,7 @@ a.view-all-style { font-family: 'Pictos'; font-size: 1.8em; line-height: 0.2em; - color:#fff; + color: #fff; } /* UPCOMING EVENTS------> */ #upcoming-events { @@ -697,7 +700,7 @@ a.powered-by-vivo:hover { /* GENERAL STYLE------> */ p{ - margin-bottom:1.3em; + margin-bottom: 1.3em; } /* STYLED BUTTONS ------> */ @@ -718,7 +721,7 @@ p{ border-bottom: 1px solid rgba(0, 0, 0, 0.25);*/ position: relative; cursor: pointer; - border:0; + border: 0; } .button:hover { background-color: #111; @@ -740,7 +743,7 @@ p{ .green.button, .green.button:visited { background-color: #749a02; - color:#fff; + color: #fff; } .green.button:hover { background-color: #b2d15a; @@ -748,7 +751,7 @@ p{ .blue.button, .blue.button:visited { background-color: #398aac; - color:#fff; + color: #fff; } .blue.button:hover { background-color: #58a2c1;