New research and technology page
* Added legacyworlds-server-beans-technologies Maven module, including the player-level DAO and controller. * Added session classes to carry technology information, modified web client session façade accordingly * Various changes to common UI elements (forms, lists, etc...) so the start and end of some element can be drawn separately * Added controller, templates and JavaScript for research page
This commit is contained in:
parent
154f215e24
commit
6dcd59d7bc
45 changed files with 2314 additions and 178 deletions
legacyworlds-web-main/Content/Raw/css
|
@ -266,10 +266,10 @@ div.button a:focus,div.button a:hover {
|
|||
|
||||
/* Forms */
|
||||
.form-container {
|
||||
width: -moz-calc( 100% - 128px );
|
||||
width: -webkit-calc( 100% - 128px );
|
||||
width: -o-calc( 100% - 128px );
|
||||
width: calc( 100% - 128px );
|
||||
width: -moz-calc(100% - 128px);
|
||||
width: -webkit-calc(100% - 128px);
|
||||
width: -o-calc(100% - 128px);
|
||||
width: calc(100% - 128px);
|
||||
margin: 0 64px;
|
||||
}
|
||||
|
||||
|
@ -304,10 +304,10 @@ div.button a:focus,div.button a:hover {
|
|||
padding: 5px 20px;
|
||||
}
|
||||
|
||||
.form-submit .input:hover , .form-submit .input:focus {
|
||||
.form-submit .input:hover,.form-submit .input:focus {
|
||||
padding: 5px 20px;
|
||||
border-color: #dfdfdf;
|
||||
background-color: rgba(127,127,127,0.6);
|
||||
background-color: rgba(127, 127, 127, 0.6);
|
||||
}
|
||||
|
||||
.form-extra td {
|
||||
|
@ -323,7 +323,7 @@ div.button a:focus,div.button a:hover {
|
|||
.form-error td {
|
||||
font-size: 11pt;
|
||||
color: white;
|
||||
background-color: rgba(255,0,0,0.4);
|
||||
background-color: rgba(255, 0, 0, 0.4);
|
||||
font-weight: bold;
|
||||
margin: 2px 0px;
|
||||
padding: 5px 10px;
|
||||
|
@ -334,7 +334,7 @@ div.button a:focus,div.button a:hover {
|
|||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #afafaf;
|
||||
background-color: rgba(63,63,63,0.6);
|
||||
background-color: rgba(63, 63, 63, 0.6);
|
||||
color: white;
|
||||
font-size: 10pt;
|
||||
margin: 1px 0px;
|
||||
|
@ -371,10 +371,10 @@ div.button a:focus,div.button a:hover {
|
|||
|
||||
/* List display */
|
||||
.list-view {
|
||||
width: -moz-calc( 100% - 64px );
|
||||
width: -webkit-calc( 100% - 64px );
|
||||
width: -o-calc( 100% - 64px );
|
||||
width: calc( 100% - 64px );
|
||||
width: -moz-calc(100% - 64px);
|
||||
width: -webkit-calc(100% - 64px);
|
||||
width: -o-calc(100% - 64px);
|
||||
width: calc(100% - 64px);
|
||||
margin: 0 32px 20px 32px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
@ -604,20 +604,20 @@ table.fleets-planet,table.fleets-moving {
|
|||
border: 1px solid white;
|
||||
border-collapse: collapse;
|
||||
margin: 0 0 20px 5px;
|
||||
width: -moz-calc( 100% - 20px );
|
||||
width: -webkit-calc( 100% - 20px );
|
||||
width: -o-calc( 100% - 20px );
|
||||
width: calc( 100% - 20px );
|
||||
width: -moz-calc(100% - 20px);
|
||||
width: -webkit-calc(100% - 20px);
|
||||
width: -o-calc(100% - 20px);
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
|
||||
table.selected-fleets {
|
||||
border: 1px solid white;
|
||||
border-collapse: collapse;
|
||||
margin: 10px 0 20px 15px;
|
||||
width: -moz-calc( 100% - 30px );
|
||||
width: -webkit-calc( 100% - 30px );
|
||||
width: -o-calc( 100% - 30px );
|
||||
width: calc( 100% - 30px );
|
||||
width: -moz-calc(100% - 30px);
|
||||
width: -webkit-calc(100% - 30px);
|
||||
width: -o-calc(100% - 30px);
|
||||
width: calc(100% - 30px);
|
||||
}
|
||||
|
||||
table.fleets-planet td {
|
||||
|
@ -799,4 +799,20 @@ tr.alliance-msg * {
|
|||
|
||||
tr.empire-msg * {
|
||||
color: #afafaf;
|
||||
}
|
||||
|
||||
/*
|
||||
* Research page
|
||||
*/
|
||||
.tech-line {
|
||||
height: 22px;
|
||||
}
|
||||
.tech-view h4 {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.tech-view .tech-info {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.tech-line.selected, .tech-line.selected td {
|
||||
background-color: rgba(127, 127, 127, 0.25);
|
||||
}
|
Reference in a new issue