Template:Stylefor2015
From 2014.igem.org
(Difference between revisions)
(17 intermediate revisions not shown) | |||
Line 29: | Line 29: | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
- | + | ||
- | + | ||
/*Clear wiki default settings for the top part and create mock "black navigation bar" */ | /*Clear wiki default settings for the top part and create mock "black navigation bar" */ | ||
#top-section { | #top-section { | ||
Line 41: | Line 40: | ||
width: 100%; | width: 100%; | ||
margin:auto; | margin:auto; | ||
+ | } | ||
+ | |||
+ | #top_menu_inside { | ||
+ | margin-left: 20px; | ||
} | } | ||
/* Set up layout */ | /* Set up layout */ | ||
+ | /* General wrap for the page*/ | ||
#contentWrap { | #contentWrap { | ||
width: 980px; | width: 980px; | ||
Line 55: | Line 59: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | /* styling for all the headers */ | ||
+ | #contentWrap h1, h2, h3, h4, h5 { | ||
+ | font-family: "Arial", Gadget, sans-serif; border-bottom:none; | ||
+ | font-weight: bold; | ||
+ | color: #434343; | ||
} | } | ||
- | + | /* Establish font size and family for all text */ | |
- | + | #contentWrap p { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
font-family: "Arial", Helvetica, sans-serif; | font-family: "Arial", Helvetica, sans-serif; | ||
font-size: 13px; | font-size: 13px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
+ | /*full width column*/ | ||
.fullWidth { | .fullWidth { | ||
background-color: #ffffff; | background-color: #ffffff; | ||
Line 97: | Line 80: | ||
} | } | ||
+ | /* Right column of the page*/ | ||
+ | #rightColumn { | ||
+ | width: 780px; | ||
+ | float: left; | ||
+ | padding: 25px 10px 5px 10px; | ||
+ | } | ||
+ | |||
+ | /* styling for lists on the right column */ | ||
+ | #contentWrap ul { | ||
+ | list-style:circle; | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | } | ||
#rightColumn a, .fullWidth a { | #rightColumn a, .fullWidth a { | ||
Line 105: | Line 100: | ||
filter: alpha(opacity=100); /* For IE8 and earlier */ | filter: alpha(opacity=100); /* For IE8 and earlier */ | ||
} | } | ||
+ | |||
+ | #rightColumn img, .fullWidth img { | ||
+ | padding: 5px 2px 5px 2px; | ||
+ | } | ||
+ | |||
#rightColumn a:hover, .fullWidth a:hover { | #rightColumn a:hover, .fullWidth a:hover { | ||
Line 111: | Line 111: | ||
} | } | ||
- | # | + | |
- | + | ||
- | + | /* Left column of the page, here the submenu can be placed*/ | |
- | + | #leftColumn { | |
+ | width: 160px; | ||
+ | float: left; | ||
+ | padding: 25px 10px 5px 10px; | ||
+ | margin-top: 20px; | ||
} | } | ||
- | + | ||
- | # | + | #leftColumn a { |
+ | text-weight: bold; | ||
+ | text-decoration: none; | ||
font-family: "Arial", Helvetica, sans-serif; | font-family: "Arial", Helvetica, sans-serif; | ||
font-size: 13px; | font-size: 13px; | ||
+ | color: #434343; | ||
} | } | ||
+ | |||
+ | #leftColumn ul ul li:hover { | ||
+ | background-color: #c1dfa6; | ||
+ | border-radius: 5px; | ||
+ | } | ||
.button { | .button { | ||
Line 139: | Line 151: | ||
} | } | ||
- | .clear{ | + | .clear { |
clear: both; | clear: both; | ||
} | } | ||
Line 153: | Line 165: | ||
} | } | ||
- | #igemLogo a:hover{ | + | #igemLogo a:hover { |
opacity: 0.4; | opacity: 0.4; | ||
filter: alpha(opacity=40); /* For IE8 and earlier */ | filter: alpha(opacity=40); /* For IE8 and earlier */ | ||
Line 166: | Line 178: | ||
} | } | ||
+ | #grayLine_Clear { | ||
+ | width: 960px; | ||
+ | height: 1px; | ||
+ | background-color: #ccc; | ||
+ | margin:auto; | ||
+ | } | ||
+ | |||
+ | #alertMessage { | ||
+ | width:700px; | ||
+ | margin:auto; | ||
+ | text-align:center; | ||
+ | background-color:pink; | ||
+ | border-radius:5px; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | #alertMessage p { | ||
+ | font-weight: bold; | ||
+ | color:red; | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 20:48, 26 January 2015