Difference between revisions of "Template:Stanford-Brown/CSS"
Tpullinger (Talk | contribs) |
Tpullinger (Talk | contribs) |
||
| (61 intermediate revisions by the same user not shown) | |||
| Line 253: | Line 253: | ||
} | } | ||
| + | .colorboxtitle{ | ||
| + | color: white; | ||
| + | padding-left 10px; | ||
| + | margin: 0px; | ||
| + | } | ||
/*image grid setup: index*/ | /*image grid setup: index*/ | ||
.row.row1{ | .row.row1{ | ||
margin-top:0px; | margin-top:0px; | ||
| − | padding-top: | + | padding-top:10px; |
| − | padding-bottom: | + | padding-bottom: 0px; |
| + | background-color: #e94b4c; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | |||
} | } | ||
| + | .colorbox{ | ||
| + | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | ||
| + | border:2px solid #dceaff; | ||
| + | margin-left: -30px; | ||
| + | margin-right: -30px; | ||
| + | margin-bottom: 25px; | ||
| + | } | ||
| + | |||
.row.row2{ | .row.row2{ | ||
margin-top:0px; | margin-top:0px; | ||
| − | padding-top: | + | padding-top:10px; |
| − | padding-bottom: | + | padding-bottom: 0px; |
| + | background-color: #71a742; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
} | } | ||
| + | |||
| + | .row.rowdouble{ | ||
| + | margin-top:0px; | ||
| + | padding-top: 0px; | ||
| + | padding-bottom: 0px; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | } | ||
| + | |||
| + | .row.rowmini{ | ||
| + | margin-top:0px; | ||
| + | padding-top: 0px; | ||
| + | padding-bottom: 0px; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | } | ||
| + | |||
| + | .row3{ | ||
| + | margin-top:0px; | ||
| + | padding-top:0px; | ||
| + | padding-bottom: 0px; | ||
| + | background-color: #88c2e9; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | } | ||
| + | |||
| + | .row4{ | ||
| + | margin-top:0px; | ||
| + | padding-top:0px; | ||
| + | padding-bottom: 0px; | ||
| + | background-color: #ffd231; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | } | ||
| + | |||
.homeimage{ | .homeimage{ | ||
| − | width: | + | width: 60%; |
| − | margin-left: | + | margin-left: 20%; /*margin-left + (-)margin-right + max-width = 100% */ |
| − | margin-right: - | + | margin-right: -20%; /*if margin-left = margin-right, will be centered*/ |
| + | margin-top: 10px; | ||
| + | margin-bottom: 0px; | ||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | ||
border-radius:250px; | border-radius:250px; | ||
border:1px solid #dceaff; | border:1px solid #dceaff; | ||
} | } | ||
| + | |||
.homeimage:active{ | .homeimage:active{ | ||
| − | width: | + | width: 60%; |
| + | margin-left: 20%; /*margin-left + (-)margin-right + max-width = 100% */ | ||
| + | margin-right: -20%; /*if margin-left = margin-right, will be centered*/ | ||
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8); | box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8); | ||
| + | } | ||
| + | |||
| + | .homeimage2{ | ||
| + | width: 44%; | ||
| + | margin-left: 28%; /*margin-left + (-)margin-right + max-width = 100% */ | ||
| + | margin-right: -28%; /*if margin-left = margin-right, will be centered*/ | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 0px; | ||
| + | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | ||
| + | border-radius:250px; | ||
| + | border:1px solid #dceaff; | ||
| + | } | ||
| + | |||
| + | .homeimage2:active{ | ||
| + | width: 44%; | ||
| + | margin-left: 28%; /*margin-left + (-)margin-right + max-width = 100% */ | ||
| + | margin-right: -28%; /*if margin-left = margin-right, will be centered*/ | ||
| + | box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8); | ||
| + | } | ||
| + | |||
| + | .homeimage3{ | ||
| + | width: 26%; | ||
| + | margin-left: 37%; /*margin-left + (-)margin-right + max-width = 100% */ | ||
| + | margin-right: -37%; /*if margin-left = margin-right, will be centered*/ | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 0px; | ||
| + | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | ||
| + | border-radius:250px; | ||
| + | border:1px solid #dceaff; | ||
| + | } | ||
| + | |||
| + | .homeimage3:active{ | ||
| + | width: 26%; | ||
| + | margin-left: 37%; /*margin-left + (-)margin-right + max-width = 100% */ | ||
| + | margin-right: -37%; /*if margin-left = margin-right, will be centered*/ | ||
| + | box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8); | ||
| + | } | ||
| + | |||
| + | .buttonlabel{ | ||
| + | text-align: center; | ||
| + | color: white; | ||
| + | } | ||
| + | |||
| + | .bronze{ | ||
| + | color: #e27227; | ||
| + | } | ||
| + | |||
| + | .silver{ | ||
| + | color: #bababa; | ||
| + | } | ||
| + | |||
| + | .gold{ | ||
| + | color: #d8b525; | ||
| + | } | ||
| + | |||
| + | .bronze:visited{ | ||
| + | color: #e27227; | ||
| + | } | ||
| + | |||
| + | .silver:visited{ | ||
| + | color: #bababa; | ||
| + | } | ||
| + | |||
| + | .gold:visited{ | ||
| + | color: #d8b525; | ||
| + | } | ||
| + | |||
| + | .bronze:hover{ | ||
| + | color: #e27227; | ||
| + | } | ||
| + | |||
| + | .silver:hover{ | ||
| + | color: #bababa; | ||
| + | } | ||
| + | |||
| + | .gold:hover{ | ||
| + | color: #d8b525; | ||
} | } | ||
/*col containing page title: index */ | /*col containing page title: index */ | ||
.col-PT{ | .col-PT{ | ||
| − | padding-top: | + | padding-top: 0px; |
| + | margin-top: 0px; | ||
| + | font-family: Avenir; | ||
} | } | ||
| + | .noHead{ | ||
| + | margin-top: 80px; | ||
| + | } | ||
| + | . | ||
.row.rowT{ | .row.rowT{ | ||
padding: 0px; | padding: 0px; | ||
margin-top: 0px; | margin-top: 0px; | ||
| + | font-family: Avenir; | ||
} | } | ||
| Line 303: | Line 447: | ||
text-align:justify; | text-align:justify; | ||
font-size: 20px; | font-size: 20px; | ||
| − | padding-bottom: | + | padding-bottom: 10px; |
padding-left: 50px; | padding-left: 50px; | ||
padding-right: 50px; | padding-right: 50px; | ||
| Line 319: | Line 463: | ||
color: #243142; /*dark blue-grey*/ | color: #243142; /*dark blue-grey*/ | ||
} | } | ||
| + | |||
| + | .references{ | ||
| + | font-family: Avenir; | ||
| + | max-width: 100%; | ||
| + | text-align:justify; | ||
| + | font-size: 16px; | ||
| + | padding-bottom: 20px; | ||
| + | padding-left: 50px; | ||
| + | padding-right: 50px; | ||
| + | color: #243142; /*dark blue-grey*/ | ||
| + | } | ||
| + | |||
/*collab*/ | /*collab*/ | ||
| Line 357: | Line 513: | ||
.img-R{ | .img-R{ | ||
max-width: 100%; | max-width: 100%; | ||
| − | margin-bottom: | + | margin-bottom: 10px; |
} | } | ||
/*collab*/ | /*collab*/ | ||
.img-L{ | .img-L{ | ||
max-width: 100%; | max-width: 100%; | ||
| − | margin-bottom: | + | margin-bottom: 10px; |
| + | } | ||
| + | |||
| + | .fig{ | ||
| + | font-family: Avenir; | ||
| + | max-width: 100%; | ||
| + | text-align:justify; | ||
| + | font-size: 14px; | ||
| + | margin-bottom: 20px; | ||
} | } | ||
| Line 371: | Line 535: | ||
.sectionTitle-L { | .sectionTitle-L { | ||
| + | font-family: Avenir; | ||
max-width:100%; | max-width:100%; | ||
color:#4f6ac5; /*dark blue*/ | color:#4f6ac5; /*dark blue*/ | ||
text-align:left; | text-align:left; | ||
font-weight: lighter; | font-weight: lighter; | ||
| − | font-size: 3. | + | font-size: 3.1em; |
| − | margin-top: | + | margin-top: 0px; |
} | } | ||
| + | |||
| + | |||
/*collab*/ | /*collab*/ | ||
.sectionTitle-R { | .sectionTitle-R { | ||
| + | font-family: Avenir; | ||
max-width:100%; | max-width:100%; | ||
color:#4f6ac5; /*dark blue*/ | color:#4f6ac5; /*dark blue*/ | ||
text-align:right; | text-align:right; | ||
font-weight: lighter; | font-weight: lighter; | ||
| − | font-size: 3. | + | font-size: 3.1em; |
| + | } | ||
| + | |||
| + | .short{ | ||
| + | width: 70%; | ||
| + | margin-left: 15%; | ||
| + | margin-right: -15%; | ||
| + | } | ||
| + | .subHead { | ||
| + | max-width:100%; | ||
| + | color:#4f6ac5; /*dark blue*/ | ||
| + | text-align:left; | ||
| + | font-size: 2.4em; | ||
| + | margin-top: 0px; | ||
} | } | ||
| Line 456: | Line 637: | ||
display: inline-block; | display: inline-block; | ||
padding: 0px; | padding: 0px; | ||
| + | } | ||
| + | |||
| + | .vid{ | ||
| + | width:100%; | ||
} | } | ||
.videotitleimg{ | .videotitleimg{ | ||
width: 50%; | width: 50%; | ||
| − | margin-top: - | + | margin-top: -466px; |
padding: 0px; | padding: 0px; | ||
display: inline-block; | display: inline-block; | ||
| Line 510: | Line 695: | ||
body { | body { | ||
margin: 0; | margin: 0; | ||
| + | font-family: Avenir; | ||
} | } | ||
a:focus { | a:focus { | ||
Latest revision as of 01:40, 20 October 2016
