Difference between revisions of "Template:Stanford-Brown/CSS"
Tpullinger (Talk | contribs) |
Tpullinger (Talk | contribs) |
||
| (34 intermediate revisions by the same user not shown) | |||
| Line 273: | Line 273: | ||
margin-left: -30px; | margin-left: -30px; | ||
margin-right: -30px; | margin-right: -30px; | ||
| − | margin-bottom: | + | margin-bottom: 25px; |
} | } | ||
| Line 329: | Line 329: | ||
border:1px solid #dceaff; | border:1px solid #dceaff; | ||
} | } | ||
| + | |||
.homeimage:active{ | .homeimage:active{ | ||
width: 60%; | width: 60%; | ||
| Line 335: | Line 336: | ||
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{ | .buttonlabel{ | ||
text-align: center; | text-align: center; | ||
color: white; | 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; | ||
} | } | ||
| Line 343: | Line 417: | ||
.col-PT{ | .col-PT{ | ||
padding-top: 0px; | padding-top: 0px; | ||
| + | margin-top: 0px; | ||
| + | font-family: Avenir; | ||
} | } | ||
.noHead{ | .noHead{ | ||
| − | margin-top: | + | margin-top: 80px; |
} | } | ||
| − | + | . | |
.row.rowT{ | .row.rowT{ | ||
padding: 0px; | padding: 0px; | ||
margin-top: 0px; | margin-top: 0px; | ||
| + | font-family: Avenir; | ||
} | } | ||
| Line 370: | 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 442: | Line 519: | ||
max-width: 100%; | max-width: 100%; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
| + | } | ||
| + | |||
| + | .fig{ | ||
| + | font-family: Avenir; | ||
| + | max-width: 100%; | ||
| + | text-align:justify; | ||
| + | font-size: 14px; | ||
| + | margin-bottom: 20px; | ||
} | } | ||
| Line 450: | 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 535: | 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 589: | Line 695: | ||
body { | body { | ||
margin: 0; | margin: 0; | ||
| + | font-family: Avenir; | ||
} | } | ||
a:focus { | a:focus { | ||
Latest revision as of 01:40, 20 October 2016
