5 files changed, 295 insertions, 0 deletions
diff --git a/web/cobrands/reading/css/css.scss b/web/cobrands/reading/css/css.scss
new file mode 100644
index 000000000..d9f3083ee
--- /dev/null
+++ b/web/cobrands/reading/css/css.scss
@@ -0,0 +1,86 @@
+// Generics
+
+$header_back: #ecf5fd;
+$header_back_lighter: #ecf5fd;
+$header_colour: #000;
+$header_darker: #000;
+
+$map_width: 420px;
+
+@import "../../../css/_main.scss";
+
+    #navigation {
+        margin-top: 125px;
+    }
+
+    h1#header {
+        font-size: 200%;
+        margin-bottom: 0em;
+    }
+
+    #logo {
+        top: 12.5em;
+    }
+
+    a {
+        color: #9C2161;
+    }
+
+    body {
+        font-family: Helvetica, Arial, sans-serif;
+        font-size: 13.5px;
+        color: black;
+    }
+
+#mysociety {
+
+    #map_box {
+        width: $map_width + 2;
+    }
+
+    #map {
+        width: $map_width;
+        height: $map_width;
+    }
+
+    dd {
+        margin-left: 40px;
+    }
+
+    div {
+        padding-top: 0.2em;
+        padding-bottom: 0.2em;
+    }
+
+    h3 {
+        font-size: 1.17em;
+        font-weight: bold;
+        margin: 1em 0em 1em 0em;
+    }
+
+    h2 {
+        font-weight: bold;
+        margin: 1em 0em 1em 0em;
+    }
+
+    ul, ol {
+        padding-left: 2em;
+    }
+
+    label {
+       width: 6em;
+    }
+
+    .fieldset div.checkbox, #problem_submit {
+        padding-left: 6.5em;
+    }
+
+    table {
+        border-collapse: separate;
+        border-spacing: 1px;
+    }
+
+    td {
+        padding: 3px;
+    }
+}
diff --git a/web/cobrands/reading/css/print3rdParty.css b/web/cobrands/reading/css/print3rdParty.css
new file mode 100644
index 000000000..f5b7ebc83
--- /dev/null
+++ b/web/cobrands/reading/css/print3rdParty.css
@@ -0,0 +1,33 @@
+body {
+   background: white;
+   font-size: 12pt;
+   color:#000;
+   }
+#access,   
+.header .social, .nav, .footer  {
+   display: none;
+}
+.wrapper, #content {
+   width: auto;
+   margin: 0 2%;
+   padding: 0;
+   border: 0;
+   float: none !important;
+   color: black;
+   background: transparent none;
+}
+p#logo img.printMe  { display:block; vertical-align: bottom; }   
+div#content {
+   margin-left: 5%;
+   padding-top: 1em;
+   border-top: 1px solid #9c2161;
+}
+p#logo {
+   margin-bottom: -8px;
+}
+a:link, a:visited {
+   color: #9c2161;
+   background: transparent;
+   font-weight: bold;
+   text-decoration: underline;
+}
+\ No newline at end of file
diff --git a/web/cobrands/reading/css/reading.css b/web/cobrands/reading/css/reading.css
new file mode 100644
index 000000000..4daef13c9
--- /dev/null
+++ b/web/cobrands/reading/css/reading.css
@@ -0,0 +1,176 @@
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+blockquote, q { quotes: none; }
+blockquote:before, blockquote:after,
+q:before, q:after { content: ''; content: none; }
+ins { background-color: #ff9; color: #000; text-decoration: none; }
+mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
+del { text-decoration: line-through; }
+abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
+table { border-collapse: collapse; border-spacing: 0; }
+hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
+input, select { vertical-align: middle; }
+body { font:13px/1.231 sans-serif; *font-size:small; } 
+select, input, textarea, button { font:99% sans-serif; }
+pre, code, kbd, samp { font-family: monospace, sans-serif; }
+html { overflow-y: scroll; }
+a:hover, a:active { outline: none; }
+ul, ol { margin-left: 0; }
+ol { list-style-type: decimal; }
+nav ul, nav li,
+.nav ul, .nav li{ margin: 0; list-style:none; list-style-image: none; }
+small { font-size: 85%; }
+strong, th { font-weight: bold; }
+td { vertical-align: top; }
+sub, sup { font-size: 75%; line-height: 0; position: relative; }
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
+textarea { overflow: auto; }
+.ie6 legend, .ie7 legend { margin-left: -7px; } 
+input[type="radio"] { vertical-align: text-bottom; }
+input[type="checkbox"] { vertical-align: bottom; }
+.ie7 input[type="checkbox"] { vertical-align: baseline; }
+.ie6 input { vertical-align: text-bottom; }
+label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
+button, input, select, textarea { margin: 0; }
+input:valid, textarea:valid   {  }
+input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
+.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
+button {  width: auto; overflow: visible; }
+img { -ms-interpolation-mode: bicubic; }
+body {
+	margin:0;
+	padding:0;
+	font:normal 14px Helvetica, Arial, serif;
+}
+
+
+
+/*Main Structure*/
+.wrapper {
+	max-width: 1376px;
+	margin-bottom:20px;
+}
+header, nav, footer, 
+.header, .nav, .footer,
+#content{
+	margin:0 20px;
+}
+
+
+.header {}
+
+p#reading-logo{
+	text-indent:-9999px;
+	background:url("/cobrands/reading/images/reading-borough-council-logo.gif") top left no-repeat;
+	width:176px;
+	padding-bottom:20px;
+}
+p.thirdParty#reading-logo { margin-top:35px;}
+p#reading-logo img.printMe { display:none;}
+p#reading-logo a{
+	display:block;
+	height:38px;
+}
+
+#content{
+	margin-top:30px;
+}
+#content h1 {
+	font-weight: bold;
+	font-size:1.6em;
+	margin-bottom:1em;
+}
+.thirdParty { }
+.thirdParty p { margin-bottom:1em;}
+	.footer .contact {
+		width:44%!important;
+	}
+	.footer .links {
+		width:55%!important;
+		margin-right:0!important;
+	}
+	.footer .links ul li {
+		display:inline;
+		font-size:12px;
+		margin-right:3px;
+		border-right:1px solid #999;
+		padding-right:4px;
+	}
+	.footer .links ul li.last {
+		margin-right:0;
+		border:none;
+		paddin-right:0;
+	}
+	.footer .partners {
+		width:100%!important;
+	}
+footer,
+.footer{
+	margin-top:15px;
+}
+footer h3,
+.footer h3{
+	border-bottom:1px solid #b4b4b4;
+	padding-bottom:3px;
+	margin-bottom:10px;
+}
+footer p.title,
+.footer p.title{
+	border-bottom:1px solid #b4b4b4;
+	padding-bottom:3px;
+	margin-bottom:10px;
+}
+footer .contact,
+.footer .contact {
+	width:38.9%;
+	margin-top:15px;
+}
+footer .links,
+.footer .links {
+	width:15%;
+	margin-top:15px;
+}
+footer .partners,
+.footer .partners {
+	width:44%;
+	margin-top:15px;
+}
+footer h4,
+.footer h4 {display:inline;}
+footer .contact,
+footer .links,
+.footer .contact,
+.footer .links {
+	margin-right:1%;
+}
+footer .contact address, footer .contact .phone,
+.footer .contact address, .footer .contact .phone{
+	width:49%;
+}
+footer .contact,footer .links,footer .contact address,footer .contact .phone,footer .partners,
+.footer .contact,.footer .links,.footer .contact address,.footer .contact .phone,.footer .partners{
+	float:left;
+	font-style:normal
+}
+.clear { clear:both;}
+
diff --git a/web/cobrands/reading/images/favicon.ico b/web/cobrands/reading/images/favicon.ico
new file mode 100755
index 000000000..2619d70e9
--- /dev/null
+++ b/web/cobrands/reading/images/favicon.ico
diff --git a/web/cobrands/reading/images/reading-borough-council-logo.gif b/web/cobrands/reading/images/reading-borough-council-logo.gif
new file mode 100644
index 000000000..8532e63ea
--- /dev/null
+++ b/web/cobrands/reading/images/reading-borough-council-logo.gif