Difference between revisions of "Team:Northwestern/css/design"

Line 31: Line 31:
 
margin-top: 20px;
 
margin-top: 20px;
 
margin-bottom: 20px;
 
margin-bottom: 20px;
 +
}
 +
#design div {
 +
margin-left: auto;
 +
margin-right: auto;
 
}
 
}
 
#design img {
 
#design img {
 
width: 100%;
 
width: 100%;
 
height: 100%;
 
height: 100%;
max-width: 800px;
+
max-width: 800px;
margin-left: auto;
+
margin-right: auto;
+
 
}
 
}
 
#design .float_right  {
 
#design .float_right  {
Line 44: Line 46:
 
float: right;
 
float: right;
 
margin: 15px;
 
margin: 15px;
margin-left: 30px;
 
margin-right: 30px;
 
 
font-size: medium;
 
font-size: medium;
 +
margin-left: 30px;
 +
margin-right: 30px;
 
}
 
}
 
#design .float_left {
 
#design .float_left {
Line 53: Line 55:
 
float: left;
 
float: left;
 
margin: 15px;
 
margin: 15px;
margin-left: 30px;
+
margin-left: 30px;
 
margin-right: 30px;
 
margin-right: 30px;
 
}
 
}

Revision as of 00:57, 17 October 2016

@charset "UTF-8";

  1. design {

font-family: josefin-sans; font-style: normal; margin-left: 5px; margin-right: 5px; margin-top: 20px; margin-bottom: 20px; padding-left: 120px; padding-right: 110px; }

  1. design a {

color: #000; text-decoration: underline; }

  1. design a:hover {

color: #000; font-style: italic; text-decoration: none; }

  1. design article h1 {

margin-top: 10px; }

  1. design article .divider {

display: block; max-height: 30px; margin-top: 30px; margin-bottom: 30px; }

  1. design p {

margin-top: 20px; margin-bottom: 20px; }

  1. design div {

margin-left: auto; margin-right: auto; }

  1. design img {

width: 100%; height: 100%; max-width: 800px; }

  1. design .float_right {

width: 40%; min-width: 150px; float: right; margin: 15px; font-size: medium; margin-left: 30px; margin-right: 30px; }

  1. design .float_left {

width: 40%; min-width: 150px; float: left; margin: 15px; margin-left: 30px; margin-right: 30px; }

  1. design .caption {

font-size: 11pt; margin: 0px; }