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

 
(30 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: 15px;
+
margin-bottom: 25px;
 
}
 
}
  
Line 338: Line 338:
  
 
.homeimage2{
 
.homeimage2{
−
width: 40%;
+
width: 44%;
−
margin-left: 30%; /*margin-left + (-)margin-right + max-width = 100% */
+
margin-left: 28%; /*margin-left + (-)margin-right + max-width = 100% */
−
margin-right: -30%; /*if margin-left = margin-right, will be centered*/
+
margin-right: -28%; /*if margin-left = margin-right, will be centered*/
 
margin-top: 10px;
 
margin-top: 10px;
 
margin-bottom: 0px;
 
margin-bottom: 0px;
Line 349: Line 349:
  
 
.homeimage2:active{
 
.homeimage2:active{
−
width: 30%;
+
width: 44%;
−
margin-left: 35%; /*margin-left + (-)margin-right + max-width = 100% */
+
margin-left: 28%; /*margin-left + (-)margin-right + max-width = 100% */
−
margin-right: -35%; /*if margin-left = margin-right, will be centered*/
+
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);
 
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);
 
}
 
}
Line 358: Line 376:
 
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 363: 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 390: 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 462: 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 470: 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 555: 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 609: Line 695:
 
body {
 
body {
 
   margin: 0;
 
   margin: 0;
 +
font-family: Avenir;
 
}
 
}
 
a:focus {
 
a:focus {

Latest revision as of 01:40, 20 October 2016