#main-promobox {
float: right;
- width: 11.25em;
+ width: 12.5em;
height: 11.6875em; }
#main-promobox a {
background: #16a487;
- padding: 0.75em 1.25em;
+ padding: 1em 0.625em;
border-radius: 0.9375em;
display: block;
- margin-bottom: 1.4em;
- width: 8.75em;
- float: left;
- }
-
-#main-promobox a:first-of-type {
- padding-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
-}
-
-#main-promobox a:last-of-type {
- margin-bottom: 0;
-}
+ margin-bottom: 1em;
+ width: 11.25em;
+ float: left; }
+ #main-promobox a:last-of-type {
+ margin-bottom: 0; }
#main-promobox h1 {
background: #16a487;
- padding: 0.75em 1.25em;
+ padding: 1em 0.625em;
border-radius: 0.9375em;
color: white;
margin: 0;
text-transform: uppercase;
font-size: .9em;
- width: 10em;
+ width: 12.625em;
float: left;
+ padding-top: 1.25em;
+ padding-bottom: 1.25em;
border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
+ border-bottom-left-radius: 0; }
#main-promobox h1:before {
content: url(/static/img/icons/announce_white.png);
margin-right: 1.2em;
#main-sections ul li a {
color: white;
text-transform: uppercase;
- display: block;
height: 5em;
display: table;
padding: 5px; }
content: url(/static/img/icons/reference_orange.png); }
#main-howto p {
margin: 0 0 1.875em 1.4em; }
+ #main-howto .side-banner img {
+ display: block;
+ width: 100%;
+ margin-bottom: 0.2em; }
#main-chosen {
clear: left;