Template:Team:Bonn:CSS

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> - Our main CSS style for the webpage: <style type="text/css"> .editsection{ color:#ffffff; } body { color:#333333; background-position:top center; background-image:...")
 
(14 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
/* Our main CSS style for the webpage */
+
<!-- Our main CSS style for the webpage --!>
<style type="text/css">
<style type="text/css">
.editsection{
.editsection{
Line 11: Line 11:
  background-attachment: fixed;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
 +
text-align:justify;
 +
}
 +
#networkTitleBig {
 +
  opacity:0.7;
}
}
#globalWrapper{
#globalWrapper{
Line 21: Line 25:
  position:relative;
  position:relative;
  z-index:4;
  z-index:4;
 +
width:920px;
 +
}
 +
.content-image{
 +
font-style:italic;
 +
font-size:70%;
 +
 +
}
 +
.content-image img{
 +
display:block;
 +
clear:both;
 +
max-width:700px;
 +
 +
}
 +
#content{
 +
background-color:transparent;
 +
position:relative;
 +
z-index:4;
 +
width:920px;
 +
}
 +
#content-page{
 +
width:754px;
 +
margin:auto;
}
}
#subpage{
#subpage{
  border-radius:2px;
  border-radius:2px;
  margin:40px 0 0 0;
  margin:40px 0 0 0;
-
  padding:40px;
+
  padding:12px;
-
  font-family: Arial;
+
  font-family: Century Gothic;
  background-color:none;
  background-color:none;
  background-color:#ffffff;
  background-color:#ffffff;
  color:#222222;
  color:#222222;
  opacity:1;
  opacity:1;
 +
min-height:700px;
  /*-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
  /*-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
Line 45: Line 72:
  color:#333333;
  color:#333333;
  font-size: 50px;
  font-size: 50px;
-
  font-family:Arial;
+
  font-family:Century Gothic;
}
}
h1 {
h1 {
Line 64: Line 91:
  margin:40px auto 0 auto;
  margin:40px auto 0 auto;
  padding:0;
  padding:0;
-
  font-family: Arial;
+
  font-family: Century Gothic;
  background-color:none;
  background-color:none;
  /*-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
  /*-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.7), inset 0 0 50px rgba(0, 0, 0, 0.2);
Line 159: Line 186:
   background-color:transparent;
   background-color:transparent;
}
}
-
 
+
.page-box-width {
-
.page-box{
+
  height:260px;
-
border: 1px solid black;
+
  width:520px;
-
background-color: #cccccc;
+
-
position:relative;
+
-
border: 3px solid white;
+
-
margin: 10px;
+
-
/* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+
-
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5));
+
-
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/
+
}
}
-
 
+
.page-box-high {
-
#page-box1{
+
  height:520px;
-
width:320px;
+
  width:260px;
-
height:515px;
+
}
}
-
 
+
.page-box-small {
-
#page-box2{
+
  height:260px;
-
width:445px;
+
  width:260px;
-
height:238px;
+
-
}
+
-
 
+
-
#page-box3{
+
-
width:445px;
+
-
height:238px;
+
-
}
+
-
 
+
-
#page-box4{
+
-
width:801px;
+
-
height:200px;
+
}
}
.page-box-bottom{
.page-box-bottom{

Latest revision as of 11:07, 27 October 2013