Difference between revisions of "Template:Stanford-Brown/CSS"

 
(47 intermediate revisions by the same user not shown)
Line 266: Line 266:
 
margin-left: 0px;
 
margin-left: 0px;
 
margin-right: 0px;
 
margin-right: 0px;
 +
 
}
 
}
 
.colorbox{
 
.colorbox{
Line 272: Line 273:
 
margin-left: -30px;
 
margin-left: -30px;
 
margin-right: -30px;
 
margin-right: -30px;
 +
margin-bottom: 25px;
 
}
 
}
 +
 
.row.row2{
 
.row.row2{
 +
margin-top:0px;
 +
padding-top:10px;
 +
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;
 
margin-top:0px;
 
padding-top:0px;
 
padding-top:0px;
 
padding-bottom: 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: 60%;
 
width: 60%;
Line 288: Line 329:
 
border:1px solid #dceaff;
 
border:1px solid #dceaff;
 
}
 
}
 +
 
.homeimage:active{
 
.homeimage:active{
−
width: 64%;
+
width: 60%;
−
margin-left: 18%; /*margin-left + (-)margin-right + max-width = 100% */
+
margin-left: 20%; /*margin-left + (-)margin-right + max-width = 100% */
−
margin-right: -18%; /*if margin-left = margin-right, will be centered*/
+
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{
 
.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 302: Line 417:
 
.col-PT{
 
.col-PT{
 
         padding-top: 0px;
 
         padding-top: 0px;
 +
margin-top: 0px;
 +
font-family: Avenir;
 
}
 
}
  
 
.noHead{
 
.noHead{
−
margin-top: 60px;
+
margin-top: 80px;
 
}
 
}
−
 
+
.
 
.row.rowT{
 
.row.rowT{
 
padding: 0px;
 
padding: 0px;
 
margin-top: 0px;
 
margin-top: 0px;
 +
font-family: Avenir;
 
}
 
}
  
Line 329: Line 447:
 
text-align:justify;
 
text-align:justify;
 
font-size: 20px;
 
font-size: 20px;
−
padding-bottom: 20px;
+
padding-bottom: 10px;
 
padding-left: 50px;
 
padding-left: 50px;
 
padding-right: 50px;
 
padding-right: 50px;
Line 345: 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 383: Line 513:
 
.img-R{
 
.img-R{
 
max-width: 100%;
 
max-width: 100%;
−
margin-bottom: 22px;
+
margin-bottom: 10px;
 
}
 
}
 
/*collab*/
 
/*collab*/
 
.img-L{
 
.img-L{
 
max-width: 100%;
 
max-width: 100%;
−
margin-bottom: 22px;
+
margin-bottom: 10px;
 +
}
 +
 
 +
.fig{
 +
font-family: Avenir;
 +
max-width: 100%;
 +
text-align:justify;
 +
font-size: 14px;
 +
margin-bottom: 20px;
 
}
 
}
  
Line 397: 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.5em;
+
font-size: 3.1em;
−
margin-top: 15px;
+
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.5em;
+
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 482: Line 637:
 
display: inline-block;
 
display: inline-block;
 
padding: 0px;
 
padding: 0px;
 +
}
 +
 +
.vid{
 +
width:100%;
 
}
 
}
  
 
.videotitleimg{
 
.videotitleimg{
 
width: 50%;
 
width: 50%;
−
margin-top: -463px;
+
margin-top: -466px;
 
padding: 0px;
 
padding: 0px;
 
display: inline-block;
 
display: inline-block;
Line 536: Line 695:
 
body {
 
body {
 
   margin: 0;
 
   margin: 0;
 +
font-family: Avenir;
 
}
 
}
 
a:focus {
 
a:focus {

Latest revision as of 01:40, 20 October 2016