Yorkshire news

This is the title of the news post

@ 17 Aug 2013 - 14h22

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

standard: /**************/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: Sans-Serif; color: #2D2D2D; font-size: 14px; line-height: 145%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /**************/ /* Mobile ----------- */ @media only screen and (min-width:0px) and (max-width:760px) { .container > div, .mobileFullWidth { display: block; width: 99.5% !important; float: left !important; margin: 0 auto; padding: 0; } .horizontalStackMobileOnly ul { padding: 0px } /* Listing images */ .horizontalStackMobileOnly li { float: left; display: block; padding: 0.4% 1%; } .mobilePadding{ padding: 1%; } .mobileExtraPadding { margin: 3% 0 !important; padding: 3% 0 !important; } .mobileDisplayNone { display: none !important } .mobileDisplayOnly { display: visible } .container .pageContent { width: 100% !important } .container .sidebar { padding: 1% 0 0 0 !important } .button { width: 98% !important; } .map{ margin: 0 auto; width: 98%; } .mobileTinyText { font-size: 0.6em; line-height: 1.3em; } .navigation { padding: 2% !important; width: 96% !important; } .navigation li { padding: 1% 0 !important; border: none !important; } } /* Desktop ----------- */ @media only screen and (min-width:761px) { .mobileDisplayOnly { display: none } } /* 1100px + ----------- */ @media only screen and (min-width:1032px) { .mobileDisplayOnly { display: none } .container { width: 960px !important } } /* Styles */ h1, h2, h3, h4, h5{ font-weight: bold; } h1{ font-size: 1.5em; } h2{ font-size: 1.3em; } h3,h4,h5{ font-size: 1.1em; } .container{ width: 100%; } .roundedBorders{ -moz-border-rdaius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ } .primaryFont1{ font-family: "Nunito", sans-serif; } .primaryFont2{ font-family: "PT Sans", sans-serif; } .horizontalStack ul{ padding: 0px; } /* Listing images */ .horizontalStack li{ float: left; display: block; padding: 0.4% 1%; } body{ background-color: #85CFEA; } .floatRight{ float: right; } .floatLeft{ float: Left; } .alignRight{ text-align: right; } a{ font-size: 0.86em; color: #004890; } .lightTextOnDark{ color: #fff; } .lightTextOnDark a{ color: #fff; text-decoration: none; } .lightTextOnDark a:hover{ text-decoration: underline; } .content .heading{ font-size: 1.5em; margin: 0 8%; width: 84%; display: inline-block; } .bullets li:before{ content: "\2023\A0"; } .bullets li ul li:before{ content: '\00BB\A0'; padding-left: 15px; } /* Sidebar */ .innerBox{ padding: 2%; } .innerBox .top .text{ padding: 0 2% 2% 2%; background-color: #004890; } .innerBox .innerContent{ width: 92%; padding: 4%; background-color: #fff; } .filter .componentContent .heading{ font-size: 1.5em; padding: 0 5px; } .filter .heading .text{ text-decoration: underline; } .primaryColour1{ color: #5BA743; } .primaryColour2{ color: #004890; } .primaryColour3{ color: #FFFF01; } .primaryColour4{ color: #614B89; } .primaryColour5{ color: #818181; } .primaryColour6{ color: #ff2929; } .extrastandoutText{ font-size: 3em; padding: 3%; } .mediumstandoutText{ font-size: 2.5em; padding: 3%; } .standoutText{ font-size: 1.3em; } .smallText{ font-size: 0.9em; } .tinyText{ font-size: 0.6em; } .spacer{ height: 50px; } .boldText{ font-weight: bold; } .strikeThroughText{ text-decoration: line-through; } .alignCenterText{ text-align: center; } .disclaimerText{ color: #616161; font-family: sans-serif; font-size: 0.8em; line-height: 100%; } .filter .componentContent{ background-color: #F79422; } /* sidebar */ .inheritParentFontStyle{ text-decoration: inherit; color: inherit; font-size: inherit; } .mediumPadding{ padding: 5px; } .button { min-height: 15px; font-weight: bolder; border: solid 1px; text-align: center; margin: 5px auto; padding: 0.4% 1%; font-size: 1.1em; -moz-border-rdaius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ cursor: pointer; } .button.buttonForm { border-color: #fff; color: #fff; background-color: #F89422; } .button.buttonCTA { color: #fff; background-color: #5BA743; border-color: #FFFFFF; } .button.buttonSO { color: #fff; background-color: #614B89; border-color: #FFFFFF; } .button.ButtonGen { color: #fff; background-color: #004890; border-color: #FFFFFF; } .component{ margin-bottom: 5%; } .component .top, .component .bottom{ width: 100%; } .component .top img, .component .bottom img{ width: 100%; display: block; } .component .content{ width: 100%; overflow: hidden; display: block; } /* Rating */ .sr { display: block; height: 24px; line-height: 18px; position: relative; width: 122px; } .sr_a { background: url("assets/star_ratings.png") no-repeat scroll 0 -18px rgba(0, 0, 0, 0); display: block; height: 18px; position: absolute; top: 1px; width: 18px; } .sr_a_aa { background-position: -20px -18px; } .sr_a_vb, .sr_a_dhc, .sr_a_gue, .sr_a_hcg, .sr_a_iom, .sr_a_jer, .sr_a_msa, .sr_a_norc, .sr_a_qc { background-position: -40px -18px; } .sr_a_vsc { background-position: -80px -18px; } .sr_a_vw { background-position: -120px -18px; } .sr_a_ni { background-position: -160px -18px; } .sr_a_sykes { background-position: 0 -36px; } .sr_r { background: url("assets/star_ratings.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 18px; left: 22px; position: absolute; width: 100px; } .sr_r_4 { background-position: -20px 0; } .sr_r_3 { background-position: -40px 0; } .sr_r_2 { background-position: -60px 0; } .sr_r_1 { background-position: -80px 0; } /* Clearfix */ .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } * html .group { zoom: 1; } /* IE6 */ *:first-child+html .group { zoom: 1; } /* IE7 */ .header{ background-color: #85CFEA; } .header .logo .hamburger, .header .logo .search{ width: 25%; text-align: center; margin: 2% 0 0 0; cursor: pointer; text-align: right; } .header .logo .search img, .header .logo .hamburger img{ width: 35%; } .header .logo{ width: 79%; } .header .logo .iknow{ width: 50%; } .header .logo .iknow img{ width: 100%; } .header .logo .sims{ text-align: right; width: 50%; } .header .logo .sims img{ width: 30%; } .header .banner{ width: 20%; } .header .banner img{ width: 100%; } .navigation{ background-color: #004890; width: 100%; display: inline-block; } .navigation li{ list-style-type: none; float: left; padding: 1% 2%; background-color: #004890; border-right: #fff solid 1px; } .container{ margin: 0 auto; } .upperShadow{ background-color: #fff; -webkit-box-shadow: -2px -17px 17px -16px #000000; -moz-box-shadow: -2px -17px 17px -16px #000000; box-shadow: -2px -17px 17px -16px #000000; } .container .pageContent{ width: 74%; float: right; padding: 1% 0 0 0; } .pageContent .pageContentTitle{ padding: 1%; background-color: #004890; border: solid 2px #004890; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; /* future proofing */ -khtml-border-radius: 10px 10px 0 0; /* for old Konqueror browsers */ } .pageContent .pageContentBody{ padding: 1%; background-color: #fff; } .container .sidebar{ width: 25%; float: left; padding: 1% 1% 0 0; } .container .footer{ width: 100%; float: left; } .informationBox{ border: solid 2px #004890; margin: 0 1%; width: 98%; } .informationBoxTitle{ padding: 5px 2% 5px 2%; background-color: #004890; } .informationBoxContent{ width: 100%; min-height: 150px; } .additionalinfo .content .heading{ padding: 0 5px; } .additionalinfo .heading .text{ text-decoration: underline; } .additionalinfo .content{ background-color: #F79422; } .resultImages img{ width: 100%; } .thumbnails > li{ width: 31%; padding: 1%; text-align: center; }
article: .newsImage{ padding: 1%; width: 33%; } .publishedDate{ background-color: #5BA743; padding: 0 3px; } .newsImage img{ width: 100%; } .newsSnippet{ padding: 1%; width: 63%; } .newsInformation{ width: 100%; }
searchform: .component.searchform{ color: #fff; } .component.searchform .content{ background-color: #5BA743; } .component.searchform form li, .component.searchform form>div{ margin: 2%; } .component.searchform form{ font-size: 1.0em; text-align: right; margin: 0 5px; } .component.searchform select, .component.searchform input[type="text"]{ font-size: 1.0em; } .component.searchform input[type="text"]{ width: 60%; } .component.searchform .search_form_type{ width: 65%; } .component.searchform select{ width: 45%; } .component.searchform .text{ width: 90%; float: left; } .component.searchform .arrowDownButton{ width: 10%; margin-top: 10px; float: right; }