diff options
| -rw-r--r-- | www/css/base.css | 708 |
1 files changed, 0 insertions, 708 deletions
diff --git a/www/css/base.css b/www/css/base.css index 380f275..67f858c 100644 --- a/www/css/base.css +++ b/www/css/base.css @@ -408,54 +408,6 @@ td { Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ /* mySociety removal: bits of * and :after */ -@media print { - * { - box-shadow: none !important; - text-shadow: none !important; - filter: none !important; - -ms-filter: none !important; - } - - /* Black prints faster: h5bp.com/s */ - a, a:visited { - text-decoration: underline; - } - - abbr[title]:after { - content: " (" attr(title) ")"; - } - - pre, blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - - thead { - display: table-header-group; - } - - /* h5bp.com/t */ - tr, img { - page-break-inside: avoid; - } - - img { - max-width: 100% !important; - } - - @page { - margin: 0.5cm; -} - - p, h2, h3 { - orphans: 3; - widows: 3; - } - - h2, h3 { - page-break-after: avoid; - } -} /* COLOURS */ /* HEADINGS and TYPOGRAPHY */ body { @@ -766,10 +718,6 @@ label.inline { margin-right: 0.25em; } -.ie6 .form-box { - margin: 0 0 0.25em 0; -} - .form-txt-submit-box { min-height: 3em; } @@ -851,98 +799,6 @@ p.label-valid { margin: 0 -1em; } -#site-header { - border-top: 0.25em solid #ffd000; - height: 3em; - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(10%, #222222), color-stop(90%, #222222), color-stop(100%, #000000)); - background: -webkit-linear-gradient(#000000, #222222 10%, #222222 90%, #000000); - background: -moz-linear-gradient(#000000, #222222 10%, #222222 90%, #000000); - background: -o-linear-gradient(#000000, #222222 10%, #222222 90%, #000000); - background: -ms-linear-gradient(#000000, #222222 10%, #222222 90%, #000000); - background: linear-gradient(#000000, #222222 10%, #222222 90%, #000000); -} -#site-header .container { - min-height: 4em; -} - -#site-logo { - display: block; - width: 175px; - height: 40px; - top: 0.4em; - background: url("../images/sprite.png") -3px -3px no-repeat; - text-indent: -999999px; - position: absolute; - z-index: 2; -} - -.ie6 #site-logo { - background: url("../images/ie_logo.gif") 0 -5px no-repeat; -} - -.ie7 #site-logo { - background: url("../images/sprite.png") -3px -3px no-repeat; -} - -#nav-link { - width: 50px; - height: 48px; - background: url("../images/sprite.png") -5px -916px no-repeat; - display: block; - text-indent: -999999px; - position: absolute; - right: 2em; - top: -2px; -} -#nav-link:hover { - top: 2px; -} - -#main-nav ul { - list-style-type: none; - padding: 0; - margin: 0; -} -#main-nav ul li { - list-style-type: none; - padding: 0; - margin: 0; - border: 0; -} -#main-nav ul li a, #main-nav ul li span { - display: block; - padding: 0.5em 1em; - background: #f6f6f6; - color: #333; - font-size: 1.25em; - border-bottom: 0.25em solid #333; -} -#main-nav ul li a:hover, #main-nav ul li span.hover { - background: #333; - color: #fff; - text-decoration: none; -} -#main-nav ul li span { - background-color: #ccc; -} -#main-nav ul#mysoc-menu li a { - background: #ffd000; -} -#main-nav ul#mysoc-menu li a#mysoc-logo { - background-image: url("../images/sprite.png"); - background-repeat: no-repeat; - background-position: -240px -38px; - text-indent: -999999px; -} - -.ie6 #main-nav ul#mysoc-menu li a#mysoc-logo { - background: url("../images/ie_mysoc_logo.gif") center no-repeat; -} - -.ie7 #main-nav ul#mysoc-menu li a#mysoc-logo { - background: url("../images/sprite.png") -240px -38px no-repeat; -} - .wrapper { width: 100%; display: table; @@ -978,140 +834,6 @@ p.label-valid { *display: inline; } -.shadow-wrap ul#key-tools { - list-style-type: none; - padding: 0; - margin: 0; - margin-bottom: 1em; - display: table; - width: 100%; -} -.shadow-wrap ul#key-tools li { - list-style-type: none; - padding: 0; - margin: 0; - border: 0; -} -.shadow-wrap ul#key-tools li { - display: table-cell; - vertical-align: bottom; - text-align: center; - border-right: 0.25em solid #fff; -} -.shadow-wrap ul#key-tools li:last-child { - border-right: none; -} -.shadow-wrap ul#key-tools li a { - display: block; - background-color: #f5f5f5; - background-repeat: no-repeat; - color: #333; - padding: 4em 2em 1em 2em; - text-transform: uppercase; - font-size: 0.6875em; - font-family: Helmet, Freesans, sans-serif; -} -.shadow-wrap ul#key-tools li a:hover, .shadow-wrap ul#key-tools li a.hover, .shadow-wrap ul#key-tools li a.active { - text-decoration: none; - background-color: #333; - color: #fff; -} -.shadow-wrap ul#key-tools li a.abuse { - background-image: url("../images/sprite.png"); - background-position: center -2424px; -} -.shadow-wrap ul#key-tools li a.feed { - background-image: url("../images/sprite.png"); - background-position: center -2563px; -} -.shadow-wrap ul#key-tools li a.chevron { - background-image: url("../images/sprite.png"); - background-position: center -2716px; -} -.shadow-wrap ul#key-tools li a.hover, .shadow-wrap ul#key-tools li a.active { - background-image: url("../images/sprite.png"); - background-position: center -2064px; -} - -.ie6 .shadow-wrap ul#key-tools, .ie7 .shadow-wrap ul#key-tools { - background: #f5f5f5; -} -.ie6 .shadow-wrap ul#key-tools li, .ie7 .shadow-wrap ul#key-tools li { - float: left; -} -.ie6 .shadow-wrap ul#key-tools li a, .ie7 .shadow-wrap ul#key-tools li a { - padding-left: 1.5em; - padding-right: 3em; -} - -.ie6 .shadow-wrap ul#key-tools li a.abuse { - background-image: url("../images/ie_key_tools_sprite.gif"); - background-position: right 0px; -} -.ie6 .shadow-wrap ul#key-tools li a.feed { - background-image: url("../images/ie_key_tools_sprite.gif"); - background-position: right -58px; -} -.ie6 .shadow-wrap ul#key-tools li a.chevron { - background-image: url("../images/ie_key_tools_sprite.gif"); - background-position: right -116px; -} -.ie6 .shadow-wrap ul#key-tools li a:hover { - background-image: url("../images/ie_key_tools_sprite_dark.gif"); -} - -#footer-mobileapps { - padding: 1em; -} -#footer-mobileapps h4 { - margin: 0; -} -#footer-mobileapps ul { - list-style-type: none; - padding: 0; - margin: 0; -} -#footer-mobileapps ul li { - list-style-type: none; - padding: 0; - margin: 0; - border: 0; -} -#footer-mobileapps ul li { - border-bottom: 1px solid #AFAFAF; -} -#footer-mobileapps ul li:last-child { - border-bottom: none; -} -#footer-mobileapps ul li a { - display: block; - padding: 0.5em 0; -} - -#footer-help ul { - list-style-type: none; - padding: 0; - margin: 0; -} -#footer-help ul li { - list-style-type: none; - padding: 0; - margin: 0; - border: 0; -} -#footer-help ul li { - border-bottom: 1px solid #AFAFAF; -} -#footer-help ul li:last-child { - border-bottom: none; -} -#footer-help ul li h4 { - margin: 0.75em 0 0.25em 0; -} -#footer-help ul li p { - font-size: 0.75em; -} - /*BUTTONS*/ button, input[type=submit], .btn { cursor: pointer; @@ -1371,182 +1093,6 @@ a:hover.button-left { border-bottom: 0.5em solid #4B8304; } -/*OTHER*/ -.plain-list { - list-style-type: none; - padding: 0; - margin: 0; -} -.plain-list li { - list-style-type: none; - padding: 0; - margin: 0; - border: 0; -} -.plain-list li { - margin-bottom: 1em; -} - -.issue-list { - margin: 0 0 1em 0; - padding: 0; - border-bottom: 0.25em solid #ffd000; -} -.issue-list li { - list-style: none; - background: #f6f6f6; - margin: 0.25em 0 0 0; - padding: 0.5em 1em; - display: block; -} -.issue-list li .update-wrap { - display: table; - width: 100%; -} -.issue-list li .update-wrap .update-text, .issue-list li .update-wrap .update-img { - display: table-cell; - vertical-align: top; -} -.issue-list li .update-wrap .update-text p, .issue-list li .update-wrap .update-img p { - margin-bottom: 0.5em; -} -.issue-list li .update-wrap .update-img { - text-align: right; -} -.issue-list li .update-wrap .update-img img { - margin: -0.5em -1em 0 0.5em; - height: auto; -} - -.ie7 .issue-list li .update-wrap .update-text, .ie7 .issue-list li .update-wrap .update-text { - float: left; - width: 19em; -} -.ie7 .issue-list li .update-wrap .update-img, .ie7 .issue-list li .update-wrap .update-img { - float: right; -} - -.issue-list-a, .list-a { - margin: 0 0 1em 0; - padding: 0; - border-bottom: 0.25em solid #ffd000; -} -.issue-list-a li, .list-a li { - list-style: none; - margin: 0; - padding: 0; -} -.issue-list-a li a, .list-a li a { - margin: 0.25em 0 0 0; - display: table; - background: #f6f6f6; - color: #222222; - width: 100%; -} -.issue-list-a li a:hover, .list-a li a:hover { - text-decoration: none; - color: #222222; - background: #e6e6e6; -} -.issue-list-a li a .text, .list-a li a .text, .issue-list-a li a .img, .list-a li a .img { - display: table-cell; - vertical-align: top; -} -.issue-list-a li a .img, .list-a li a .img { - width: 90px; - float: right; - height:auto; -} -.issue-list-a li a .img img, .list-a li a .img img { - height: auto; -} -.issue-list-a li a .text, .list-a li a .text { - padding: 0.25em 1em; -} -.issue-list-a li a .text h4, .list-a li a .text h4 { - margin: 0; -} -.issue-list-a li a .text small, .list-a li a .text small, .issue-list-a li a .text .small-print, .list-a li a .text .small-print { - color: #666; -} -.issue-list-a li > p, .list-a li > p { - margin: 0.25em 0 0 0; - padding: 0.5em 1em; - background: #f6f6f6; -} - -.list-a a { - padding: 0.5em 1em; - font-weight: bold; -} - -.ie6 .issue-list-a, .ie6 .list-a, .ie7 .issue-list-a, .ie7 .list-a { - overflow: hidden; -} -.ie6 .issue-list-a li a, .ie6 .list-a li a, .ie7 .issue-list-a li a, .ie7 .list-a li a { - clear: both; - width: auto; - display: block; - overflow: hidden; -} -.ie6 .issue-list-a li a .text, .ie6 .list-a li a .text, .ie7 .issue-list-a li a .text, .ie7 .list-a li a .text { - float: left; - width: 18em; -} -.ie6 .issue-list-a li a .img, .ie6 .list-a li a .img, .ie7 .issue-list-a li a .img, .ie7 .list-a li a .img { - width: 6.25em; - float: right; -} - -.ie6 .issue-list-a li a, .ie6 .list-a li a { - height: 5.5em; -} -.ie6 .issue-list-a li a .img img, .ie6 .list-a li a .img img { - height: 60px; -} - -.update-img a { - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: middle; - *vertical-align: auto; - position: relative; -} -.update-img a { - *display: inline; -} -.update-img a span { - position: absolute; - top: 0; - right: 0; - display: block; - width: 20px; - height: 20px; - opacity: 0.5; - background: white url(images/sprite.png) -16px -1098px no-repeat; - font: 0/0 a; - color: transparent; -} -.update-img a:hover span { - opacity: 1; -} - -.issue-list li .update-wrap .update-img a span { - right: -16px; - top: -8px; -} - -.problem-header { - margin-bottom: 1em; -} - -.problem-header .update-img { - float: right; - margin-left: 0.5em; - margin-bottom: 0.5em; -} - #map_box { background: #333; height: 29em; @@ -1565,10 +1111,6 @@ a:hover.button-left { left: 0.5em !important; } -.ie6 #fms_pan_zoom { - left: auto !important; -} - #fms_pan_zoom_panup, #fms_pan_zoom_pandown, #fms_pan_zoom_panleft, @@ -1696,19 +1238,6 @@ a:hover.button-left { text-decoration: none; } -.ie6 #sub_map_links a#hide_pins_link { - background-image: url("../images/ie_sub_map_links_sprite.gif"); - background-position: right 1px; -} -.ie6 #sub_map_links a#all_pins_link { - background-image: url("../images/ie_sub_map_links_sprite.gif"); - background-position: right -45px; -} -.ie6 #sub_map_links a#map_permalink { - background-image: url("../images/ie_sub_map_links_sprite.gif"); - background-position: right -93px; -} - #mob_sub_map_links { position: absolute; z-index: 1100; @@ -1854,133 +1383,6 @@ a:hover.button-left { cursor: hand; } -a.rap-notes-trigger, -a:hover.rap-notes-trigger { - display: block; - width: 90%; - padding-left: 5%; - padding-right: 5%; -} - -.rap-notes { - margin: 1em 0; -} - -#problems-nav { - padding: 0 1em; - overflow: hidden; - border-bottom: 0.25em solid #333; -} -#problems-nav ul { - list-style-type: none; - padding: 0; - margin: 0; - display: table; - width: 100%; -} -#problems-nav ul li { - list-style-type: none; - padding: 0; - margin: 0; - border: 0; -} -#problems-nav ul li { - display: table-cell; - border-right: 0.25em solid #fff; -} -#problems-nav ul li:last-child { - border-right: none; -} -#problems-nav ul li a { - display: block; - background: #e2e2e2; - color: #333; - padding: 1em; - text-transform: uppercase; - text-align: center; -} -#problems-nav ul li a:hover { - text-decoration: none; - background: #e6e6e6; -} -#problems-nav ul li a.active { - background: #333; - color: #fff; -} - -.ie6 #problems-nav, .ie7 #problems-nav { - clear: both; - margin: 0; - padding: 0; -} -.ie6 #problems-nav ul li, .ie7 #problems-nav ul li { - float: left; -} - -table.nicetable { - width: 100%; - margin-bottom: 2em; -} -table.nicetable thead { - border-bottom: 0.25em solid #ccc; -} -table.nicetable thead th { - font-size: 0.75em; -} -table.nicetable tr.a { - background: #f6f6f6; -} -table.nicetable tr:nth-child(even) { - background: #f6f6f6; -} -table.nicetable tr.gone { - color: #666666; - background-color: #cccccc; -} -table.nicetable tr:hover { - background: #FFF5CC; - cursor: pointer; -} -table.nicetable tr td { - padding: 0.25em; -} -table.nicetable tr td a:hover { - text-decoration: none; -} -table.nicetable .title { - text-align: left; -} -table.nicetable .data { - width: 12%; -} - -.promo { - background: #ffd000; - padding: 1em; - margin-bottom: 1em; - overflow: hidden; - position: relative; -} -.promo .close-promo { - position: absolute; - top: 0.5em; - right: 0.5em; - display: block; - width: 16px; - height: 16px; - text-indent: -999999px; - background: url(images/sprite.png) -341px -263px no-repeat; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - -o-border-radius: 4px; - -ms-border-radius: 4px; - -khtml-border-radius: 4px; - border-radius: 4px; -} -.promo .close-promo:hover { - background: #222222 url(images/sprite.png) -341px -223px no-repeat; -} - .alert { background: #ff0000; padding: 1em; @@ -1991,54 +1393,10 @@ table.nicetable .data { color: #ffd000; } -.pagination { - text-align: center; - padding: 0.5em 1em; - background: #eee; - position: relative; -} -.pagination .prev { - position: absolute; - left: 0.5em; -} -.pagination .next { - position: absolute; - right: 0.5em; -} -.pagination a { - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: middle; - *vertical-align: auto; - background: #ffd000; - padding-left: 0.5em; - padding-right: 0.5em; - color: #1a1a1a; -} -.pagination a { - *display: inline; -} -.pagination a:hover { - color: #1a1a1a; - text-decoration: none; - background: #e7bd00; -} - .desk-only { display: none !important; } -.js .hidden-js { - display: none; - visibility: hidden; -} - -.no-js .hidden-nojs { - display: none !important; - visibility: hidden; -} - /* Front page */ #front-main { text-align: center; @@ -2093,69 +1451,3 @@ table.nicetable .data { #front-main #postcodeForm div input#submit:hover { background: #333; } -#front-main a#geolocate_link { - display: -moz-inline-box; - -moz-box-orient: vertical; - display: inline-block; - vertical-align: middle; - *vertical-align: auto; - vertical-align: top; - background: #1a1a1a; - color: #C8C8C8; - padding: 0.5em; - font-family: Helmet, Freesans, sans-serif; - font-size: 0.8125em; - -moz-border-radius: 0 0 0.25em 0.25em; - -webkit-border-radius: 0 0 0.25em 0.25em; - -o-border-radius: 0 0 0.25em 0.25em; - -ms-border-radius: 0 0 0.25em 0.25em; - -khtml-border-radius: 0 0 0.25em 0.25em; - border-radius: 0 0 0.25em 0.25em; -} -#front-main a#geolocate_link { - *display: inline; -} -#front-main a#geolocate_link:hover { - text-decoration: none; - background: #2a2a2a; -} - -#front-howto #front_stats { - display: table; - width: 100%; - color: #222222; - background: #ffd000; - font-family: Helmet, Freesans, sans-serif; -} -#front-howto #front_stats div { - display: table-cell; - text-align: center; - padding: 1em; - line-height: 1.25em; - font-size: 0.8125em; - font-weight: bold; -} -#front-howto #front_stats div big { - display: block; - margin-bottom: 0.5em; - font-size: 1.5385em; -} - -#front-recently .issue-list-a, #front-recently .list-a { - border-bottom: none; - margin-bottom: 0; -} - -#alerts ul { - margin-bottom: 1em; -} -#alerts li { - padding: 0em; - margin-bottom: 0.5em; -} -#alerts .a { - background: #f6f6f6; -} -#alerts img[width="16"] { - float: right; -} |