VIVO-201: removed some css redundancies

This commit is contained in:
Tim Worrall 2014-09-22 12:58:52 -04:00
parent b89dba1982
commit 8516955979
17 changed files with 199 additions and 544 deletions

View file

@ -29,12 +29,17 @@ body {
body { body {
background: #fff url(../images/header-background.gif) center 0 repeat-x; background: #fff url(../images/header-background.gif) center 0 repeat-x;
} }
a:hover {
text-decoration: none;
}
a { a {
color: #47B6D0; color: #47B6D0;
} }
a:hover,
h2 a:hover,
h2 a:active,
ul#header-nav a:link,
ul#header-nav a:visited,
.pagination.menupage li a {
text-decoration: none;
}
em { em {
font-style: italic; font-style: italic;
} }
@ -53,10 +58,6 @@ h2 a:link,
h2 a:visited { h2 a:visited {
text-decoration: underline; text-decoration: underline;
} }
h2 a:hover,
h2 a:active {
text-decoration: none;
}
h3 { h3 {
padding: 10px 0 12px 0; padding: 10px 0 12px 0;
margin: 0; margin: 0;
@ -135,9 +136,6 @@ input.form-button:visited {
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
} }
#verbose-mode span {
color: #888C8C;
}
#verbose-mode b { #verbose-mode b {
color: #595B5B; color: #595B5B;
} }
@ -187,7 +185,8 @@ input.delete:active,
input#delete:active, input#delete:active,
input.submit:active, input.submit:active,
input#submit:active, input#submit:active,
input.form-button:active { input.form-button:active,
.button:active {
top: 1px; top: 1px;
} }
form textarea { form textarea {
@ -242,9 +241,6 @@ p.submit {
background-color: #f1f2ee; background-color: #f1f2ee;
border-color: #dfe6e6; border-color: #dfe6e6;
} }
.editingForm .entryFormHead h2 {
color: #5F6464;
}
.form-item { .form-item {
margin-top:.3em; margin-top:.3em;
background-color: #fff; background-color: #fff;
@ -254,12 +250,6 @@ p.submit {
color: #595B5B; color: #595B5B;
padding: .3em; padding: .3em;
} }
.navlinkblock {
color: #5F6464;
}
.header {
color: #5F6464;
}
.database_header { .database_header {
background-color: #f1f2ee; background-color: #f1f2ee;
color: #47B6D0; color: #47B6D0;
@ -274,7 +264,8 @@ p.submit {
color: #5F6464; color: #5F6464;
font-size: 1em; font-size: 1em;
} }
.rownumheader { .rownumheader,
.rownum {
background-color: #F1F2EE; background-color: #F1F2EE;
color: #5F6464; color: #5F6464;
font-size: 1em; font-size: 1em;
@ -294,9 +285,7 @@ p.submit {
background-color: #f7f9f9; background-color: #f7f9f9;
font-size: 1em; font-size: 1em;
} }
.postheadercenter { .postheadercenter,
font-size: 1em;
}
.postheaderright { .postheaderright {
font-size: 1em; font-size: 1em;
} }
@ -326,11 +315,6 @@ p.submit {
font-size: 10pt; /*1em;*/ font-size: 10pt; /*1em;*/
line-height: 2em; line-height: 2em;
} }
.rownum {
background-color: #F1F2EE;
color: #5F6464;
font-size: 1em;
}
.form-background { .form-background {
background-color: #fff; background-color: #fff;
} }
@ -377,7 +361,11 @@ form select {
border: 1px dotted #FFD324; border: 1px dotted #FFD324;
} }
a.ingestMenu:link, a.ingestMenu:link,
a.ingestMenu:visited { a.ingestMenu:visited,
ul#alpha-browse-individuals a,
ul#browse-classes a,
ul#find-filters a,
ul#vgraph-classes a {
text-decoration: none; text-decoration: none;
color: #5E6363; color: #5E6363;
} }
@ -423,9 +411,6 @@ hr.formDivider {
margin-top: 15px; margin-top: 15px;
opacity: 0.3; opacity: 0.3;
} }
tr.editformcell td select {
font-size: .8em;
}
.editingForm table { .editingForm table {
width: 100%; width: 100%;
border: none; border: none;
@ -472,21 +457,11 @@ ul#header-nav li {
font-size: .7em; font-size: .7em;
color: #fff; color: #fff;
} }
ul#header-nav li.last {
border-right: none;
}
ul#header-nav li:last-child { ul#header-nav li:last-child {
padding-left: 1px; padding-left: 1px;
padding-right: 0; padding-right: 0;
border-right: none; border-right: none;
} }
ul#header-nav a {
color: #fff;
}
ul#header-nav a:link,
ul#header-nav a:visited {
text-decoration: none
}
ul#header-nav a:hover, ul#header-nav a:hover,
ul#header-nav a:active { ul#header-nav a:active {
text-decoration: none; text-decoration: none;
@ -555,13 +530,10 @@ ul#main-nav {
color: #706a66; color: #706a66;
text-decoration: none; text-decoration: none;
} }
#main-nav li a:hover { #main-nav li a:hover,
color: #002b44;
background: url(../images/rollover-nav.gif) left bottom repeat-x;
}
#main-nav li a.selected { #main-nav li a.selected {
color: #002b44;
background: url(../images/rollover-nav.gif) left bottom repeat-x; background: url(../images/rollover-nav.gif) left bottom repeat-x;
color: #002b44;
} }
/* WRAPPER CONTENT------> */ /* WRAPPER CONTENT------> */
#wrapper-content { #wrapper-content {
@ -598,7 +570,14 @@ body.loggedIn #intro {
line-height: 1.3em; line-height: 1.3em;
padding: 0 24px 0 24px; padding: 0 24px 0 24px;
} }
#intro a { #intro a,
#terms h3,
#revision-build-date h3,
#visual-graph h5
.blue,
.green,
p.forgot-password a,
h3.internal-auth:hover {
color: #47B6D0 color: #47B6D0
} }
/* LOG IN------> */ /* LOG IN------> */
@ -622,12 +601,6 @@ body.login #login {
padding-top: 18px; padding-top: 18px;
border-bottom: none; border-bottom: none;
} }
h3.internal-auth {
color: #5E6363;
}
h3.internal-auth:hover {
color: #47B6D0;
}
#error-alert { #error-alert {
margin: 0 12px; margin: 0 12px;
margin-bottom: 12px; margin-bottom: 12px;
@ -710,9 +683,6 @@ p.forgot-password {
padding-top: 1.2em; padding-top: 1.2em;
padding-bottom: 1.2em; padding-bottom: 1.2em;
} }
p.forgot-password a {
color: #47B6D0;
}
p.request-account { p.request-account {
width: 219px; width: 219px;
clear: both; clear: both;
@ -722,9 +692,6 @@ p.request-account {
padding-top: 20px; padding-top: 20px;
border-top: 1px solid #e8ece9; border-top: 1px solid #e8ece9;
} }
p.request-account a {
color: #fff;
}
p.password-note { p.password-note {
font-size: 12px; font-size: 12px;
color: #949696; color: #949696;
@ -785,7 +752,12 @@ input.search-homepage {
padding-left: 0; padding-left: 0;
margin-left: 0; margin-left: 0;
} }
#filter-search-nav a.active { #filter-search-nav a.active,
#stats p,
p.request-account a,
ul#header-nav a,
ul#browse-classgroups a.selected span.count-classes,
ul#browse-classgroups a:hover span.count-classes {
color: #fff; color: #fff;
} }
#filter-search-nav a { #filter-search-nav a {
@ -813,16 +785,8 @@ ul#browse-classgroups {
ul#browse-classgroups li { ul#browse-classgroups li {
border-bottom: 1px solid #bbbbb9; border-bottom: 1px solid #bbbbb9;
} }
ul#browse-classgroups a:hover { ul#browse-classgroups a:hover,
background-image: none; ul#browse-classgroups a.selected,
color: #fff;
background-color: #7c7a77;
}
ul#browse-classgroups a.selected {
color: #fff;
background-image: none;
background-color: #7c7a77;
}
ul#classes-in-classgroup a:hover { ul#classes-in-classgroup a:hover {
background-image: none; background-image: none;
color: #fff; color: #fff;
@ -832,9 +796,6 @@ ul#classes-in-classgroup a.selected {
color: #fff; color: #fff;
background-image: none; background-image: none;
} }
#visual-graph h5 {
color: #47B6D0;
}
svg text:hover { svg text:hover {
color: #2EA0CF; color: #2EA0CF;
} }
@ -848,18 +809,13 @@ p.view-all {
a.view-all-style { a.view-all-style {
color: #303e4e color: #303e4e
} }
ul#browse-classgroups a.selected span.count-classes,
ul#browse-classgroups a:hover span.count-classes {
color: #fff;
}
/* HOME STATS-----> */ /* HOME STATS-----> */
#home-stats { #home-stats {
border-top: 1px dotted #dbe3e3; /* stroke */ border-top: 1px dotted #dbe3e3; /* stroke */
border-bottom: 1px dotted #dbe3e3; /* stroke */ border-bottom: 1px dotted #dbe3e3; /* stroke */
background-color: #fff; /* layer fill content */ background-color: #fff; /* layer fill content */
} }
#home-stats h4 { .home-sections h4 {
border-top: 1px solid rgba(220,228,227,.42); /* stroke */ border-top: 1px solid rgba(220,228,227,.42); /* stroke */
border-bottom: 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: #395d7f; /* layer fill content */
@ -876,9 +832,6 @@ ul#browse-classgroups a:hover span.count-classes {
background: #5e6363 url(../images/stats-bg.png) repeat-x 0 0; background: #5e6363 url(../images/stats-bg.png) repeat-x 0 0;
color: #fff; color: #fff;
} }
#stats p {
color: #fff;
}
#stats li a:hover { #stats li a:hover {
opacity: .5; opacity: .5;
} }
@ -919,33 +872,26 @@ ul#footer-nav li {
padding-right: 10px; padding-right: 10px;
border-right: 1px solid #c9c8c8; border-right: 1px solid #c9c8c8;
} }
ul#footer-nav li:last-child { ul#footer-nav li:last-child,
border-right: none ul#header-nav li.last,
ul#individual-hasResearchArea li:last-child {
border-right: none;
} }
#footer-nav a { #footer-nav a {
color: #4e5051 color: #4e5051
} }
#footer-nav a:hover { #footer-nav a:hover,
color: #09C; a.terms,
text-decoration: none;
}
a.terms {
color: #09C;
text-decoration: none;
}
a.terms:hover {
color: #4e5051;
text-decoration: none;
}
a.powered-by-vitro { a.powered-by-vitro {
color: #09C; color: #09C;
text-decoration: none; text-decoration: none;
} }
a.terms:hover,
a.powered-by-vitro:hover { a.powered-by-vitro:hover {
color: #4e5051; color: #4e5051;
text-decoration: none; text-decoration: none;
} }
p{ p {
margin-bottom: 1.3em; margin-bottom: 1.3em;
} }
@ -968,15 +914,6 @@ p{
background-color: #111; background-color: #111;
color: #fff; color: #fff;
} }
.button:active {
top: 1px;
}
.blue {
color: #47B6D0;
}
.green {
color: #47b6d0;
}
.small.button, .small.button,
.small.button:visited { .small.button:visited {
font-size: 11px font-size: 11px
@ -1033,6 +970,7 @@ p{
/* -------------------------------------------------> */ /* -------------------------------------------------> */
/* VISUAL GRAPH------> */ /* VISUAL GRAPH------> */
.property-group,
#menupage-intro { #menupage-intro {
width: 920px; width: 920px;
background: #fff; background: #fff;
@ -1062,25 +1000,11 @@ p{
color: #47B6D0; color: #47B6D0;
font-weight: normal; font-weight: normal;
} }
ul#vgraph-classes li { ul#vgraph-classes a.selected,
border-bottom: 1px solid #dde4e3;
font-size: 1em;
}
ul#vgraph-classes a {
color: #5e6363;
text-decoration: none;
}
ul#vgraph-classes a:hover { ul#vgraph-classes a:hover {
background: url(../images/arrow.gif) 0 10px no-repeat; background: url(../images/arrow.gif) 0 10px no-repeat;
color: #2ea0cf; color: #2ea0cf;
} }
ul#vgraph-classes a.selected {
color: #2ea0cf;
background: url(../images/arrow.gif) 0 10px no-repeat;
}
ul#vgraph-classes .count-classes {
font-size: .75em;
}
/* FIND BY ------> */ /* FIND BY ------> */
#find-by { #find-by {
border: 1px solid #e4eae9; border: 1px solid #e4eae9;
@ -1090,17 +1014,10 @@ ul#vgraph-classes .count-classes {
color: #47B6D0; color: #47B6D0;
font-weight: normal; font-weight: normal;
} }
ul#find-filters a { ul#find-filters a:hover,
color: #5e6363;
text-decoration: none;
}
ul#find-filters a:hover {
background: url(../images/arrow.gif) 0 6px no-repeat;
color: #2ea0cf;
}
ul#find-filters a.selected { ul#find-filters a.selected {
color: #2ea0cf;
background: url(../images/arrow.gif) 0 6px no-repeat; background: url(../images/arrow.gif) 0 6px no-repeat;
color: #2ea0cf;
} }
/* RESEARCHERS ------> */ /* RESEARCHERS ------> */
#researchers { #researchers {
@ -1158,39 +1075,20 @@ ul#browse-classes {
border-right: 0; border-right: 0;
background-color: #f1f2ee; background-color: #f1f2ee;
} }
ul#browse-classes li { ul#browse-classes li,
ul#vgraph-classes li {
border-bottom: 1px solid #dde4e3; border-bottom: 1px solid #dde4e3;
font-size: 1em; font-size: 1em;
} }
ul#browse-classes a { ul#browse-classes a:hover,
color: #5e6363;
text-decoration: none;
}
ul#browse-classes a:hover {
background: url(../images/arrow.gif) 4px 5px no-repeat;
color: #2ea0cf;
}
ul#browse-classes a.selected { ul#browse-classes a.selected {
color: #2ea0cf;
background: url(../images/arrow.gif) 4px 5px no-repeat; background: url(../images/arrow.gif) 4px 5px no-repeat;
color: #2ea0cf;
} }
ul#browse-classes .count-classes { ul#browse-classes .count-classes {
font-size: 12px; font-size: 12px;
} }
/* ALPHA BROWSE------> */ /* ALPHA BROWSE------> */
ul#alpha-browse-individuals {
border: 1px solid #dde4e3;
background-color: #fff;
border-left: 1px solid #dde4e3;
border-bottom: none;
}
ul#alpha-browse-individuals li {
font-size: .8em;
}
ul#alpha-browse-individuals a {
color: #5e6363;
text-decoration: none;
}
ul#alpha-browse-individuals a:hover { ul#alpha-browse-individuals a:hover {
background: url(../images/arrowSmall.gif) -3px 7px no-repeat; background: url(../images/arrowSmall.gif) -3px 7px no-repeat;
color: #2ea0cf; color: #2ea0cf;
@ -1201,12 +1099,17 @@ ul#alpha-browse-individuals a.selected {
margin-right: 3px; margin-right: 3px;
margin-left: 5px; margin-left: 5px;
} }
ul#alpha-browse-individuals .count-classes { ul#alpha-browse-individuals .count-classes,
ul#vgraph-classes .count-classes {
font-size: .75em; font-size: .75em;
} }
.alphaIndex { .alphaIndex,
.pagination.menupage,
tr.editformcell td select,
ul#alpha-browse-individuals li {
font-size: .8em; font-size: .8em;
} }
ul#alpha-browse-individuals,
nav#alpha-browse-container { nav#alpha-browse-container {
border: 1px solid #dde4e3; border: 1px solid #dde4e3;
background-color: #fff; background-color: #fff;
@ -1228,19 +1131,12 @@ ul#alpha-browse-individuals {
#individuals-in-class li img { #individuals-in-class li img {
border: 2px solid #dde4e3; border: 2px solid #dde4e3;
} }
#individuals-in-class li h1 { #individuals-in-class li h1,
#property-group-menu ul,
article.property ul.property-list {
color: #5e6363; color: #5e6363;
font-size: 1em; font-size: 1em;
} }
.pagination.menupage {
font-size: .8em;
}
.pagination.menupage li.selected {
color: #5e6363;
}
.pagination.menupage li a {
text-decoration: none;
}
.pagination.menupage li a:hover { .pagination.menupage li a:hover {
background: #5e6363; background: #5e6363;
} }
@ -1286,7 +1182,8 @@ ul#alpha-browse-individuals {
background: #47B6D0; background: #47B6D0;
color: #fff; color: #fff;
} }
#admin .uri-link { #admin .uri-link,
#verbose-mode span {
color: #888c8c; color: #888c8c;
} }
#admin a { #admin a {
@ -1300,10 +1197,11 @@ ul#alpha-browse-individuals {
font-size: 1.375em; font-size: 1.375em;
color: #47B6D0; color: #47B6D0;
} }
#individual-intro span.display-title { #individual-intro span.display-title,
h1.fn .display-title {
font-size: .825em; font-size: .825em;
color: #5e6363; color: #5e6363;
border-left: 1px solid #A6B1B0; border-left: 1px solid #a6b1b0;
} }
ul#individual-tools { ul#individual-tools {
color: #8AA149; color: #8AA149;
@ -1312,12 +1210,6 @@ ul#individual-tools li{
float: left; float: left;
padding-right: .5em; padding-right: .5em;
} }
#individual-intro ul.individual-urls li a {
color: #47B6D0;
}
h2#mainImage, #share-contact h2 {
color: #5E6363;
}
/* INDIVIDUAL INTRO - LEFT SIDE CONTENT ------> */ /* INDIVIDUAL INTRO - LEFT SIDE CONTENT ------> */
img.individual-photo { img.individual-photo {
border: 7px solid #ebebeb; border: 7px solid #ebebeb;
@ -1326,19 +1218,14 @@ ul#individual-tools-people {
border-bottom: 1px solid #e8ece9; border-bottom: 1px solid #e8ece9;
color: #47b6d0; color: #47b6d0;
} }
ul#individual-tools-people li a {
color: #47b6d0;
}
ul#individual-tools { ul#individual-tools {
color: #8AA149 color: #8AA149
} }
ul#individual-tools li a { #share-contact a.email,
color: #47b6d0; #share-contact a.tel,
} .editingForm .entryFormHead h2,
#share-contact a.email { .header,
color: #5f6464; .navlinkblock {
}
#share-contact a.tel {
color: #5f6464; color: #5f6464;
} }
ul.individual-urls { ul.individual-urls {
@ -1359,17 +1246,17 @@ ul.individual-urls li {
font-size: .875em; font-size: .875em;
line-height: 1.6em; line-height: 1.6em;
} }
ul.individual-urls li a {
color: #47B6D0;
}
ul.individual-urls-people { ul.individual-urls-people {
list-style: url(../../../images/individual/arrow-grey.gif); list-style: url(../../../images/individual/arrow-grey.gif);
} }
ul.individual-urls-people li a {
color: #47B6D0;
}
/* INDIVIDUAL RIGHT CONTENT ------> */ /* INDIVIDUAL RIGHT CONTENT ------> */
#individual-info { #individual-info,
#property-group-menu a,
.grey,
.pagination.menupage li.selected,
h2#mainImage,
#share-contact h2,
h3.internal-auth {
color: #5e6363; color: #5e6363;
} }
#individual-info h1.fn { #individual-info h1.fn {
@ -1377,11 +1264,6 @@ ul.individual-urls-people li a {
color: #006279; color: #006279;
line-height: 1.3em; line-height: 1.3em;
} }
h1.fn .display-title {
font-size: .825em;
color: #5e6363;
border-left: 1px solid #a6b1b0;
}
#individual-info h2 { #individual-info h2 {
color: #5E6363; color: #5E6363;
font-size: 1em; font-size: 1em;
@ -1398,9 +1280,6 @@ ul#individual-personInPosition {
ul#individual-personInPosition li { ul#individual-personInPosition li {
line-height: 1.8em; line-height: 1.8em;
} }
ul#individual-personInPosition li a {
color: #47B6D0;
}
.individual-overview { .individual-overview {
font-size: 1em; font-size: 1em;
padding-right: 10px; padding-right: 10px;
@ -1413,18 +1292,18 @@ ul#individual-hasResearchArea {
ul#individual-hasResearchArea li { ul#individual-hasResearchArea li {
border-right: 1px solid #A6B1B0; border-right: 1px solid #A6B1B0;
} }
ul#individual-hasResearchArea li:last-child { ul#individual-hasResearchArea li a,
border-right: none; ul#individual-personInPosition li a,
} ul#individual-tools li a,
ul#individual-hasResearchArea li a { ul#individual-tools-people li a,
#individual-intro ul.individual-urls li a,
ul.individual-urls-people li a,
ul.individual-urls li a {
color: #47B6D0; color: #47B6D0;
} }
/* INDIVIDUAL VISUALIZATION ------> */ /* INDIVIDUAL VISUALIZATION ------> */
#visualization h3 { .publication-year-range,
font-size: 1.25em; p.view-all-coauthors {
color: #47B6D0;
}
.publication-year-range {
font-size: .875em; font-size: .875em;
} }
a.all-vivo-publications { a.all-vivo-publications {
@ -1441,28 +1320,19 @@ a.all-vivo-publications {
img.co-author { img.co-author {
border: 2px solid #ebebeb; border: 2px solid #ebebeb;
} }
#co-authors h3 { #co-authors h3,
#visualization h3 {
font-size: 1.25em; font-size: 1.25em;
color: #47B6D0; color: #47B6D0;
} }
p.view-all-coauthors {
font-size: .875em;
}
/* PROPERTY GROUP MENU ------> */ /* PROPERTY GROUP MENU ------> */
#property-group-menu { #property-group-menu {
width: 920px; width: 920px;
background: #f1f2ee; background: #f1f2ee;
} }
#property-group-menu ul {
color: #5e6363;
font-size: 1em;
}
#property-group-menu li { #property-group-menu li {
background: url(../../../images/individual/separator-property-group-nav.jpg) right 10px no-repeat; background: url(../../../images/individual/separator-property-group-nav.jpg) right 10px no-repeat;
} }
#property-group-menu a {
color: #5e6363;
}
#property-group-menu a:hover { #property-group-menu a:hover {
color: #002b44; color: #002b44;
} }
@ -1470,10 +1340,6 @@ p.view-all-coauthors {
background: none; background: none;
} }
/* PROPERTY GROUP ------> */ /* PROPERTY GROUP ------> */
.property-group {
width: 920px;
background: #fff;
}
section.property-group h2 { section.property-group h2 {
font-size: 1.25em; font-size: 1.25em;
color: #006279; color: #006279;
@ -1496,18 +1362,11 @@ article.property .data-property-statement {
font-size: 1em; font-size: 1em;
color: #5e6363; color: #5e6363;
} }
article.property ul.property-list {
font-size: 1em;
color: #5e6363;
}
article.property ul.property-list li a { article.property ul.property-list li a {
color: #47B6D0; color: #47B6D0;
line-height: 1.6em; line-height: 1.6em;
} }
/* MISCELLANEOUS ------> */ /* MISCELLANEOUS ------> */
.grey {
color: #5e6363;
}
.displace { .displace {
position: absolute; position: absolute;
left: -9999px; left: -9999px;
@ -1557,9 +1416,6 @@ a {
#revision-build-date { #revision-build-date {
border-left: 1px solid #DFE6E6; border-left: 1px solid #DFE6E6;
} }
#revision-build-date h3{
color: #47B6D0;
}
#revision-levels caption { #revision-levels caption {
font-size: 18px; font-size: 18px;
color: #47B6D0; color: #47B6D0;
@ -1571,14 +1427,6 @@ color: #47B6D0;
#revision-levels td { #revision-levels td {
border: 1px solid #DFE6E6; border: 1px solid #DFE6E6;
} }
/* -------------------------------------------------> */
/* STATIC PAGES -----------------------------------> */
/* -------------------------------------------------> */
#terms h3 {
color: #47B6D0;
}
/* -------------------------------------------------> */ /* -------------------------------------------------> */
/* IE message when JS is disabled -----------------> */ /* IE message when JS is disabled -----------------> */
/* -------------------------------------------------> */ /* -------------------------------------------------> */

View file

@ -10,46 +10,6 @@
padding: .5em; padding: .5em;
margin-bottom: 20px; margin-bottom: 20px;
} }
table#account {
table-layout: auto;
width: 930px;
text-align: left;
margin: 0 auto;
border-collapse: collapse;
empty-cells: show;
caption-side: top;
margin: 20px 0 20px 0;
}
table#account caption {
display: none;
}
table#account th {
background-color: #F7F9F9;
height: 40px;
color: #064D68;
padding-top: 7px;
border: 1px solid #d9e4ea;
border-bottom: none;
padding-left: 6px;
font-size: .9em;
}
table#account th {
text-align: left;
} /*Fix for IE8 and 9, force text in a cell to be aligned to the left*/
table#account td {
vertical-align: top;
padding: .5em;
border: 1px solid #d9e4ea;
font-size: .825em;
padding-top: .5em;
padding-bottom: .5em;
}
table#account td a {
word-wrap: break-word;
}
table#account tr:nth-child(2n) {
background-color: rgba(200, 200, 180,.25);
}
input#externalAuthChkBox { input#externalAuthChkBox {
height:18px; height:18px;
width:18px; width:18px;
@ -126,7 +86,8 @@ form.customForm p.note {
padding-bottom: 20px; padding-bottom: 20px;
padding-top: 5px; padding-top: 5px;
} }
#add-account p.note { #add-account p.note,
#passwordContainer {
margin-top: 20px; margin-top: 20px;
} }
#search-feedback { #search-feedback {
@ -136,8 +97,9 @@ form.customForm p.note {
#filter-roles span { #filter-roles span {
font-size: .8em; font-size: .8em;
} }
/* CREATE PASSWORD ------> */ /* CREATE/RESET PASSWORD ------> */
#create-password p.note { #create-password p.note,
#reset-password p.note {
margin-top: 0; margin-top: 0;
} }
/* EDIT ACCOUNT ------> */ /* EDIT ACCOUNT ------> */
@ -149,16 +111,13 @@ form.customForm p.note {
padding-bottom: 10px; padding-bottom: 10px;
} }
#my-account input#email-address, #my-account input#email-address,
#my-account input#new-password { #my-account input#new-password,
#search-proxy h4 {
margin-bottom: 0; margin-bottom: 0;
} }
section.account-feedback img { section.account-feedback img {
padding-right: 5px; padding-right: 5px;
} }
/* RESET PASSWORD ------> */
#reset-password p.note {
margin-top: 0;
}
/* ASSOCIATE PROFILE ------> */ /* ASSOCIATE PROFILE ------> */
.explanatoryText { .explanatoryText {
@ -170,19 +129,13 @@ padding-right: 5px;
line-height:15px; line-height:15px;
margin-top:-8px !important; margin-top:-8px !important;
} }
#associated { #associated,
float:right;
display:none;
}
#associated label {
margin-bottom: 10px;
}
#associationOptions { #associationOptions {
float:right; float:right;
display:none; display:none;
} }
#verifyProfileLink { #associated label {
margin-left:10px; margin-bottom: 10px;
} }
#externalAuthIdInUse { #externalAuthIdInUse {
color: #f70; color: #f70;
@ -263,20 +216,10 @@ form.customForm input[name="newPassword"],
form.customForm input[name="confirmPassword"] { form.customForm input[name="confirmPassword"] {
width: 10em; width: 10em;
} }
a.disable-delete {
padding-left: 24px;
}
#passwordContainer p.note { #passwordContainer p.note {
margin-top: -10px; margin-top: -10px;
padding-bottom: 5px; padding-bottom: 5px;
} }
#passwordContainer {
margin-top: 20px;
}
.disabledSubmit {
cursor: default ! important;
}
/* PROXY MY ACCOUNT'S PROFILE ------> */ /* PROXY MY ACCOUNT'S PROFILE ------> */
#edit-myProxy { #edit-myProxy {
float: right; float: right;
@ -311,21 +254,9 @@ a.disable-delete {
border-top: 1px solid #E0DFDF; border-top: 1px solid #E0DFDF;
padding-left: 0; padding-left: 0;
} }
#edit-myProxy img.photo-profile {
border: 2px solid #DDE4E3;
float: left;
}
#edit-myProxy p.proxy-info {
padding-left: 110px;
padding-top: 15px;
}
#edit-myProxy span.class-label { #edit-myProxy span.class-label {
color: #7F8993; color: #7F8993;
} }
#edit-myProxy a.remove-proxy {
font-size: .9em;
}
/* MANAGE PROXY ------> */ /* MANAGE PROXY ------> */
section.proxy-profile h4 { section.proxy-profile h4 {
@ -335,9 +266,7 @@ section.proxy-profile h4 {
#add-relation legend{ #add-relation legend{
display: none; display: none;
} }
.proxy-profile .acSelector { .proxy-profile .acSelector,
margin-left: 20px;
}
#add-relation label { #add-relation label {
margin-left: 20px; margin-left: 20px;
} }
@ -412,17 +341,14 @@ p.selected-editors {
border-top: 1px solid #E0DFDF; border-top: 1px solid #E0DFDF;
padding-left: 1.2em; padding-left: 1.2em;
} }
img.photo-profile,
img.photo-proxy { img.photo-proxy {
border: 2px solid #DDE4E3;
float: left;
}
img.photo-profile {
border: 1px solid #DDE4E3; border: 1px solid #DDE4E3;
float: left; float: left;
} }
#add-relation p.proxy-info, #add-relation p.proxy-info,
#list-relation p.proxy-info { #list-relation p.proxy-info,
#edit-myProxy p.proxy-info {
padding-left: 110px; padding-left: 110px;
padding-top: 15px; padding-top: 15px;
} }
@ -435,17 +361,12 @@ img.photo-profile {
span.class-label { span.class-label {
color: #7F8993; color: #7F8993;
} }
a.remove-proxy { a.remove-proxy,
font-size: .9em;
}
a.remove-proxyUri { a.remove-proxyUri {
font-size: .9em; font-size: .9em;
} }
h4.profile-editors,
a.remove-proxyUri { #verifyProfileLink {
font-size: .9em;
}
h4.profile-editors {
margin-left: 10px; margin-left: 10px;
} }
#search-proxy { #search-proxy {
@ -453,10 +374,6 @@ h4.profile-editors {
padding: 10px; padding: 10px;
padding-top: 20px; padding-top: 20px;
} }
#search-proxy h4 {
margin-bottom: 0;
}
#search-proxy p { #search-proxy p {
margin-top: .3em; margin-top: .3em;
font-size: .8em; font-size: .8em;
@ -480,6 +397,7 @@ img.loading-addProfile,
img.loading-profileMyAccoount { img.loading-profileMyAccoount {
padding-left: 10px; padding-left: 10px;
} }
span.unlinkedAccount { span.unlinkedAccount,
a.disable-delete {
padding-left:24px; padding-left:24px;
} }

View file

@ -15,11 +15,7 @@ table.classHierarchy {
table.classHierarchy td { table.classHierarchy td {
padding-left:6px; padding-left:6px;
} }
table.classHierarchy .classDetail { table.classHierarchy .classDetail,
width:90px;
color:#064D68;
white-space: nowrap;
}
td.classDetail { td.classDetail {
width:90px; width:90px;
color:#064D68; color:#064D68;

View file

@ -4,14 +4,16 @@ label {
display: block; display: block;
margin-top: .5em; margin-top: .5em;
} }
label.inline { label.inline,
div.sparqlform label {
display: inline; display: inline;
font-weight: normal; font-weight: normal;
} }
input.block { input.block {
display: block; display: block;
} }
textarea { textarea,
div.sparqlform div {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
form { form {
@ -44,9 +46,7 @@ form dl dt, form dl dd {
font-weight: bold; font-weight: bold;
color: #cc0000; color: #cc0000;
} }
.inlineForm input { .inlineForm input,
display: inline;
}
.inlineForm label { .inlineForm label {
display: inline; display: inline;
} }
@ -205,14 +205,8 @@ td.editformcell {
td.editformcell select { td.editformcell select {
margin: 0; margin: 0;
} }
.header { .header,
background-color: #B0C4DE; .database_upperleftcorner,
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
}
.database_header { .database_header {
background-color: #B0C4DE; background-color: #B0C4DE;
color: #000; color: #000;
@ -221,22 +215,7 @@ td.editformcell select {
font-style: normal; font-style: normal;
text-align: left; text-align: left;
} }
.database_upperleftcorner { .database_upperleftcenter,
background-color: #B0C4DE;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
}
.database_upperleftcenter {
background-color: #B0C4DE;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: center;
}
.rownumheader { .rownumheader {
background-color: #B0C4DE; background-color: #B0C4DE;
color: #000; color: #000;
@ -253,14 +232,7 @@ td.editformcell select {
font-style: normal; font-style: normal;
text-align: center; text-align: center;
} }
.postheader { .postheader,
background-color: #E6E6FA;
color: #777;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
text-align: left;
}
.database_postheader { .database_postheader {
background-color: #E6E6FA; background-color: #E6E6FA;
color: #777; color: #777;
@ -335,13 +307,6 @@ span.entityRelationsSpan {
color: #2E440C; color: #2E440C;
text-align: center; text-align: center;
} }
div.sparqlform label {
display: inline;
font-weight: normal;
}
div.sparqlform div {
margin-bottom: 1.5em;
}
div.sparqlform .parenthetical { div.sparqlform .parenthetical {
font-style: italic; font-style: italic;
margin-top: 0; margin-top: 0;

View file

@ -210,9 +210,6 @@ article.property ul.subclass-property-list li {
padding-right: 1px; padding-right: 1px;
vertical-align: middle; vertical-align: middle;
} }
.delete-individual {
vertical-align: middle;
}
.edit-mainImage { .edit-mainImage {
position: absolute; position: absolute;
background: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6);
@ -232,7 +229,8 @@ a.edit-mainImage img.edit-individual {
background: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.6);
padding: 0 6px 0 8px; padding: 0 6px 0 8px;
} }
.middle { .middle,
.delete-individual {
vertical-align: middle; vertical-align: middle;
} }
a.more-less { a.more-less {
@ -293,10 +291,7 @@ ul.tinyMCEDisc {
ol.tinyMCENumeric { ol.tinyMCENumeric {
list-style-type: decimal; list-style-type: decimal;
} }
ul.tinyMCEDisc li { ul.tinyMCEDisc li,
padding: 0 !important;
margin-left: 30px;
}
ol.tinyMCENumeric li { ol.tinyMCENumeric li {
padding: 0 !important; padding: 0 !important;
margin-left: 30px; margin-left: 30px;

View file

@ -5,12 +5,11 @@
#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,
#login-form label.label-remember-me,
#vivoAccountError {
display: block; display: block;
} }
#login-form label.label-remember-me {
display: block;
}
#login-form p.submit { #login-form p.submit {
float: left; float: left;
margin-bottom: 0; margin-bottom: 0;
@ -72,9 +71,6 @@ h3.internal-auth {
.vivoAccount { .vivoAccount {
display: none; display: none;
} }
#vivoAccountError {
display: block;
}
.formFieldAlert { .formFieldAlert {
border: 2px solid #900; border: 2px solid #900;
} }

View file

@ -7,7 +7,9 @@
display:none; display:none;
} }
#add-menu-item p, #add-menu-item p,
#edit-menu-item p { #edit-menu-item p,
#existingContentType,
#selectContentType label {
margin-top: 15px; margin-top: 15px;
} }
#add-menu-item input[name="prettyUrl"], #add-menu-item input[name="prettyUrl"],
@ -18,12 +20,6 @@
#edit-menu-item p.note { #edit-menu-item p.note {
margin-top: 5px; margin-top: 5px;
} }
#existingContentType {
margin-top: 15px;
}
#selectContentType label {
margin-top: 15px;
}
#selectedContentTypeValue { #selectedContentTypeValue {
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
background: #f4f4f4; background: #f4f4f4;

View file

@ -33,9 +33,6 @@ ul#vgraph-classes li {
height: 35px; height: 35px;
line-height: 35px; line-height: 35px;
} }
ul#vgraph-classes li:last-child {
border-bottom: 0;
}
ul#vgraph-classes a { ul#vgraph-classes a {
display: block; display: block;
padding-left: 15px; padding-left: 15px;
@ -123,9 +120,6 @@ ul#find-filters a {
height: 115px; height: 115px;
float: left; float: left;
} }
#profile-photo-display ul {
display: block;
}
#profile-photo-display li { #profile-photo-display li {
display: block; display: block;
width: 90px; width: 90px;
@ -181,9 +175,6 @@ ul#browse-classes li {
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
} }
ul#browse-classes li:last-child {
border-bottom: 0;
}
ul#browse-classes a { ul#browse-classes a {
display: block; display: block;
padding-left: 20px; padding-left: 20px;
@ -203,7 +194,9 @@ ul#alpha-browse-individuals li {
ul#alpha-browse-individuals li:first-child { ul#alpha-browse-individuals li:first-child {
padding-left: 1px; padding-left: 1px;
} }
ul#alpha-browse-individuals li:last-child { ul#alpha-browse-individuals li:last-child,
ul#vgraph-classes li:last-child,
ul#browse-classes li:last-child {
border-bottom: 0; border-bottom: 0;
} }
ul#alpha-browse-individuals a { ul#alpha-browse-individuals a {
@ -258,7 +251,8 @@ li.individual h1.thumb {
font-size: .8em; font-size: .8em;
line-height: 1; line-height: 1;
} }
#individuals-in-class span.org { #individuals-in-class span.org,
#profile-photo-display ul {
display: block; display: block;
} }
ul.mostSpecificTypes li { ul.mostSpecificTypes li {

View file

@ -5,49 +5,9 @@
height:18px; height:18px;
background: url("../../images/checkMark.png") no-repeat left center; background: url("../../images/checkMark.png") no-repeat left center;
} }
table#pageList {
table-layout: auto;
width: 930px;
text-align: left;
margin: 0 auto;
border-collapse: collapse;
empty-cells: show;
caption-side: top;
margin: 20px 0 20px 0;
}
table#pageList caption {
display: none;
}
table#pageList th {
background-color: #F7F9F9;
height: 40px;
color: #064D68;
padding-top: 7px;
border: 1px solid #d9e4ea;
border-bottom: none;
padding-left: 6px;
font-size: .9em;
}
table#pageList th {
text-align: left;
} /*Fix for IE8 and 9, force text in a cell to be aligned to the left*/
th#isMenuPage { th#isMenuPage {
width: 86px; width: 86px;
} }
th#iconColumns { th#iconColumns {
width: 90px; width: 90px;
}
table#pageList td {
vertical-align: top;
padding: .5em;
border: 1px solid #d9e4ea;
font-size: .825em;
padding-top: .5em;
padding-bottom: .5em;
}
table#pageList td a {
word-wrap: break-word;
}
table#pageList tr:nth-child(2n) {
background-color: rgba(200, 200, 180,.25);
} }

View file

@ -144,8 +144,3 @@ form#managePage textarea {
margin-bottom: .8em; margin-bottom: .8em;
width: 65%; width: 65%;
} }
.disabledSubmit {
color: #ede ! important;
background-color: #b2d15a ! important;
cursor: default ! important;
}

View file

@ -2,15 +2,12 @@
/* Search form styles */ /* Search form styles */
/* Search form */
.advancedSearchForm .form-button {
margin-top: 1em
}
/* Class and subclass refinement links */ /* Class and subclass refinement links */
.searchTOC { .searchTOC {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
/* Search results */ /* Search results */
.advancedSearchForm .form-button,
.searchhits li { .searchhits li {
margin-top: 1em; margin-top: 1em;
} }

View file

@ -77,12 +77,6 @@
margin-bottom: 5px; margin-bottom: 5px;
height: 30px; height: 30px;
} }
#error-alert img {
float: left;
margin: 0;
padding: 0;
vertical-align: middle;
}
#error-alert p { #error-alert p {
padding-left: 35px; padding-left: 35px;
font-size: .9em; font-size: .9em;

View file

@ -20,6 +20,9 @@
.hidden { .hidden {
display: none !important; display: none !important;
} }
.disabledSubmit {
cursor:default ! important;
}
/* <------ USER FEEDBACK*/ /* <------ USER FEEDBACK*/
#error-alert { #error-alert {
color: #900; color: #900;
@ -27,13 +30,15 @@
margin-bottom: 5px; margin-bottom: 5px;
height: auto; height: auto;
} }
#error-alert img { #error-alert img,
#confirmation-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,
#confirmation-alert p {
padding-left: 30px; padding-left: 30px;
font-size: .9em; font-size: .9em;
line-height: 30px; line-height: 30px;
@ -47,17 +52,6 @@
margin-bottom: 5px; margin-bottom: 5px;
height: 30px; height: 30px;
} }
#confirmation-alert img {
float: left;
margin: 0;
padding: 0;
vertical-align: middle;
}
#confirmation-alert p {
padding-left: 30px;
font-size: .9em;
line-height: 30px;
}
#flash-message { #flash-message {
background-color: #7285a0; background-color: #7285a0;
padding: .5em; padding: .5em;
@ -166,12 +160,14 @@ a.close {
ul.dropdown { ul.dropdown {
position: relative; position: relative;
} }
ul.dropdown li { ul.dropdown li,
ul.language-dropdown li {
float: left; float: left;
zoom: 1; zoom: 1;
padding: 0 !important; padding: 0 !important;
} }
ul.dropdown li a { ul.dropdown li a,
ul.language-dropdown li a {
display: block; display: block;
font-size: 1.4em; font-size: 1.4em;
} }
@ -185,14 +181,18 @@ ul.dropdown li#user-menu a {
margin-left:10px; margin-left:10px;
} }
ul.dropdown li#user-menu.hover, ul.dropdown li#user-menu.hover,
ul.dropdown li#user-menu:hover { ul.dropdown li#user-menu:hover,
ul.language-dropdown li#language-menu.hover,
ul.language-dropdown li#language-menu:hover {
color: #000 !important; color: #000 !important;
position: relative; position: relative;
background: #fff url(../images/arrowDownAccount.gif) right 9px no-repeat; background: #fff url(../images/arrowDownAccount.gif) right 9px no-repeat;
border-bottom: 1px solid #cdcfcf; border-bottom: 1px solid #cdcfcf;
} }
ul.dropdown li.hover a, ul.dropdown li.hover a,
ul.dropdown li:hover a { ul.dropdown li:hover a,
ul.language-dropdown li.hover a,
ul.language-dropdown li:hover a {
color: #000 !important; color: #000 !important;
margin-left:10px; margin-left:10px;
} }
@ -253,15 +253,6 @@ ul.dropdown li:hover > ul {
ul.language-dropdown { ul.language-dropdown {
position: relative; position: relative;
} }
ul.language-dropdown li {
float: left;
zoom: 1;
padding: 0 !important;
}
ul.language-dropdown li a {
display: block;
font-size: 1.4em;
}
ul.language-dropdown li#language-menu { ul.language-dropdown li#language-menu {
background: url(../images/arrowDownOverAccount.gif) right 9px no-repeat; background: url(../images/arrowDownOverAccount.gif) right 9px no-repeat;
min-width:110px; min-width:110px;
@ -272,18 +263,6 @@ ul.language-dropdown li#language-menu a {
margin-right: 28px; margin-right: 28px;
margin-left:10px; margin-left:10px;
} }
ul.language-dropdown li#language-menu.hover,
ul.language-dropdown li#language-menu:hover {
color: #000 !important;
position: relative;
background: #fff url(../images/arrowDownAccount.gif) right 9px no-repeat;
border-bottom: 1px solid #cdcfcf;
}
ul.language-dropdown li.hover a,
ul.language-dropdown li:hover a {
color: #000 !important;
margin-left:10px;
}
/* LEVEL TWO */ /* LEVEL TWO */
ul.language-dropdown ul.sub_menu { ul.language-dropdown ul.sub_menu {
font-size: 1.4em; font-size: 1.4em;
@ -504,4 +483,40 @@ div .realperson-challenge {
div .realperson-text { div .realperson-text {
text-align: center; text-align: center;
} }
/* TABLE STYLES USED IN ACCOUNTS AND PAGE MANAGEMENT */
table#table-listing {
border-collapse: collapse;
caption-side: top;
empty-cells: show;
margin: 0 auto;
margin: 20px 0 20px 0;
table-layout: auto;
text-align: left;
width: 930px;
}
table#table-listing tr:nth-child(2n) {
background-color: rgba(200, 200, 180,.25);
}
table#table-listing caption {
display: none;
}
table#table-listing th {
background-color: #F7F9F9;
border-bottom: none;
border: 1px solid #d9e4ea;
color: #064D68;
font-size: .9em;
height: 40px;
padding-left: 6px;
padding-top: 7px;
text-align: left;
}
table#table-listing td {
border: 1px solid #d9e4ea;
font-size: .825em;
padding: .5em;
vertical-align: top;
}
table#table-listing td a {
word-wrap: break-word;
}

View file

@ -81,7 +81,7 @@
<form method="POST" action="${formUrls.list}" id="account-display" class="customForm" role="accounts display"> <form method="POST" action="${formUrls.list}" id="account-display" class="customForm" role="accounts display">
<@p.accountsNav /> <@p.accountsNav />
<table id="account"> <table id="table-listing">
<caption>${strings.account_management}</caption> <caption>${strings.account_management}</caption>
<thead> <thead>

View file

@ -7,7 +7,7 @@
<#if pages?has_content > <#if pages?has_content >
<table id="pageList" style="margin-bottom:2px"> <caption>${i18n().page_management}</caption> <table id="table-listing" style="margin-bottom:2px"> <caption>${i18n().page_management}</caption>
<thead> <thead>
<tr> <tr>

View file

@ -17,7 +17,8 @@ form.customForm div.addNewLink {
display: none; /* Hide if Javascript disabled. Javascript will show. */ display: none; /* Hide if Javascript disabled. Javascript will show. */
} }
form.customForm .existing span.requiredHint, form.customForm .existing span.requiredHint,
form.customForm .new span.requiredHint { form.customForm .new span.requiredHint,
#ie67DisableWrapper {
display: none; /* Hide if Javascript disabled. Javascript will show. */ display: none; /* Hide if Javascript disabled. Javascript will show. */
} }
form.customForm .existing { form.customForm .existing {
@ -34,7 +35,8 @@ form.customForm .existing {
width: 300px; width: 300px;
} }
form.customForm p.inline input, form.customForm p.inline input,
form.customForm p.inline label { form.customForm p.inline label,
form.customForm p.inline-search {
float: left; float: left;
clear: left; clear: left;
} }
@ -89,9 +91,6 @@ form.customForm textarea {
div.acSelection { div.acSelection {
margin-bottom: 15px; margin-bottom: 15px;
} }
#ie67DisableWrapper {
display: none;
}
form.customForm input.concept-search { form.customForm input.concept-search {
float: right; float: right;
margin-right: 1em; margin-right: 1em;
@ -102,23 +101,15 @@ form.customForm h4.services {
margin-bottom: -5px; margin-bottom: -5px;
margin-top: -12px; margin-top: -12px;
} }
form.customForm p.inline-search {
float: left;
clear: left;
}
form.customForm p.inline-search #searchTerm{ form.customForm p.inline-search #searchTerm{
margin-top: 6px; margin-top: 6px;
} }
/* <------ DATE TIME*/ /* <------ DATE TIME*/
form.customForm fieldset,
fieldset.dateTime label,
form.customForm label.dateTime { form.customForm label.dateTime {
display: inline; display: inline;
} }
form.customForm fieldset {
display: inline;
}
fieldset.dateTime label {
display: inline;
}
fieldset.dateTime select { fieldset.dateTime select {
margin-top: 0; margin-top: 0;
} }

View file

@ -28,9 +28,6 @@ form.customForm h4 {
background: none; background: none;
color: #000; color: #000;
} }
.disabledSubmit {
cursor: default ! important;
}
span.readOnly { span.readOnly {
color: #000; color: #000;
} }
@ -39,12 +36,10 @@ span.readOnly {
label.vniLabels { label.vniLabels {
padding-left: 50px; padding-left: 50px;
} }
input.vniInputs { input.vniInputs,
input.sepInputs {
margin-left: 57px; margin-left: 57px;
} }
label.sepLabels { label.sepLabels {
padding-left: 31px; padding-left: 31px;
} }
input.sepInputs {
margin-left: 57px;
}