litvinovg/vitro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NIHVIVO-1979: Made stylesheets syntax consistent across the app.

Browse source
This commit is contained in:
mb863 2011-02-02 02:58:37 +00:00
parent 9caa5c437c
commit c324ab3151
12 changed files with 103 additions and 133 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
webapp/web/css/admin.css
View file

@ -1,13 +1,12 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */ /* $This file is distributed under the terms of the license in /doc/license.txt$ */
/*** Admin Dashboard ***/ /* Admin Dashboard */
#adminDashboard { #adminDashboard {
margin-top: 1em; margin-top: 1em;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
} }
#adminDashboard .pageBodyGroup { #adminDashboard .pageBodyGroup {
float: left; float: left;
clear: right; clear: right;
@ -17,31 +16,25 @@
margin-bottom: 1em; margin-bottom: 1em;
padding: 0 1em; padding: 0 1em;
} }
#adminDashboard .pageBodyGroup h4 { #adminDashboard .pageBodyGroup h4 {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #666; color: #666;
} }
#adminDashboard .pageBodyGroup h3 { #adminDashboard .pageBodyGroup h3 {
background-color: #efefef; background-color: #efefef;
color: #000; color: #000;
padding: 5px; padding: 5px;
} }
#adminDashboard .pageBodyGroup ul { #adminDashboard .pageBodyGroup ul {
margin: 0 0 1em 0.3em; margin: 0 0 1em 0.3em;
} }
#adminDashboard .pageBodyGroup li { #adminDashboard .pageBodyGroup li {
list-style-type: none; list-style-type: none;
} }
#adminDashboard #verbosePropertyForm { #adminDashboard #verbosePropertyForm {
margin-top: 3em; margin-top: 3em;
} }
#adminDashboard .add-action-button { #adminDashboard .add-action-button {
margin-top: .75em; margin-top: .75em;
} }

1
webapp/web/css/browseClassGroups.css
View file

@ -116,7 +116,6 @@ svg text {
font-family: inherit !important; font-family: inherit !important;
font-size: 12px !important; font-size: 12px !important;
color: #5E6363 !important; color: #5E6363 !important;
/* display: none;*/
} }
svg rect { svg rect {
cursor: pointer; cursor: pointer;

1
webapp/web/css/browseIndex.css
View file

@ -1,4 +1,5 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */ /* $This file is distributed under the terms of the license in /doc/license.txt$ */
/* browseIndex.css contains styles used in the Index pages. */ /* browseIndex.css contains styles used in the Index pages. */
/* INDIVIDUAL LIST ------> */ /* INDIVIDUAL LIST ------> */

7
webapp/web/css/dump.css
View file

@ -8,21 +8,18 @@
padding: 1em 0; padding: 1em 0;
margin: 1em 0; margin: 1em 0;
} }
.dump li { .dump li {
list-style-type: none; list-style-type: none;
} }
.dump.directive h6 { .dump.directive h6 {
margin-top: 1em; margin-top: 1em;
} }
.dump.datamodel .var,
.dump.datamodel .var, .dump.datamodel .directive { .dump.datamodel .directive {
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
padding: 1em 0; padding: 1em 0;
margin: 1em 0; margin: 1em 0;
} }
.dump .var p { .dump .var p {
margin-bottom: .3em; margin-bottom: .3em;
} }

42
webapp/web/css/edit.css
View file

@ -1,6 +1,6 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */ /* $This file is distributed under the terms of the license in /doc/license.txt$ */
label{ label {
display: block; display: block;
margin-top: .5em; margin-top: .5em;
} }
@ -8,18 +8,17 @@ label.inline {
display: inline; display: inline;
font-weight: normal; font-weight: normal;
} }
input.block{ input.block {
display: block; display: block;
} }
textarea{ textarea {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
/* mb863-reference: vivo-basic/css/formedit.css*/
form { form {
padding-bottom: 20px; padding-bottom: 20px;
} }
.form p { .form p {
margin-bottom:0.5em; margin-bottom: .5em;
} }
form textarea { form textarea {
width: 60%; width: 60%;
@ -32,7 +31,7 @@ form a:hover.cancel, form a:active.cancel {
color: #fff; color: #fff;
background: #f70; background: #f70;
} }
form select option{ form select option {
padding-right: 5px; padding-right: 5px;
} }
form dl { form dl {
@ -55,7 +54,6 @@ p.submit {
clear: left; clear: left;
margin-top: 2em; margin-top: 2em;
} }
/* mb863-reference:vivo-basic/css/edit.css*/
.buttonForm { .buttonForm {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -75,7 +73,6 @@ p.submit {
padding-bottom: 1em; padding-bottom: 1em;
color: #444444; color: #444444;
line-height: 16px; line-height: 16px;
/*background-color: #eee; cals+vivo themes were: #dddddd; */
background-color: #fff background-color: #fff
min-height: 100px; min-height: 100px;
font-size: 0.9em; font-size: 0.9em;
@ -84,10 +81,10 @@ p.submit {
text-align: left; text-align: left;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: black; border-color: #000;
border-collapse: separate; border-collapse: separate;
} }
.editingForm td{ .editingForm td {
padding: 2px 2px 2px 2px; padding: 2px 2px 2px 2px;
font-size: 1em; font-size: 1em;
} }
@ -101,20 +98,20 @@ td.verticalfieldlabel {
background-color: #f8f8c8; background-color: #f8f8c8;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: black; border-color: #000;
} }
.editingForm .entryFormHead h2{ .editingForm .entryFormHead h2 {
margin: 0.1em; margin: 0.1em;
padding : 0em; padding : 0em;
font-size: 1.4em; font-size: 1.4em;
color: black; color: #000;
} }
.editingForm .entryFormHead h3{ .editingForm .entryFormHead h3 {
margin: 0.1em; margin: 0.1em;
padding: 0; padding: 0;
font-size: 1.2em; font-size: 1.2em;
font-weight: 600; /* cals theme was: 650 */ font-weight: 600; /* cals theme was: 650 */
color: red; color: #f00;
} }
.editingForm .entryFormHead .entryFormHeadInstructions { .editingForm .entryFormHead .entryFormHeadInstructions {
margin: 0em; margin: 0em;
@ -128,7 +125,7 @@ td.verticalfieldlabel {
font-size: 10px; font-size: 10px;
border-width: 1px; border-width: 1px;
} }
.editingForm .form-button{ .editingForm .form-button {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em; font-size: 1em;
margin-top: 2px; margin-top: 2px;
@ -178,7 +175,7 @@ table.form-background td form {
background-color: #E05550; background-color: #E05550;
} }
.form-background.property { .form-background.property {
background-color : #A8F0A0; background-color: #A8F0A0;
} }
.form-table-head { .form-table-head {
background-color: #ccf; background-color: #ccf;
@ -189,13 +186,13 @@ table.form-background td form {
margin-top: 2px; margin-top: 2px;
} }
.navlinkblock { .navlinkblock {
color: #000; /*#4B0082;*/ color: #000;
font-family: Verdana,Arial, Helvetica, sans-serif; font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
font-weight: normal; font-weight: normal;
margin-top: 1px; margin-top: 1px;
margin-bottom: 1px; margin-bottom: 1px;
padding-top : 1px; padding-top: 1px;
padding-bottom: 4px; padding-bottom: 4px;
} }
td.editformcell { td.editformcell {
@ -238,7 +235,7 @@ td.editformcell select {
} }
.rownumheader { .rownumheader {
background-color: #B0C4DE; background-color: #B0C4DE;
color: black; color: #000;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
@ -246,7 +243,7 @@ td.editformcell select {
} }
.headercenter { .headercenter {
background-color: #9370DB; background-color: #9370DB;
color: black; color: #000;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-size: 10pt;
font-style: normal; font-style: normal;
@ -338,17 +335,14 @@ div.sparqlform label {
display: inline; display: inline;
font-weight: normal; font-weight: normal;
} }
div.sparqlform div { div.sparqlform div {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
div.sparqlform .parenthetical { div.sparqlform .parenthetical {
font-style: italic; font-style: italic;
margin-top: 0; margin-top: 0;
margin-bottom: .25em; margin-bottom: .25em;
} }
/* Temporary hack to remove stuff from forms in vivoweb only */ /* Temporary hack to remove stuff from forms in vivoweb only */
.hideFromVivoWeb { .hideFromVivoWeb {
display: none; display: none;

3
webapp/web/css/individual/individual.css
View file

@ -1,8 +1,5 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */ /* $This file is distributed under the terms of the license in /doc/license.txt$ */
@charset "UTF-8";
/* CSS Document */
/* ADMIN PANEL------> */ /* ADMIN PANEL------> */
#admin { #admin {
font-size: .8em; font-size: .8em;

8
webapp/web/css/login.css
View file

@ -5,10 +5,10 @@
#login-form label, #login-form label,
#login-form input.text, #login-form input.text,
#login-form #password, #login-form #password,
#login-form #confirmPassword{ #login-form #confirmPassword {
display: block; display: block;
} }
#login-form label.label-remember-me{ #login-form label.label-remember-me {
display: block; display: block;
} }
#login-form p.submit { #login-form p.submit {
@ -44,7 +44,7 @@ p.request-account {
margin-top: 1em; margin-top: 1em;
text-align: center; text-align: center;
} }
.or-auth{ .or-auth {
margin-left: 135px; margin-left: 135px;
width: 30px; width: 30px;
height: 30px; height: 30px;
@ -55,7 +55,7 @@ p.request-account {
color: #fff; color: #fff;
font-size: .8em; font-size: .8em;
} }
h3.internal-auth{ h3.internal-auth {
margin-left: 38px; margin-left: 38px;
color: #5F6464; color: #5F6464;
font-size: 1em; font-size: 1em;

16
webapp/web/css/menupage/menupage.css
View file

@ -1,8 +1,5 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */ /* $This file is distributed under the terms of the license in /doc/license.txt$ */
@charset "UTF-8";
/* CSS Document */
/* VISUAL GRAPH-----> */ /* VISUAL GRAPH-----> */
#menupage-intro { #menupage-intro {
clear: both; clear: both;
@ -108,7 +105,7 @@ ul#find-filters a {
} }
#researchers p { #researchers p {
padding: 17px 15px 15px 175px; padding: 17px 15px 15px 175px;
line-height: 1.5; line-height: 1.5em;
} }
#researchers-slider { #researchers-slider {
clear: both; clear: both;
@ -242,7 +239,7 @@ li.individual img {
} }
li.individual h1 { li.individual h1 {
padding: 0; padding: 0;
line-height: 1.2; line-height: 1.2em;
font-weight: bold; font-weight: bold;
} }
li.individual h1.thumb { li.individual h1.thumb {
@ -250,19 +247,19 @@ li.individual h1.thumb {
} }
#individuals-in-class span.title { #individuals-in-class span.title {
display: block; display: block;
margin: 0.8em 0 0 0; margin: .8em 0 0 0;
font-size: 0.8em; font-size: .8em;
line-height: 1; line-height: 1;
} }
#individuals-in-class span.org { #individuals-in-class span.org {
display: block; display: block;
} }
nav.pagination { nav.pagination {
margin: 0.3em 0 0 1.4em; margin: .3em 0 0 1.4em;
} }
nav.pagination h3 { nav.pagination h3 {
display: inline; display: inline;
margin: 0 0.3em 0 0; margin: 0 .3em 0 0;
padding: 0; padding: 0;
font-size: 1.1em; font-size: 1.1em;
color: #666; color: #666;
@ -273,7 +270,6 @@ nav.pagination ul {
nav.pagination li { nav.pagination li {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
/* padding: 0.1em 0.6em;*/
border: none; border: none;
} }
nav.pagination li.selected { nav.pagination li.selected {

38
webapp/web/css/revision.css
View file

@ -2,31 +2,31 @@
/* Styles for Freemarker template revisionInfo */ /* Styles for Freemarker template revisionInfo */
#revision-build-date{ #revision-build-date {
width:475px; width: 475px;
float:right; float: right;
border-left:1px solid #DFE6E6; border-left: 1px solid #DFE6E6;
padding-left:35px; padding-left: 35px;
height:200px; height: 200px;
} }
#revision-levels{ #revision-levels {
width:375px; width: 375px;
float:left; float: left;
} }
#revision-levels caption{ #revision-levels caption {
padding: 10px 0 12px 0; padding: 10px 0 12px 0;
margin:0; margin: 0;
font-size: 18px; font-size: 18px;
color: #2485ae; color: #2485ae;
text-align: left; text-align: left;
} }
#revision-levels th{ #revision-levels th {
font-weight:bold; font-weight: bold;
padding:15px 20px 15px 20px; padding: 15px 20px 15px 20px;
border:1px solid #DFE6E6; border: 1px solid #DFE6E6;
} }
#revision-levels td{ #revision-levels td {
padding:8px 20px 8px 20px; padding: 8px 20px 8px 20px;
border:1px solid #DFE6E6; border: 1px solid #DFE6E6;
text-align:center; text-align: center;
} }

2
webapp/web/css/search.css
View file

@ -10,7 +10,7 @@
.searchTOC { .searchTOC {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
/**Search results */ /* Search results */
.searchhits li { .searchhits li {
margin-top: 1em; margin-top: 1em;
} }

48
webapp/web/css/uploadImages.css
View file

@ -1,20 +1,20 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */ /* $This file is distributed under the terms of the license in /doc/license.txt$ */
/* <------ UPLOAD PICTURE*/ /* <------ UPLOAD PICTURE*/
#photoUpload{ #photoUpload {
margin-left: 0px; margin-left: 0;
height: 280px; height: 280px;
background: #fff; background: #fff;
padding: 15px; padding: 15px;
} }
#photoUploadDefaultImage{ #photoUploadDefaultImage {
width: 130px; width: 130px;
float: left; float: left;
} }
#photoUploadDefaultImage img{ #photoUploadDefaultImage img {
margin-bottom: 10px; margin-bottom: 10px;
} }
#photoUploadForm{ #photoUploadForm {
width: 280px; width: 280px;
float: left; float: left;
padding-left: 25px; padding-left: 25px;
@ -23,33 +23,33 @@
padding-top: 15px; padding-top: 15px;
padding-bottom: 25px; padding-bottom: 25px;
} }
#photoUploadForm label{ #photoUploadForm label {
display: block; display: block;
padding-bottom: 10px; padding-bottom: 10px;
} }
#photoUploadForm label span{ #photoUploadForm label span {
font-size: 0.7em; font-size: .7em;
} }
#photoUploadForm input{ #photoUploadForm input {
margin-bottom: 10px; margin-bottom: 10px;
} }
/* <------ CROP PICTURE*/ /* <------ CROP PICTURE*/
#photoCropping{ #photoCropping {
margin-left: 0px; margin-left: 0;
height: 450px; height: 450px;
background: #fff; background: #fff;
padding: 15px 0 15px 15px; padding: 15px 0 15px 15px;
margin-right: 0; margin-right: 0;
} }
#photoCroppingPreview{ #photoCroppingPreview {
width: 180px; width: 180px;
float: left; float: left;
} }
.photoCroppingNote{ .photoCroppingNote {
margin-top: 15px; margin-top: 15px;
font-size: 0.8em; font-size: .8em;
} }
#photoCropping{ #photoCropping {
width: 400px; width: 400px;
float: left; float: left;
padding-top: 30px; padding-top: 30px;
@ -57,37 +57,37 @@
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
.photoCroppedPreview{ .photoCroppedPreview {
width: 115px; width: 115px;
height: 115px; height: 115px;
overflow: hidden; overflow: hidden;
} }
/* <------ DELETE PICTURE*/ /* <------ DELETE PICTURE*/
#photoDeletingContainer{ #photoDeletingContainer {
margin-left: 0px; margin-left: 0;
width: 720px; width: 720px;
height: 330px; height: 330px;
background: #fff; background: #fff;
padding: 15px; padding: 15px;
} }
/* <------ ERROR ALERTS*/ /* <------ ERROR ALERTS*/
#error-alert{ #error-alert {
color: #900; color: #900;
padding: 0px; padding: 0;
margin-bottom: 5px; margin-bottom: 5px;
height: 30px; height: 30px;
} }
#error-alert img{ #error-alert img {
float: left; float: left;
margin: 0; margin: 0;
padding: 0; padding: 0;
vertical-align: middle; vertical-align: middle;
} }
#error-alert p{ #error-alert p {
padding-left: 35px; padding-left: 35px;
font-size: 0.9em; font-size: .9em;
line-height: 30px; line-height: 30px;
} }
.or{ .or {
display: inline; display: inline;
} }

23
webapp/web/css/vitro.css
View file

@ -13,22 +13,15 @@
2011-01-13 2011-01-13
*****************************************/ *****************************************/
/************************ /* <------ MISCELLANEOUS*/
Miscellaneous
************************/
.clear { .clear {
clear: both; clear: both;
} }
.hidden { .hidden {
display: none !important; display: none !important;
} }
/* <------ USER FEEDBACK*/
/************************ #error-alert {
User feedback
************************/
#error-alert{
color: #900; color: #900;
padding: 10px; padding: 10px;
margin-bottom: 5px; margin-bottom: 5px;
@ -42,15 +35,15 @@ User feedback
} }
#error-alert p { #error-alert p {
padding-left: 30px; padding-left: 30px;
font-size: 0.9em; font-size: .9em;
line-height: 30px; line-height: 30px;
} }
#error-alert p.login-alert { #error-alert p.login-alert {
padding-top: 0px; padding-top: 0;
} }
#confirmation-alert { #confirmation-alert {
color: #169f43; color: #169f43;
padding: 0px; padding: 0;
margin-bottom: 5px; margin-bottom: 5px;
height: 30px; height: 30px;
} }
@ -62,11 +55,11 @@ User feedback
} }
#confirmation-alert p { #confirmation-alert p {
padding-left: 30px; padding-left: 30px;
font-size: 0.9em; font-size: .9em;
line-height: 30px; line-height: 30px;
} }
#flash-message{ #flash-message{
background-color: #7285a0; background-color: #7285a0;
padding: 0.5em; padding: .5em;
margin-bottom: 10px; margin-bottom: 10px;
} }