Change some navigation URLs
Keep removing old controller model.
This commit is contained in:
Paulo Gustavo Veiga
560
wise-webapp/src/main/webapp/css/pageTemplate.css
Normal file
560
wise-webapp/src/main/webapp/css/pageTemplate.css
Normal file
@@ -0,0 +1,560 @@
|
||||
/* GLOBAL COMPONENTS */
|
||||
@import "common.css";
|
||||
|
||||
/* INTRO STYLES */
|
||||
.button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#intro {
|
||||
width: 100%;
|
||||
height: 310px;
|
||||
border-bottom: 1px solid #bbb4d6;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
|
||||
#introContent {
|
||||
width: 800px;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
height: 250px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#introAnimation {
|
||||
float: left;
|
||||
width: 510px;
|
||||
height: 210px;
|
||||
margin: 40px 12px 0 10px;
|
||||
}
|
||||
|
||||
.contentImage {
|
||||
height: 210px;
|
||||
width: 245px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.contentText {
|
||||
float: left;
|
||||
width: 255px;
|
||||
margin-left: 50px;
|
||||
margin-top: 25px;
|
||||
font: normal 80% "trebuchet ms", verdana, arial, helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.contentTitle {
|
||||
width: 100px;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
color: #808080;
|
||||
margin-left: -2px;
|
||||
}
|
||||
|
||||
.contentDescription {
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#introRightContent {
|
||||
float: left;
|
||||
width: 190px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#searchAdvance {
|
||||
padding: 5px;
|
||||
border: 1px dotted white;
|
||||
}
|
||||
|
||||
#searchAdvance table {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#searchResult {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
height: 550px;
|
||||
overflow: auto;
|
||||
border: 0 solid gray;
|
||||
background-color: white;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#searchResultTable table {
|
||||
width: 100%;
|
||||
border: 0 solid gray;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#searchResultTable thead, #searchAdvance thead {
|
||||
background-color: #093A9D;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#searchResultTable td {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
color: #999999;
|
||||
font-size: 12px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#searchResultTable th, #searchAdvance th {
|
||||
color: white;
|
||||
border-right: 1px dotted #ffffff;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#searchResultTable tbody tr:hover {
|
||||
background-color: #E2f0f6;
|
||||
}
|
||||
|
||||
#searchResultTable tr {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#searchResultTable .mapTitle {
|
||||
font-size: 13px;
|
||||
color: #666666;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#searchResultTable .mapTags {
|
||||
font-size: 11px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#search {
|
||||
clear: both;
|
||||
width: 200px;
|
||||
font-size: 12px;
|
||||
padding: 9px 9px 0;
|
||||
}
|
||||
|
||||
#searchTitle {
|
||||
height: 16px;
|
||||
top: 3px;
|
||||
color: #6186CB;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#searchText {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#searchField {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#searchField input {
|
||||
color: gray;
|
||||
width: 93%;
|
||||
}
|
||||
|
||||
#searchButton {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#searchButtonContainer {
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
div#tryNow a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
div#tryNow .tryBtnText {
|
||||
padding: 0 20px;
|
||||
position: relative;
|
||||
height: 70px;
|
||||
font-size: 20px;
|
||||
color: #093A9D;
|
||||
font-weight: bold;
|
||||
top: 50%;
|
||||
margin-top: -13px;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
#video {
|
||||
clear: both;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
margin-left: 20px;
|
||||
height:51px;
|
||||
}
|
||||
|
||||
div#video .videoIconContainer {
|
||||
display:inline;
|
||||
height:51px;
|
||||
margin-right:10px;
|
||||
position:relative;
|
||||
top:14px;
|
||||
width:20px;
|
||||
}
|
||||
|
||||
div#video img {
|
||||
width:20px;
|
||||
}
|
||||
|
||||
div#video a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#video .videoBtnText {
|
||||
position: relative;
|
||||
height: 70px;
|
||||
font-size: 12px;
|
||||
color: #093A9D;
|
||||
font-weight: bold;
|
||||
white-space: normal;
|
||||
display:inline;
|
||||
width:125px;
|
||||
|
||||
}
|
||||
/* MAIN CONTENT STYLES */
|
||||
|
||||
#main {
|
||||
width: 800px;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
height: 315px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#mainContent, #introContent {
|
||||
padding: 10px 0 15px 0;
|
||||
font-size: 80%;
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.separator {
|
||||
width: 520px;
|
||||
padding-bottom: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
#newsAndArticles, #recentMaps, #join {
|
||||
width: 230px;
|
||||
float: left;
|
||||
margin-right: 0;
|
||||
padding: 9px;
|
||||
}
|
||||
|
||||
#recentMaps {
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#join {
|
||||
|
||||
}
|
||||
|
||||
#join a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#signUpButton {
|
||||
color: black;
|
||||
padding: 5px;
|
||||
margin-bottom: 5px; /*text-align: center;*/
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div#signUpButton a {
|
||||
font-size: 120%; /*color: #660066;*/
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div#signUpButton .signUpBtnContainer {
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
|
||||
div#signUpButton .signUpText {
|
||||
padding: 0 20px;
|
||||
position: relative;
|
||||
height: 25px;
|
||||
color: #093A9D;
|
||||
font-weight: bold;
|
||||
top: 50%;
|
||||
margin-top: -7px;
|
||||
}
|
||||
|
||||
#newsAndArticles dl, #recentMaps dl, #join dl, #search dl {
|
||||
width: 100%; /*padding-bottom: 15px;*/
|
||||
color: black;
|
||||
}
|
||||
|
||||
#newsAndArticles dl dt, #join dl dt, #search dl dt {
|
||||
margin: 0;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
padding: 10px 0 5px 0;
|
||||
}
|
||||
|
||||
#newsAndArticles dl dd, #join dl dd, #search dl dd {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div#news {
|
||||
float: left;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
#recentMaps dl dt {
|
||||
margin: 0;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#recentMaps dt {
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
#recentMaps dd {
|
||||
padding-bottom: 3px;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #E5E5E5;
|
||||
}
|
||||
|
||||
#newsAndArticles h1, #recentMaps h1, #join h1, #search h1 {
|
||||
color: #093A9D;
|
||||
font-size: 150%;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#join dl {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#join h1 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#join dd {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#join dt {
|
||||
color: white;
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
#recentMapsContent, #newsContent, #joinContent {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
#search dl {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#search h1 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#search dd {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#search dt {
|
||||
color: white;
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
/* Finish homepage styles */
|
||||
|
||||
div#mainBody {
|
||||
margin: 10px auto;
|
||||
width: 800px; /*margin-bottom: 100px; *//* height brokes all the tables on IE*/
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
|
||||
div#login {
|
||||
float: right;
|
||||
width: 350px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#forgotPasswordContainer {
|
||||
width: 500px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/* This is used to fix IE explorer bug rendering rounded corners*/
|
||||
div#loginContent {
|
||||
width: 100%;
|
||||
min-height: 250px;
|
||||
}
|
||||
|
||||
div#loginContent td, div#userRegistrationContent td, div#forgotPasswordContent td {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
div#login h1, div#forgotPasswordContainer h1, div#userRegistration h1 {
|
||||
color: gray;
|
||||
font-size: 200%;
|
||||
margin-bottom: 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div#forgotPasswordContainer h2, div#userRegistration h2 {
|
||||
color: black;
|
||||
margin-bottom: 5px;
|
||||
font-size: 110%;
|
||||
border: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div#userRegistration {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
div#register {
|
||||
position: relative;
|
||||
margin: 10px auto;
|
||||
width: 800px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
div#register a {
|
||||
color: #003399;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* WiseMap details */
|
||||
#detailContent {
|
||||
width: 700px;
|
||||
height: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#detail {
|
||||
margin: 10px auto;
|
||||
height: 100%;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
#detail table {
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#detail td {
|
||||
padding: 5px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#detailTitle {
|
||||
color: #093A9D;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
#detailTitle img {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
#detailTitle span {
|
||||
color: #8e9181;
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#detail h1 {
|
||||
color: black;
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
#detail .evenRow {
|
||||
background-color: #ebeef1;
|
||||
}
|
||||
|
||||
#detail .oddRow {
|
||||
background-color: #eff3f5;
|
||||
}
|
||||
|
||||
div.pageBodyContent ol {
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
div.pageBodyContent ul {
|
||||
list-style-position: outside;
|
||||
}
|
||||
|
||||
div.pageBodyContent ol li {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
div.newsContainer {
|
||||
clear:both;
|
||||
margin-bottom:20px;
|
||||
padding:10px;
|
||||
width:100%;
|
||||
}
|
||||
div.newsContainer h2 {
|
||||
padding:10px;
|
||||
color:#6B628F;
|
||||
}
|
||||
|
||||
#login.sb, #userRegistration.sb, #forgotPasswordContainer.sb {
|
||||
background: #eeeeee;
|
||||
border:1px solid #cfcfcf;
|
||||
-moz-border-radius: 8px;
|
||||
-khtml-border-radius: 8px;
|
||||
-webkit-border-radius: 8px;
|
||||
border-radius:8px;
|
||||
}
|
||||
|
||||
#detailContent.sb {
|
||||
background: #C3DEF5;
|
||||
border:1px solid #A7C6DF;
|
||||
-moz-border-radius: 16px;
|
||||
-khtml-border-radius: 16px;
|
||||
-webkit-border-radius: 16px;
|
||||
border-radius:16px;
|
||||
}
|
||||
|
||||
#detail.sb {
|
||||
background: white;
|
||||
border:1px solid #E5E5E5;
|
||||
-moz-border-radius: 16px;
|
||||
-khtml-border-radius: 16px;
|
||||
-webkit-border-radius: 16px;
|
||||
border-radius:16px;
|
||||
}
|
||||
|
||||
#userRegistration.sb {
|
||||
background: #eeeeee;
|
||||
border:1px solid #cfcfcf;
|
||||
-moz-border-radius: 8px;
|
||||
-khtml-border-radius: 8px;
|
||||
-webkit-border-radius: 8px;
|
||||
border-radius:16px;
|
||||
}
|
||||
|
||||
#searchResult.sb {
|
||||
background: #C3DEF5;
|
||||
border:1px solid #A7C6DF;
|
||||
-moz-border-radius: 16px;
|
||||
-khtml-border-radius: 16px;
|
||||
-webkit-border-radius: 16px;
|
||||
border-radius:16px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user