Template:Team:Uppsala/notebook

From 2013.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
-
#main_frame {
+
<html>
-
min-height: 1800px;
+
<style>
-
width: 950px;
+
#main_frame  
-
margin: 20px auto;
+
{
-
border: 1px solid ligth gray;
+
width: 950px;
-
border-radius:         15px;
+
margin: 20px auto;
-
box-shadow:         0px 0px 30px rgba(110,110,110, .8);
+
border: 1px solid ligth gray;
-
background:         white;
+
border-radius: 15px;
 +
box-shadow: 0px 0px 30px rgba(110,110,110, .8);  
 +
background: white;
-
}
+
}
.cal_calendar
.cal_calendar
{
{
-
  position:  relative;
+
float: left;
-
  top:    -70px;
+
background-color: white;
-
  float:     left;
+
width: 100%;
-
  background-color: white;
+
margin: auto;
-
  width:   100%;
+
height: 20%;      
-
  margin:   auto;
+
-
  height:   20%;
+
-
       
+
}
}
 +
.cal_d_weeks th
.cal_d_weeks th
{
{
-
  border-radius: 5px;
+
border-radius: 5px;
}
}
 +
.cal_calendar th
.cal_calendar th
{   
{   
-
  border:   1px solid #22409a;
+
border: 1px solid #22409a;
-
  background-color: #b6e6fd;
+
background-color: #b6e6fd;
-
  width:   36px;
+
width: 36px;
}
}
 +
.cal_calendar td
.cal_calendar td
{  
{  
-
  box-shadow:   0px 5px 10px rgba(120,120,120, .7);
+
box-shadow: 0px 5px 10px rgba(120,120,120, .7);
-
  background-color: white;
+
background-color: white;
-
  text-align:   center;
+
text-align: center;
-
  width:   36px;
+
width: 36px;
-
  height:   36px;
+
height: 36px;
}
}
 +
.cal_today input[type=submit]
.cal_today input[type=submit]
{  
{  
-
  color:   #0089d1;
+
color: #0089d1;
-
  font-weight: bold;
+
font-weight: bold;
}
}
 +
.cal_days_bef_aft
.cal_days_bef_aft
{
{
Line 49: Line 53:
   color:    #5a779e;
   color:    #5a779e;
}
}
 +
.week input[type=submit]
.week input[type=submit]
{
{
-
  color:   #22409a;
+
color: #22409a;
-
  font-weight: bold;
+
font-weight: bold;
}
}
 +
.head th
.head th
{
{
-
  border:   white;
+
border: white;
-
  background-color: white;
+
background-color: white;
}
}
input[type=submit]:hover
input[type=submit]:hover
{
{
-
  color:   #b6e6fd;
+
color: #b6e6fd;
-
  font-weight: bold;
+
font-weight: bold;
-
  background-color: #22409a;
+
background-color: #22409a;
}
}
 +
input[type=submit]  
input[type=submit]  
{
{
-
 
+
border: white;
-
  border:   white;
+
background-color: white;
-
  background-color: white;
+
width: 100%;
-
  width:   100%;
+
height: 100%;
-
  height:   100%;
+
opacity: 1;
-
  opacity:   1;
+
}
}
 +
#file_holder
#file_holder
{
{
-
  margin-top:  350px;
+
}
}
#calendar
#calendar
{
{
-
    
+
   margin-bottom: 400px;
}
}
.eventBox
.eventBox
{
{
-
  text-align:   center;
+
  text-align: center;
-
  border:     2px solid ligth gray;
+
  border: 2px solid ligth gray;
-
  box-shadow:   0px 2px 10px rgba(120,120,120, .7);
+
  box-shadow: 0px 2px 10px rgba(120,120,120, .7);
-
  padding:   20px;
+
  padding: 20px;
}
}
#left{
#left{
-
  width:     36px;
+
  width: 36px;
}
}
#right{
#right{
-
  width:     36px;
+
  width: 36px;
 +
}
 +
#dairy-text{
 +
text-align: left;
 +
}
 +
h2{
 +
color:#0089d1;
 +
}
 +
.result-pic{
 +
width: 400px;
 +
}
 +
 
 +
 
 +
#sir_explains
 +
{
 +
padding: 15px;
 +
border-radius:  15px;
 +
width:60%;
 +
margin-left:20%;
 +
}
 +
 
 +
.close
 +
{
 +
background-color: white;
 +
border-radius: 40px;
 +
width: 25px;
 +
height: 25px;
 +
border: 3px solid #0089d1;
 +
box-shadow: -5px 5px 10px rgba(110,110,110, 0.5);
 +
position: relative;
 +
top: -60px;
 +
left:550px;
 +
margin-bottom: -40px;
 +
}
 +
 
 +
.close:hover
 +
{
 +
background-color: red;
}
}
 +
</style>
 +
</html>

Latest revision as of 12:09, 4 October 2013