Template:Team:Uppsala/notebook
From 2013.igem.org
(Difference between revisions)
(11 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | <html> | |
<style> | <style> | ||
- | + | #main_frame | |
- | #main_frame { | + | { |
- | + | width: 950px; | |
- | + | margin: 20px auto; | |
- | + | border: 1px solid ligth gray; | |
- | + | border-radius: 15px; | |
- | + | box-shadow: 0px 0px 30px rgba(110,110,110, .8); | |
- | + | background: white; | |
- | + | ||
- | + | } | |
.cal_calendar | .cal_calendar | ||
{ | { | ||
- | + | float: left; | |
- | + | background-color: white; | |
- | + | width: 100%; | |
- | + | margin: auto; | |
- | + | height: 20%; | |
- | + | ||
} | } | ||
+ | |||
.cal_d_weeks th | .cal_d_weeks th | ||
{ | { | ||
- | + | border-radius: 5px; | |
} | } | ||
+ | |||
.cal_calendar th | .cal_calendar th | ||
{ | { | ||
- | + | border: 1px solid #22409a; | |
- | + | background-color: #b6e6fd; | |
- | + | width: 36px; | |
} | } | ||
+ | |||
.cal_calendar td | .cal_calendar td | ||
{ | { | ||
- | + | box-shadow: 0px 5px 10px rgba(120,120,120, .7); | |
- | + | background-color: white; | |
- | + | text-align: center; | |
- | + | width: 36px; | |
- | + | height: 36px; | |
} | } | ||
+ | |||
.cal_today input[type=submit] | .cal_today input[type=submit] | ||
{ | { | ||
- | + | color: #0089d1; | |
- | + | font-weight: bold; | |
} | } | ||
+ | |||
.cal_days_bef_aft | .cal_days_bef_aft | ||
{ | { | ||
Line 50: | Line 53: | ||
color: #5a779e; | color: #5a779e; | ||
} | } | ||
+ | |||
.week input[type=submit] | .week input[type=submit] | ||
{ | { | ||
- | + | color: #22409a; | |
- | + | font-weight: bold; | |
} | } | ||
+ | |||
.head th | .head th | ||
{ | { | ||
- | + | border: white; | |
- | + | background-color: white; | |
} | } | ||
input[type=submit]:hover | input[type=submit]:hover | ||
{ | { | ||
- | + | color: #b6e6fd; | |
- | + | font-weight: bold; | |
- | + | background-color: #22409a; | |
} | } | ||
+ | |||
input[type=submit] | input[type=submit] | ||
{ | { | ||
- | + | border: white; | |
- | + | background-color: white; | |
- | + | width: 100%; | |
- | + | height: 100%; | |
- | + | opacity: 1; | |
- | + | ||
} | } | ||
#file_holder | #file_holder | ||
{ | { | ||
- | + | ||
} | } | ||
#calendar | #calendar | ||
{ | { | ||
- | + | margin-bottom: 400px; | |
} | } | ||
- | |||
.eventBox | .eventBox | ||
{ | { | ||
- | text-align: | + | text-align: center; |
- | border: | + | border: 2px solid ligth gray; |
- | box-shadow: | + | box-shadow: 0px 2px 10px rgba(120,120,120, .7); |
- | padding: | + | padding: 20px; |
} | } | ||
#left{ | #left{ | ||
- | width: | + | width: 36px; |
} | } | ||
#right{ | #right{ | ||
- | width: | + | 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> | </style> | ||
+ | </html> |
Latest revision as of 12:09, 4 October 2013