tweaks to layout to make things look nicer for reading cobrand

3 files changed, 5 insertions, 4 deletions

diff --git a/templates/web/reading/footer.html b/templates/web/reading/footer.html
index 900e9bfbb..be410bbfc 100644
--- a/templates/web/reading/footer.html
+++ b/templates/web/reading/footer.html
@@ -5,7 +5,7 @@
 <ul id="navigation">
 <li><a href="/">[% loc("Report a problem") %]</a></li>
 <li id="nav_new"><a href="/my">[% loc("Your reports") %]</a></li>
-<li><a href="/reports">[% loc("All reports") %]</a></li>
+<li><a href="/reports/Reading">[% loc("All reports") %]</a></li>
 <li><a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]">[% loc("Local alerts") %]</a></li>
 <li><a href="/faq">[% loc("Help") %]</a></li>
 </ul>
diff --git a/templates/web/reading/header.html b/templates/web/reading/header.html
index 9eb0a4050..64674cad6 100644
--- a/templates/web/reading/header.html
+++ b/templates/web/reading/header.html
@@ -10,10 +10,9 @@
 	<title>Reading Borough Council | Title of 3rd party product</title>
     <link rel="shortcut icon" href="[% version('/cobrands/reading/images/favicon.ico') %]">
     <link rel="stylesheet" type="text/css" href="[% version('/css/core.css') %]">
-    <link rel="stylesheet" type="text/css" href="[% version('/css/main.css') %]">
-    <link rel="stylesheet" type="text/css" href="[% version('/cobrands/reading/css/mysoc.css') %]" />
     <link rel="stylesheet" type="text/css" href="[% version('/cobrands/reading/css/reading.css') %]" />
     <link rel="stylesheet" type="text/css" href="[% version('/cobrands/reading/css/print3rdParty.css') %]" media="print"/>
+    <link rel="stylesheet" type="text/css" href="[% version('/cobrands/reading/css/mysoc.css') %]" />
 
     [% INCLUDE 'common_header_tags.html' %]
 
@@ -32,7 +31,6 @@
             [%- loc('Fix<span id="my">My</span>Street') %]
         [%- IF NOT title AND NOT c.req.path %]</h1>[% ELSE %]</a></div>[% END %]
 
-        <div id="wrapper"><div id="mysociety">
         <ul id="meta">
             [% IF c.user_exists %]
                 <li>[% tprintf(loc('Signed in as %s'), c.user.name || c.user.email) %]
@@ -41,3 +39,5 @@
                 <li>&nbsp;</li>
             [% END %]
         </ul>
+
+        <div id="wrapper"><div id="mysociety">
diff --git a/web/cobrands/reading/css/mysoc.css b/web/cobrands/reading/css/mysoc.css
new file mode 100644
index 000000000..3db0b87d2
--- /dev/null
+++ b/web/cobrands/reading/css/mysoc.css
@@ -0,0 +1 @@
+html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:"Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;margin:0;padding:0}h1{margin:0;font-size:175%}h2{font-size:140%}select,input,textarea{font-size:99%;max-width:95%}#mysociety a.unsuitable-report{font-size:small}#mysociety blockquote{border-left:solid 4px #000}#mysociety .a{color:#000000;background-color:#ecf5fd}#mysociety #postcodeForm{background-color:#ecf5fd}#mysociety #front_stats div{background-color:#ecf5fd}#mysociety p.promo{border-top:1px solid #bbb;border-bottom:1px solid #bbb;background-color:#eee;text-align:center;padding:0 0.5em}#header{font-size:200%;font-weight:bold;border-bottom:solid 2px #000;margin:0;padding:0.15em 0.5em;background-color:#ecf5fd;color:#000}#header a:link,#header a:visited{color:#000;background-color:#ecf5fd;text-decoration:none}#header a:active,#header a:hover{text-decoration:underline}#my{color:#000;background-color:#ecf5fd}#mysociety{width:100%;position:relative;margin:0 auto;max-width:60em;overflow:auto}#wrapper{margin:1em 2em}#meta{list-style-type:none;margin:0.25em 0 0 1em;padding:0;font-size:0.875em}#meta li{display:inline;margin:0;padding:0 0 0 0.25em;border-left:solid 1px #000}#meta li:first-child{border-left:none}.v{display:none}#navigation{position:absolute;top:1em;right:1em;padding:0;margin:0;list-style-type:none}#navigation li{display:inline;padding:0;margin:0}#navigation a{display:-moz-inline-box;display:inline-block;padding:0.4em 1em}#navigation a:link,#navigation a:visited{color:#000}#navigation a:hover,#navigation a:active{background-color:#000;color:#ecf5fd;-moz-border-radius-topleft:0.5em;-webkit-border-top-left-radius:0.5em;border-radius-top-left:0.5em;-moz-border-radius-topright:0.5em;-webkit-border-top-right-radius:0.5em;border-radius-top-right:0.5em}#nav_new a{background-image:url("/i/new.png");background-repeat:no-repeat;background-position:100% 0}#logo{border:none;position:absolute;top:3.3em;right:10px}.ie6 #logo{display:none}.ie6 #logoie{width:133px;height:26px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/mysociety-dark.png',sizingMethod='scale');position:absolute;top:4em;right:10px;cursor:pointer}#footer{clear:both;text-align:center;border-top:solid 2px #ccc;width:50%;margin:1em auto 0;padding:0;color:#333333}#footer .l,#footer .r{margin-top:0;text-align:left;width:45%}#footer .l{float:left}#footer .r{float:right}@media all and (max-width: 50em){#logo{display:none}#header{font-size:150%}h1{font-size:140%}h2{font-size:130%}#navigation{position:static;border-top:solid 2px #000;border-bottom:solid 2px #000;margin:1em 0;padding:0.15em 0.5em;text-align:center;background-color:#ecf5fd;color:#000}#navigation a:hover,#navigation a:active{background-color:#000;color:#ecf5fd;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em}#footer{width:auto;padding:0 1em;border-top:none}#wrapper{margin:0em 1em}}a{color:#9C2161}body{font-family:Helvetica, Arial, sans-serif;font-size:13.5px;color:black}#mysociety #map_box{width:422px}#mysociety #map{width:420px;height:420px}#mysociety div{padding-bottom:0.2em;padding-top:0.2em}#mysociety ul{padding:0 0 0 1.5em;margin:0}#mysociety h3{font-size:1.17em;font-weight:bold;margin:1em 0em 1em 0em}#mysociety h2{font-weight:bold;margin:1em 0em 1em 0em}#mysociety ul,#mysociety ol{padding-left:2em}#mysociety dd{margin-left:40px}#navigation{margin-top:125px}h1#header{font-size:200%;margin-bottom:0em}#logo{top:12.5em}