Difference between revisions of "Template:Uo2015-styles"

 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html><style>
+
<html>
 +
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700|Raleway:400,700' rel='stylesheet' type='text/css'>
 +
<style>
  
 
* {
 
* {
Line 10: Line 12:
 
   margin: 0px;
 
   margin: 0px;
 
}
 
}
#bodyContent a:hover {
+
#bodyContent ul {
 +
  list-style: square;
 +
}
 +
a:hover {
 
   text-decoration: underline !important;
 
   text-decoration: underline !important;
 
}
 
}
#bodyContent hr {
+
hr {
 +
  background-color: transparent;
 
   border: 0;
 
   border: 0;
 
   border-bottom: 1px dashed #cd00cd;
 
   border-bottom: 1px dashed #cd00cd;
 
   margin: 30px;
 
   margin: 30px;
 
}
 
}
#bodyContent p,
+
p,
 
#bodyContent li,
 
#bodyContent li,
 
#bodyContent td {
 
#bodyContent td {
Line 24: Line 30:
 
   margin-bottom: 10px;
 
   margin-bottom: 10px;
 
}
 
}
#bodyContent table {
+
table {
 
   margin: auto;
 
   margin: auto;
 
}
 
}
#bodyContent thead td {
+
thead td {
 
   border-bottom: 1px solid #cd00cd;
 
   border-bottom: 1px solid #cd00cd;
 
   font-weight: bold;
 
   font-weight: bold;
 
}
 
}
#bodyContent h1 {
+
h1 {
 
   color: #333;
 
   color: #333;
 
   font: 28px Raleway;
 
   font: 28px Raleway;
   margin: 15px 0px;
+
   margin: 8px 0px;
 
}
 
}
#bodyContent h2 {
+
h2 {
 
   color: #333;
 
   color: #333;
 
   font: 22px Raleway;
 
   font: 22px Raleway;
 
}
 
}
#bodyContent h3 {
+
h3 {
 
   color: #b800b8;
 
   color: #b800b8;
 
   font: 16px normal "Open Sans", Helvetica, sans-serif;
 
   font: 16px normal "Open Sans", Helvetica, sans-serif;
 
   text-align: middle;
 
   text-align: middle;
 
}
 
}
#bodyContent .uocover {
+
.uocover {
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
 
   background-position: center bottom;
 
   background-position: center bottom;
Line 55: Line 61:
 
   position: relative;
 
   position: relative;
 
}
 
}
#bodyContent .uocover .uocover-content {
+
.uocover .uocover-content {
 
   margin: auto;
 
   margin: auto;
 
   margin-top: 120px;
 
   margin-top: 120px;
Line 61: Line 67:
 
   width: 700px;
 
   width: 700px;
 
}
 
}
#bodyContent .uocover .uocover-content span {
+
.uocover .uocover-content span {
 
   background-color: rgba(240,240,240,0.75);
 
   background-color: rgba(240,240,240,0.75);
 
   padding: 0px 3px;
 
   padding: 0px 3px;
 
}
 
}
#bodyContent .uocover .uocover-content .big {
+
.uocover .uocover-content .big {
 
   color: #333;
 
   color: #333;
 
   font: 800 46px Raleway;
 
   font: 800 46px Raleway;
 
}
 
}
#bodyContent .uocover .uocover-content .small {
+
.uocover .uocover-content .small {
 
   color: #90008f;
 
   color: #90008f;
 
   font: 18px/24px "Open Sans";
 
   font: 18px/24px "Open Sans";
 
}
 
}
#bodyContent .noborder nav {
+
.noborder nav {
 
   border-bottom: 0;
 
   border-bottom: 0;
 
}
 
}
#bodyContent nav {
+
nav {
 
   border-bottom: 2px solid #cd00cd;
 
   border-bottom: 2px solid #cd00cd;
 
   font-family: Raleway;
 
   font-family: Raleway;
Line 84: Line 90:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
#bodyContent nav.noborder {
+
nav.noborder {
 
   border-bottom: 0;
 
   border-bottom: 0;
 
}
 
}
#bodyContent nav a {
+
nav a {
 
   color: #ae00ae !important;
 
   color: #ae00ae !important;
 
   margin-right: 30px;
 
   margin-right: 30px;
 
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
#bodyContent nav a:last-child {
+
nav a:last-child {
 
   margin-right: 0px;
 
   margin-right: 0px;
 
}
 
}
#bodyContent .uowrapper {
+
.uowrapper {
 
   margin: auto;
 
   margin: auto;
 
   max-width: 1148px;
 
   max-width: 1148px;
 
   width: 90%;
 
   width: 90%;
 
}
 
}
#bodyContent .uomenu {
+
.uomenu {
 
   float: left;
 
   float: left;
 
   margin-top: 9px;
 
   margin-top: 9px;
Line 107: Line 113:
 
   width: 24%;
 
   width: 24%;
 
}
 
}
#bodyContent .uomenu header {
+
.uomenu header {
 
   border-bottom: 1px dotted #666;
 
   border-bottom: 1px dotted #666;
 
   font: 18px Raleway;
 
   font: 18px Raleway;
 
   padding: 15px 0px;
 
   padding: 15px 0px;
 
}
 
}
#bodyContent .uomenu a {
+
.uomenu a {
 
   color: #666;
 
   color: #666;
 
   display: block;
 
   display: block;
Line 119: Line 125:
 
   text-decoration: none;
 
   text-decoration: none;
 
}
 
}
#bodyContent .uocontent {
+
.uocontent {
 
   float: left;
 
   float: left;
 
   width: 75%;
 
   width: 75%;
 
}
 
}
#bodyContent figure {
+
figure {
 
   border: 1px solid #999;
 
   border: 1px solid #999;
 
   border-radius: 7px;
 
   border-radius: 7px;
Line 132: Line 138:
 
   text-align: center;
 
   text-align: center;
 
}
 
}
#bodyContent figure img {
+
figure img {
 
   max-width: 100%;
 
   max-width: 100%;
 
}
 
}
#bodyContent figure p {
+
figure p {
 
   color: #666;
 
   color: #666;
 
   font: 14px Raleway;
 
   font: 14px Raleway;
 
   text-align: center;
 
   text-align: center;
 
}
 
}
#bodyContent figure.full {
+
figure.full {
 
   max-width: 100%;
 
   max-width: 100%;
 
}
 
}

Latest revision as of 19:32, 18 September 2015