Tenderfoot theming updates
This commit is contained in:
Graham Triggs
parent
691e9faf4c
commit
412d09fd6a
12 changed files with 936 additions and 108 deletions
365
webapp/src/main/webapp/themes/tenderfoot/css/edit.css
Normal file
365
webapp/src/main/webapp/themes/tenderfoot/css/edit.css
Normal file
|
|
@ -0,0 +1,365 @@
|
||||||
|
/* -------------------------------------------------> */
|
||||||
|
/* EDITING STYLES ----------------------------------> */
|
||||||
|
/* -------------------------------------------------> */
|
||||||
|
input[type="text"],
|
||||||
|
select,
|
||||||
|
input[type="password"] {
|
||||||
|
border: 0;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: .5em;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #e0dfdf;
|
||||||
|
border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
margin-bottom: .8em;
|
||||||
|
}
|
||||||
|
input.block {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
margin-top: .5em;
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
label.inline {
|
||||||
|
display: inline;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: .9em;
|
||||||
|
}
|
||||||
|
.verbose-toggle,
|
||||||
|
.verbose-toggle:visited,
|
||||||
|
#showAddFormButton,
|
||||||
|
#showAddFormButton:visited,
|
||||||
|
input.submit,
|
||||||
|
input.submit:visited,
|
||||||
|
/* the id selectors are used temporarily due to the custom jsp tags (<v:input>)
|
||||||
|
for editing forms which require an id and do not allow a class. This will be
|
||||||
|
removed once we refactor the editing forms to Freemarker */
|
||||||
|
input#submit,
|
||||||
|
input#submit:visited,
|
||||||
|
input.form-button,
|
||||||
|
input.form-button:visited {
|
||||||
|
background: #222 url(../images/alert-overlay.png) repeat-x;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 5px 18px 7px;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
position: relative;
|
||||||
|
border: 0;
|
||||||
|
margin: 0;
|
||||||
|
/* background-color: #749a02; */
|
||||||
|
background-color: #3446A0;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 1;
|
||||||
|
margin-right: .6em;
|
||||||
|
margin-top: .5em;
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
#verbose-mode .small {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
#verbose-mode b {
|
||||||
|
color: #595B5B;
|
||||||
|
}
|
||||||
|
#verbose-mode .verbose-off{
|
||||||
|
background: #706a66;
|
||||||
|
}
|
||||||
|
input.delete,
|
||||||
|
input.delete:visited,
|
||||||
|
input#delete,
|
||||||
|
input#delete:visited {
|
||||||
|
background: #222 url(../images/alert-overlay.png) repeat-x;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 5px 18px 7px;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 0;
|
||||||
|
margin: 0;
|
||||||
|
/* background-color: #398aac; */
|
||||||
|
background-color: #0c0cb5;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 1;
|
||||||
|
margin-right: .6em;
|
||||||
|
}
|
||||||
|
.verbose-toggle:hover,
|
||||||
|
#showAddFormButton:hover,
|
||||||
|
input.submit:hover,
|
||||||
|
input#submit:hover,
|
||||||
|
input.form-button:hover {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #3E8BAA;
|
||||||
|
}
|
||||||
|
input.delete:hover,
|
||||||
|
input#delete:hover {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #93c3d4;
|
||||||
|
}
|
||||||
|
.verbose-toggle,
|
||||||
|
.verbose-toggle:active,
|
||||||
|
#showAddFormButton:active,
|
||||||
|
input.delete:active,
|
||||||
|
input#delete:active,
|
||||||
|
input.submit:active,
|
||||||
|
input#submit:active,
|
||||||
|
input.form-button:active,
|
||||||
|
.button:active,
|
||||||
|
input.add-account:active,
|
||||||
|
section.accounts input.delete:active {
|
||||||
|
top: 1px;
|
||||||
|
}
|
||||||
|
form textarea {
|
||||||
|
border: 1px solid #e0dfdf;
|
||||||
|
border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
}
|
||||||
|
.maxWidth {
|
||||||
|
margin-top: 20px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#itemList a.remove:link,
|
||||||
|
#itemList a.remove:visited,
|
||||||
|
#showAddForm a.cancel:link,
|
||||||
|
form a:link.cancel,
|
||||||
|
form a:visited.cancel,
|
||||||
|
a.return:link,
|
||||||
|
a.return:visited {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #f70;
|
||||||
|
border-color: none;
|
||||||
|
padding-left: 3px;
|
||||||
|
}
|
||||||
|
#itemList a.remove:hover,
|
||||||
|
#itemList a.remove:active,
|
||||||
|
#showAddForm a.cancel:hover,
|
||||||
|
#showAddForm a.cancel:active,
|
||||||
|
form a:hover.cancel,
|
||||||
|
form a:active.cancel {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #f70;
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.validationError {
|
||||||
|
font-weight: normal;
|
||||||
|
color: #cc0000;
|
||||||
|
margin-bottom: .3em;
|
||||||
|
}
|
||||||
|
p.submit {
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
.editingForm table {
|
||||||
|
border-color: #dfe6e6;
|
||||||
|
}
|
||||||
|
.editingForm td {
|
||||||
|
padding: 3px;
|
||||||
|
}
|
||||||
|
.editingForm .entryFormHead {
|
||||||
|
background-color: #f1f2ee;
|
||||||
|
border-color: #dfe6e6;
|
||||||
|
}
|
||||||
|
.form-item {
|
||||||
|
margin-top:.3em;
|
||||||
|
background-color: #fff;
|
||||||
|
border-color: #e0dfdf;
|
||||||
|
font-size: .8em;
|
||||||
|
border-width: 1px;
|
||||||
|
color: #595B5B;
|
||||||
|
padding: .3em;
|
||||||
|
}
|
||||||
|
a.return:hover,
|
||||||
|
a.return:active {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #f70;
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
.database_header {
|
||||||
|
background-color: #f1f2ee;
|
||||||
|
color: #2485ae;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.database_upperleftcorner {
|
||||||
|
color: #5F6464;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.database_upperleftcenter {
|
||||||
|
background-color: #B0C4DE;
|
||||||
|
color: #5F6464;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.rownumheader,
|
||||||
|
.rownum {
|
||||||
|
background-color: #F1F2EE;
|
||||||
|
color: #5F6464;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.headercenter {
|
||||||
|
color: #5F6464;
|
||||||
|
font-size: 10pt;
|
||||||
|
font-style: normal;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.postheader {
|
||||||
|
background-color: #E6E6FA;
|
||||||
|
color: #777;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.database_postheader {
|
||||||
|
background-color: #f7f9f9;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.postheadercenter,
|
||||||
|
.postheaderright {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.verticalfieldlabel {
|
||||||
|
color: #5E6363; /*#5F6464;*/
|
||||||
|
font-style: normal !important;
|
||||||
|
font-size: 10pt !important;
|
||||||
|
line-height: 2em !important;
|
||||||
|
}
|
||||||
|
.row, .rowvert {
|
||||||
|
background-color: #f7f9f9;
|
||||||
|
color: #5F6464;
|
||||||
|
font-size: 10pt;
|
||||||
|
font-style: normal;
|
||||||
|
text-align: left;
|
||||||
|
line-height: 2em;
|
||||||
|
}
|
||||||
|
.rowalternate {
|
||||||
|
background-color: #fff;
|
||||||
|
color: #5F6464;
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 2em;
|
||||||
|
}
|
||||||
|
.rowbold {
|
||||||
|
background-color: #FFFAFA;
|
||||||
|
color: #5F6464;
|
||||||
|
font-size: 10pt; /*1em;*/
|
||||||
|
line-height: 2em;
|
||||||
|
}
|
||||||
|
.form-background {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.formsEdit p {
|
||||||
|
/*padding-top: 1em;*/
|
||||||
|
margin-bottom: 1em;
|
||||||
|
padding-bottom: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.formsEdit p.validationError {
|
||||||
|
margin-bottom: 1.8em;
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
font-size: .8em;
|
||||||
|
}
|
||||||
|
form.deleteForm {
|
||||||
|
margin-top: 2em;
|
||||||
|
padding-top: 1em;
|
||||||
|
border-top: 1px dotted #e3e9e9;
|
||||||
|
}
|
||||||
|
form.editForm span {
|
||||||
|
color: #c00;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
form h3.delete-entry {
|
||||||
|
padding-right: .8em;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
form h2 {
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
form select {
|
||||||
|
border: 0;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: .5em;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #e0dfdf;
|
||||||
|
border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
margin-bottom: .8em;
|
||||||
|
margin-top: .7em;
|
||||||
|
margin-right: .5em;
|
||||||
|
}
|
||||||
|
.notice {
|
||||||
|
margin-top: 1em;
|
||||||
|
border: 1px dotted #FFD324;
|
||||||
|
}
|
||||||
|
a.ingestMenu:link,
|
||||||
|
a.ingestMenu:visited,
|
||||||
|
a.account-menu:link,
|
||||||
|
a.account-menu:visited {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #2485AE;
|
||||||
|
}
|
||||||
|
a.ingestMenu:hover,
|
||||||
|
a.ingestMenu:active,
|
||||||
|
a.account-menu:hover,
|
||||||
|
a.account-menu:active,
|
||||||
|
ul#alpha-browse-individuals a,
|
||||||
|
ul#browse-classes a,
|
||||||
|
ul#find-filters a,
|
||||||
|
ul#vgraph-classes a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #5E6363;
|
||||||
|
}
|
||||||
|
ul.ingestMenu {
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
}
|
||||||
|
.toBeDeleted {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
/* BACK-END FORMS --------------> */
|
||||||
|
.display-inline {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.theme-dir,
|
||||||
|
#noContentMsg {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
tr.editformcell td input[type="text"] {
|
||||||
|
width: 30% !important;
|
||||||
|
}
|
||||||
|
tr.editformcell td input.fullWidthInput {
|
||||||
|
width: 70% !important;
|
||||||
|
margin-top: 0.7em !important;
|
||||||
|
}
|
||||||
|
tr.editformcell td input.shortInput {
|
||||||
|
width: 20% !important;
|
||||||
|
margin-top: 0.7em !important;
|
||||||
|
}
|
||||||
|
tr.editformcell td textarea.matchingInput {
|
||||||
|
width: 95%;
|
||||||
|
height:10ex;
|
||||||
|
margin-top:0.7em;
|
||||||
|
font-family: "Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
|
||||||
|
font-size:0.95em;
|
||||||
|
}
|
||||||
|
hr.formDivider {
|
||||||
|
background-color: #3196C4;
|
||||||
|
border: 0 none;
|
||||||
|
height: 1px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
margin-top: 15px;
|
||||||
|
opacity: 0.3;
|
||||||
|
}
|
||||||
|
.editingForm table {
|
||||||
|
width: 100%;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
@ -1,44 +0,0 @@
|
||||||
article.property {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
article.property h3 {
|
|
||||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
|
||||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
}
|
|
||||||
|
|
||||||
article.property li h3 {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.collaboratorship-link-container {
|
|
||||||
margin: 12px 0 8px 0;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.collaboratorship-link-container a {
|
|
||||||
min-width: 185px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.collaboratorship-link-container a.btn-info {
|
|
||||||
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
|
||||||
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
|
|
||||||
background-color: #e0e0e0;
|
|
||||||
border-color: #ccc;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.collaboratorship-link-container img {
|
|
||||||
height: 14px;
|
|
||||||
width: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.visualization-buttons {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pastPosition {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
29
webapp/src/main/webapp/themes/tenderfoot/css/page-admin.css
Normal file
29
webapp/src/main/webapp/themes/tenderfoot/css/page-admin.css
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
/* -------------------------------------------------> */
|
||||||
|
/* SITE ADMIN DASHBOARD ----------------------------> */
|
||||||
|
/* -------------------------------------------------> */
|
||||||
|
#adminDashboard .pageBodyGroup {
|
||||||
|
padding: 0 1em .5em 1em;
|
||||||
|
}
|
||||||
|
#adminDashboard .pageBodyGroup h3 {
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom: 1px dotted #AFB2B2;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: .625em;
|
||||||
|
color: #064D68;
|
||||||
|
margin-bottom: .625em;
|
||||||
|
}
|
||||||
|
#adminDashboard .pageBodyGroup ul {
|
||||||
|
margin: 0 0 1em .6em;
|
||||||
|
}
|
||||||
|
#adminDashboard .pageBodyGroup h4 {
|
||||||
|
color: #5E6363;
|
||||||
|
font-size: 1em;
|
||||||
|
margin-left: .6em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
#adminDashboard .pageBodyGroup h4 a {
|
||||||
|
color: #5E6363;
|
||||||
|
font-size: 1em;
|
||||||
|
margin-left: 0;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
44
webapp/src/main/webapp/themes/tenderfoot/css/page-browse.css
Normal file
44
webapp/src/main/webapp/themes/tenderfoot/css/page-browse.css
Normal file
|
|
@ -0,0 +1,44 @@
|
||||||
|
/* BROWSE CLASSES ------> */
|
||||||
|
ul#browse-classes {
|
||||||
|
border: 1px solid #dde4e3;
|
||||||
|
border-right: 0;
|
||||||
|
background-color: #f1f2ee;
|
||||||
|
}
|
||||||
|
ul#browse-classes li,
|
||||||
|
ul#vgraph-classes li {
|
||||||
|
border-bottom: 1px solid #dde4e3;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
ul#browse-classes a:hover,
|
||||||
|
ul#browse-classes a.selected {
|
||||||
|
background: url(../images/arrow.gif) 4px 5px no-repeat;
|
||||||
|
color: #2ea0cf;
|
||||||
|
}
|
||||||
|
ul#browse-classes .count-classes {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
/* ALPHA BROWSE------> */
|
||||||
|
ul#alpha-browse-individuals {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
ul#alpha-browse-individuals a:hover,
|
||||||
|
ul#alpha-browse-individuals a.selected {
|
||||||
|
background: url(../images/arrowSmall.gif) -3px 7px no-repeat;
|
||||||
|
color: #2ea0cf;
|
||||||
|
}
|
||||||
|
ul#alpha-browse-individuals .count-classes,
|
||||||
|
ul#vgraph-classes .count-classes {
|
||||||
|
font-size: .75em;
|
||||||
|
}
|
||||||
|
.alphaIndex,
|
||||||
|
.pagination.menupage,
|
||||||
|
tr.editformcell td select,
|
||||||
|
ul#alpha-browse-individuals li {
|
||||||
|
font-size: .8em;
|
||||||
|
}
|
||||||
|
nav#alpha-browse-container {
|
||||||
|
border: 1px solid #dde4e3;
|
||||||
|
background-color: #fff;
|
||||||
|
border-left: 1px solid #dde4e3;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
160
webapp/src/main/webapp/themes/tenderfoot/css/page-home.css
Normal file
160
webapp/src/main/webapp/themes/tenderfoot/css/page-home.css
Normal file
|
|
@ -0,0 +1,160 @@
|
||||||
|
.jumbotron {
|
||||||
|
background-color: transparent;
|
||||||
|
color: #ffffff;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 1px 1px 4px #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jumbotron p {
|
||||||
|
color: #dddddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero {
|
||||||
|
background: #283a4b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-sections {
|
||||||
|
border-top: 1px dotted #dbe3e3; /* stroke */
|
||||||
|
border-bottom: 1px dotted #dbe3e3; /* stroke */
|
||||||
|
background-color: #fff; /* layer fill content */
|
||||||
|
}
|
||||||
|
.home-sections h4 {
|
||||||
|
border-top: 1px solid rgba(220,228,227,.42); /* stroke */
|
||||||
|
border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
|
||||||
|
/* background-color: #395d7f; /* layer fill content */
|
||||||
|
background-color: #338caf;
|
||||||
|
border-bottom: 2px solid #62b6d7;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
#home-stats {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
#stats li {
|
||||||
|
-moz-border-radius: 6px;
|
||||||
|
-webkit-border-radius: 6px;
|
||||||
|
border-radius: 6px; /* border radius */
|
||||||
|
-moz-background-clip: padding;
|
||||||
|
-webkit-background-clip: padding-box;
|
||||||
|
background-clip: padding-box; /* prevents bg color from leaking outside the border */
|
||||||
|
background: #5e6363 url(../images/stats-bg.png) repeat-x 0 0;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
#stats li a:hover {
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
#stats .stats-count span {
|
||||||
|
color: #fff;
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
#stats p {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
#home-research {
|
||||||
|
width: 297px;
|
||||||
|
float: left;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
#home-research ul {
|
||||||
|
padding: 0.7em 0 0.6em 0.75em;
|
||||||
|
}
|
||||||
|
#home-research li {
|
||||||
|
line-height: 1.25em;
|
||||||
|
margin-top: 0.7em;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
#home-research li:last-child {
|
||||||
|
text-align:right;
|
||||||
|
padding: 4px 16px 0 0;
|
||||||
|
}
|
||||||
|
#home-research li span {
|
||||||
|
color: #fff;
|
||||||
|
background: url(../../../images/count-background.png) no-repeat;
|
||||||
|
width: 65px;
|
||||||
|
height: 27px;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 6px 8px 0 0;
|
||||||
|
margin-left: 4px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#home-academic-depts {
|
||||||
|
width: 297px;
|
||||||
|
margin-left: 15px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
#home-academic-depts h4,
|
||||||
|
#home-faculty-mbrs h4,
|
||||||
|
#home-geo-focus h4,
|
||||||
|
#home-research h4 {
|
||||||
|
display: inline;
|
||||||
|
padding: 3px 10px;
|
||||||
|
}
|
||||||
|
#home-academic-depts ul {
|
||||||
|
list-style: disc outside url(../../../images/arrowIcon.gif);
|
||||||
|
padding: 0.4em 0 0.6em 1.8em;
|
||||||
|
}
|
||||||
|
#home-academic-depts li {
|
||||||
|
line-height: 1.25em;
|
||||||
|
padding-top: 1.0em;
|
||||||
|
padding-right: 4px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
#home-faculty-mbrs {
|
||||||
|
width: 297px;
|
||||||
|
margin: 0 0 20px 15px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
div#tempSpacing {
|
||||||
|
margin-top:30px;
|
||||||
|
padding-left:20px;
|
||||||
|
height:325px;
|
||||||
|
}
|
||||||
|
div#research-faculty-mbrs {
|
||||||
|
font-size: 0.9em;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
div#research-faculty-mbrs li.individual {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
div#research-faculty-mbrs ul li.individual:first-child {
|
||||||
|
clear: both;
|
||||||
|
padding-top: 20px
|
||||||
|
}
|
||||||
|
div#research-faculty-mbrs li h1 {
|
||||||
|
padding: 6px 0 2px 0;
|
||||||
|
}
|
||||||
|
div#research-faculty-mbrs li img {
|
||||||
|
width: 60px;
|
||||||
|
float: left;
|
||||||
|
padding: 0px 8px 10px 10px;
|
||||||
|
}
|
||||||
|
div#research-faculty-mbrs li span.title {
|
||||||
|
display: block;
|
||||||
|
font-size: 0.825em;
|
||||||
|
line-height: 1.25em;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
}
|
||||||
|
div#research-faculty-mbrs ul#viewMoreFac {
|
||||||
|
list-style:none;
|
||||||
|
}
|
||||||
|
div#research-faculty-mbrs ul#viewMoreFac li {
|
||||||
|
text-align:right;
|
||||||
|
padding: 0 16px 8px 0;
|
||||||
|
clear:both;
|
||||||
|
}
|
||||||
|
div#adjImgHeight {
|
||||||
|
height:65px;
|
||||||
|
overflow:hidden;
|
||||||
|
float:left;
|
||||||
|
margin-bottom:10px;
|
||||||
|
}
|
||||||
|
#home-geo-focus {
|
||||||
|
clear: both;
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 30px;
|
||||||
|
height: 632px;
|
||||||
|
width: 921px;
|
||||||
|
}
|
||||||
|
#home-geo-focus div#timeIndicatorGeo {
|
||||||
|
text-align:center;
|
||||||
|
margin-top:100px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
/* -------------------------------------------------> */
|
||||||
|
/* IMAGE UPLOAD-------------------------------------> */
|
||||||
|
/* -------------------------------------------------> */
|
||||||
|
/* <------ UPLOAD PICTURE*/
|
||||||
|
#photoUploadDefaultImage img {
|
||||||
|
border: 4px solid #DDE4E3;
|
||||||
|
}
|
||||||
|
#photoUploadForm {
|
||||||
|
border-left: 1px dotted #DDE4E3;
|
||||||
|
}
|
||||||
|
/* <------ CROP PICTURE*/
|
||||||
|
#photoCropping img {
|
||||||
|
border: 1px solid #DDE4E3;
|
||||||
|
}
|
||||||
|
#photoCropping {
|
||||||
|
margin-left: 20px;
|
||||||
|
padding-left: 40px;
|
||||||
|
background: url(../images/pointToCropPreview.jpg) 0 30px no-repeat;
|
||||||
|
}
|
||||||
|
#photoCroppingPreview {
|
||||||
|
width: 210px;
|
||||||
|
}
|
||||||
|
.photoCroppedPreview {
|
||||||
|
border: 4px solid #DDE4E3;
|
||||||
|
}
|
||||||
|
/* <------ DELETE PICTURE*/
|
||||||
|
#photoDeletingContainer {
|
||||||
|
border: 1px solid #bdbcbc;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,95 @@
|
||||||
|
article.property {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
article.property h3 {
|
||||||
|
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||||
|
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
|
||||||
|
article.property li h3 {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collaboratorship-link-container {
|
||||||
|
margin: 12px 0 8px 0;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collaboratorship-link-container a {
|
||||||
|
min-width: 185px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collaboratorship-link-container a.btn-info {
|
||||||
|
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
||||||
|
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
border-color: #ccc;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collaboratorship-link-container img {
|
||||||
|
height: 14px;
|
||||||
|
width: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.visualization-buttons {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pastPosition {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#individual-hasResearchArea a {
|
||||||
|
font-size: 13px;
|
||||||
|
background: transparent;
|
||||||
|
border: 1px solid #337ab7;
|
||||||
|
color: #337ab7;
|
||||||
|
font-weight: 400;
|
||||||
|
transition: all 0.5s;
|
||||||
|
padding: .2em .6em .3em;
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#individual-hasResearchArea a:hover {
|
||||||
|
background: #337ab7;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#individual-intro h1 {
|
||||||
|
font-size: 1.375em;
|
||||||
|
color: #2485ae;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#individual-intro #iconControlsRightSide {
|
||||||
|
float: right;
|
||||||
|
background-color: #fff;
|
||||||
|
margin-right: 10px;
|
||||||
|
padding-top: 4px;
|
||||||
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#individual-intro span.display-title {
|
||||||
|
padding-left: 10px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#individual-intro span.display-title, h1.fn .display-title {
|
||||||
|
font-size: .825em;
|
||||||
|
border-left: 1px solid #a6b1b0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#individual-hasResearchArea li,
|
||||||
|
ul#individual-facultyMemberships li {
|
||||||
|
float: left;
|
||||||
|
padding-right: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
153
webapp/src/main/webapp/themes/tenderfoot/css/page-login.css
Normal file
153
webapp/src/main/webapp/themes/tenderfoot/css/page-login.css
Normal file
|
|
@ -0,0 +1,153 @@
|
||||||
|
/* LOG IN------> */
|
||||||
|
#login {
|
||||||
|
float: right;
|
||||||
|
width: 314px;
|
||||||
|
border: 1px solid #e8ece9;
|
||||||
|
margin-right: 25px;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
body.login #login {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
#login h2 {
|
||||||
|
font-size: 22px;
|
||||||
|
color: #2485ae;
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-top: 18px;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
h3.internal-auth:hover {
|
||||||
|
color: #47B6D0;
|
||||||
|
}
|
||||||
|
#error-alert {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
padding: 12px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
border: 1px dotted #a12424;
|
||||||
|
}
|
||||||
|
#error-alert img {
|
||||||
|
float: left;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
#error-alert p {
|
||||||
|
padding-left: 40px;
|
||||||
|
font-size: .8em;
|
||||||
|
line-height: 1.3em;
|
||||||
|
color: #a12424;
|
||||||
|
padding-top: 5px;
|
||||||
|
}
|
||||||
|
#login-form label {
|
||||||
|
display: block;
|
||||||
|
color: #5e6363;
|
||||||
|
padding-top: 0;
|
||||||
|
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;
|
||||||
|
background: #fff;
|
||||||
|
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, .5);
|
||||||
|
background-color: rgba(57, 138, 172, .1);
|
||||||
|
}
|
||||||
|
#login-form p.submit {
|
||||||
|
width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-left: 38px;
|
||||||
|
}
|
||||||
|
#login-form p.submit-password {
|
||||||
|
height: 40px;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-left: 38px;
|
||||||
|
}
|
||||||
|
#login-form input.checkbox-remember-me {
|
||||||
|
float: left;
|
||||||
|
height: 14px;
|
||||||
|
width: 14px;
|
||||||
|
color: #5e6363;
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 33px;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
#login-form label.label-remember-me {
|
||||||
|
display: block;
|
||||||
|
float: right;
|
||||||
|
color: #5e6363;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
p.request-account {
|
||||||
|
width: 219px;
|
||||||
|
clear: both;
|
||||||
|
float: left;
|
||||||
|
margin-left: 38px;
|
||||||
|
margin-top: 10px;
|
||||||
|
padding-top: 20px;
|
||||||
|
border-top: 1px solid #e8ece9;
|
||||||
|
}
|
||||||
|
p.password-note {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #949696;
|
||||||
|
padding-left: 38px;
|
||||||
|
}
|
||||||
|
#flash-message {
|
||||||
|
border: 1px dotted #E2C822;
|
||||||
|
background-color: #FFF9D7;
|
||||||
|
padding: .5em;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
#welcome-message {
|
||||||
|
border: 1px dotted #E2C822;
|
||||||
|
background-color: #FFF9D7;
|
||||||
|
padding: .25em;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
#welcome-msg-container {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
margin-top: -10px;
|
||||||
|
margin-right:-10px;
|
||||||
|
height:34px;
|
||||||
|
}
|
||||||
|
p.external-auth {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
p.external-auth a.blue,
|
||||||
|
p.external-auth a.blue:visited {
|
||||||
|
background-color: #398AAC;
|
||||||
|
width: 180px;
|
||||||
|
margin-bottom: 17px;
|
||||||
|
line-height: 1.3em;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
p.external-auth a.blue:hover {
|
||||||
|
background-color: #58A2C1;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
24
webapp/src/main/webapp/themes/tenderfoot/css/page-menu.css
Normal file
24
webapp/src/main/webapp/themes/tenderfoot/css/page-menu.css
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
#menupage-intro {
|
||||||
|
width: 920px;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
#menupage-intro h2 {
|
||||||
|
font-size: 1.375em;
|
||||||
|
color: #064d68;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
#menupage-intro.people h2 {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
#menupage-content.people {
|
||||||
|
border-right: 1px solid #e8ece9;
|
||||||
|
}
|
||||||
|
#menupage-content {
|
||||||
|
width: 900px;
|
||||||
|
}
|
||||||
|
#menupage-content h3 {
|
||||||
|
font-size: 1.5em;
|
||||||
|
color: #002b44;
|
||||||
|
font-weight: normal;
|
||||||
|
border-bottom: 1px solid #f3f3f4;
|
||||||
|
}
|
||||||
|
|
@ -19,6 +19,13 @@ VIVO tenderfoot theme: screen styles
|
||||||
@import url("../bootstrap/css/bootstrap.min.css");
|
@import url("../bootstrap/css/bootstrap.min.css");
|
||||||
@import url("../bootstrap/css/bootstrap-theme.min.css");
|
@import url("../bootstrap/css/bootstrap-theme.min.css");
|
||||||
@import url("reset.css");
|
@import url("reset.css");
|
||||||
@import url("individual-tenderfoot.css");
|
|
||||||
@import url("tenderfoot.css");
|
@import url("tenderfoot.css");
|
||||||
|
@import url("edit.css");
|
||||||
|
@import url("page-admin.css");
|
||||||
|
@import url("page-browse.css");
|
||||||
|
@import url("page-home.css");
|
||||||
|
@import url("page-imageupload.css");
|
||||||
|
@import url("page-individual.css");
|
||||||
|
@import url("page-login.css");
|
||||||
|
@import url("page-menu.css");
|
||||||
@import url("https://fonts.googleapis.com/css?family=Noto+Sans");
|
@import url("https://fonts.googleapis.com/css?family=Noto+Sans");
|
||||||
|
|
|
||||||
|
|
@ -246,69 +246,35 @@ h1.vivo-logo a {
|
||||||
left: -9999px;
|
left: -9999px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
h2 {
|
||||||
#individual-hasResearchArea a {
|
padding: 10px 0 12px 0;
|
||||||
font-size: 13px;
|
margin: 0;
|
||||||
background: transparent;
|
|
||||||
border: 1px solid #337ab7;
|
|
||||||
color: #337ab7;
|
|
||||||
font-weight: 400;
|
|
||||||
transition: all 0.5s;
|
|
||||||
padding: .2em .6em .3em;
|
|
||||||
border-top-left-radius: 4px;
|
|
||||||
border-top-right-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#individual-hasResearchArea a:hover {
|
|
||||||
background: #337ab7;
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#individual-intro h1 {
|
|
||||||
font-size: 1.375em;
|
font-size: 1.375em;
|
||||||
|
color: #064d68;
|
||||||
|
line-height: 1.5em;
|
||||||
|
}
|
||||||
|
h2 a {
|
||||||
color: #2485ae;
|
color: #2485ae;
|
||||||
float: left;
|
|
||||||
}
|
}
|
||||||
|
h2 a:link,
|
||||||
#individual-intro #iconControlsRightSide {
|
h2 a:visited {
|
||||||
float: right;
|
text-decoration: underline;
|
||||||
background-color: #fff;
|
|
||||||
margin-right: 10px;
|
|
||||||
padding-top: 4px;
|
|
||||||
padding-left: 4px;
|
|
||||||
padding-right: 4px;
|
|
||||||
}
|
}
|
||||||
|
h3 {
|
||||||
#individual-intro span.display-title {
|
padding: 10px 0 12px 0;
|
||||||
padding-left: 10px;
|
margin: 0;
|
||||||
margin-left: 10px;
|
font-size: 1.125em;
|
||||||
|
color: #064d68;
|
||||||
}
|
}
|
||||||
|
h4 {
|
||||||
#individual-intro span.display-title, h1.fn .display-title {
|
padding: 10px 0 12px 0;
|
||||||
font-size: .825em;
|
margin: 0;
|
||||||
border-left: 1px solid #a6b1b0;
|
font-size: 1em;
|
||||||
}
|
color: #064d68;
|
||||||
|
|
||||||
ul#individual-hasResearchArea li,
|
|
||||||
ul#individual-facultyMemberships li {
|
|
||||||
float: left;
|
|
||||||
padding-right: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
border-right: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.jumbotron {
|
|
||||||
background-color: transparent;
|
|
||||||
color: #ffffff;
|
|
||||||
text-align: center;
|
|
||||||
text-shadow: 1px 1px 4px #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.jumbotron p {
|
|
||||||
color: #dddddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero {
|
|
||||||
background: #283a4b;
|
|
||||||
}
|
}
|
||||||
|
h5 {
|
||||||
|
padding: 10px 0 12px 0;
|
||||||
|
margin: 0;
|
||||||
|
font-size: .875em;
|
||||||
|
color: #064d68;
|
||||||
|
}
|
||||||
|
|
@ -102,9 +102,9 @@
|
||||||
<!-- List of research classes: e.g., articles, books, collections, conference papers -->
|
<!-- List of research classes: e.g., articles, books, collections, conference papers -->
|
||||||
<div class="row research-count">
|
<div class="row research-count">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="col-md-6">
|
<!-- div class="col-md-6">
|
||||||
</div>
|
</div -->
|
||||||
<div class="col-md-6">
|
<div class="col-md-12">
|
||||||
<!-- Statistical information relating to property groups and their classes; displayed horizontally, not vertically-->
|
<!-- Statistical information relating to property groups and their classes; displayed horizontally, not vertically-->
|
||||||
<@lh.allClassGroups vClassGroups! />
|
<@lh.allClassGroups vClassGroups! />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue