Difference between revisions of "Template:Uo2015-styles"

Line 3: Line 3:
 
<style>
 
<style>
  
−
html, body, div, span, applet, object, iframe,
+
* {
−
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
   box-sizing: border-box;
−
a, abbr, acronym, address, big, cite, code,
+
−
del, dfn, em, img, ins, kbd, q, s, samp,
+
−
small, strike, strong, sub, sup, tt, var,
+
−
b, u, i, center,
+
−
dl, dt, dd, ol, ul, li,
+
−
fieldset, form, label, legend,
+
−
table, caption, tbody, tfoot, thead, tr, th, td,
+
−
article, aside, canvas, details, embed,
+
−
figure, figcaption, footer, header, hgroup,
+
−
menu, nav, output, ruby, section, summary,
+
−
time, mark, audio, video {
+
−
   margin: 0;
+
−
  padding: 0;
+
−
  border: 0;
+
−
  font-size: 100%;
+
−
  font: inherit;
+
−
  vertical-align: baseline;
+
 
}
 
}
−
/* HTML5 display-role reset for older browsers */
+
*[hidden] {
−
article, aside, details, figcaption, figure,
+
   display: none;
−
footer, header, hgroup, menu, nav, section {
+
−
   display: block;
+
 
}
 
}
 
body {
 
body {
−
   line-height: 1;
+
   margin: 0px;
 
}
 
}
−
ol, ul {
+
ul {
−
   list-style: none;
+
   list-style: dash;
 
}
 
}
−
blockquote, q {
+
a:hover {
−
   quotes: none;
+
   text-decoration: underline !important;
 
}
 
}
−
blockquote:before, blockquote:after,
+
hr {
−
q:before, q:after {
+
  background-color: transparent;
−
   content: '';
+
  border: 0;
−
   content: none;
+
  border-bottom: 1px dashed #cd00cd;
 +
  margin: 30px;
 +
}
 +
p,
 +
#bodyContent li,
 +
#bodyContent td {
 +
   font: 15px "Open Sans", Helvetica, sans-serif;
 +
   margin-bottom: 10px;
 
}
 
}
 
table {
 
table {
−
   border-collapse: collapse;
+
  margin: auto;
−
   border-spacing: 0;
+
}
 +
thead td {
 +
   border-bottom: 1px solid #cd00cd;
 +
  font-weight: bold;
 +
}
 +
h1 {
 +
  color: #333;
 +
  font: 28px Raleway;
 +
  margin: 8px 0px;
 +
}
 +
h2 {
 +
  color: #333;
 +
  font: 22px Raleway;
 +
}
 +
h3 {
 +
  color: #b800b8;
 +
  font: 16px normal "Open Sans", Helvetica, sans-serif;
 +
  text-align: middle;
 +
}
 +
.uocover {
 +
  background-repeat: no-repeat;
 +
  background-position: center bottom;
 +
  background-size: cover;
 +
  background-image: url("https://static.igem.org/mediawiki/2015/9/9f/Uo2015-cover.jpg");
 +
   border-bottom: 2px solid #cd00cd;
 +
  height: 700px;
 +
  overflow: hidden;
 +
  position: relative;
 +
}
 +
.uocover .uocover-content {
 +
  margin: auto;
 +
  margin-top: 120px;
 +
  text-align: right;
 +
  width: 700px;
 +
}
 +
.uocover .uocover-content span {
 +
  background-color: rgba(240,240,240,0.75);
 +
  padding: 0px 3px;
 +
}
 +
.uocover .uocover-content .big {
 +
  color: #333;
 +
  font: 800 46px Raleway;
 +
}
 +
.uocover .uocover-content .small {
 +
  color: #90008f;
 +
  font: 18px/24px "Open Sans";
 +
}
 +
.noborder nav {
 +
  border-bottom: 0;
 +
}
 +
nav {
 +
  border-bottom: 2px solid #cd00cd;
 +
  font-family: Raleway;
 +
  font-size: 17px;
 +
  margin-bottom: 15px;
 +
  padding: 10px;
 +
  text-align: center;
 +
}
 +
nav.noborder {
 +
  border-bottom: 0;
 +
}
 +
nav a {
 +
  color: #ae00ae !important;
 +
  margin-right: 30px;
 +
  text-decoration: none;
 +
}
 +
nav a:last-child {
 +
  margin-right: 0px;
 +
}
 +
.uowrapper {
 +
  margin: auto;
 +
  max-width: 1148px;
 +
  width: 90%;
 +
}
 +
.uomenu {
 +
  float: left;
 +
  margin-top: 9px;
 +
  padding-right: 15px;
 +
  text-align: right;
 +
  width: 24%;
 +
}
 +
.uomenu header {
 +
  border-bottom: 1px dotted #666;
 +
  font: 18px Raleway;
 +
  padding: 15px 0px;
 +
}
 +
.uomenu a {
 +
  color: #666;
 +
  display: block;
 +
  font: 14px Raleway;
 +
  margin: 15px 0px;
 +
  text-decoration: none;
 +
}
 +
.uocontent {
 +
  float: left;
 +
  width: 75%;
 +
}
 +
figure {
 +
  border: 1px solid #999;
 +
  border-radius: 7px;
 +
  font-size: 0px;
 +
  margin: 10px auto;
 +
  max-width: 70%;
 +
  padding: 7px;
 +
  text-align: center;
 +
}
 +
figure img {
 +
  max-width: 100%;
 +
}
 +
figure p {
 +
  color: #666;
 +
  font: 14px Raleway;
 +
  text-align: center;
 +
}
 +
figure.full {
 +
  max-width: 100%;
 
}
 
}
 +
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 19:29, 18 September 2015