SHOW/HIDE THIS MENU
Home
Article (compiled)
Directory (compiled)
Listing (compiled)
Homepage (compiled)
News index (compiled)
VIP Login/Register
MBS Homepage
Header (section)
Footer (section)
Search form - Sidebar (component)
Related articles - Sidebar (component)
Text - Sidebar (component)
Additional info - Sidebar (component)
Result item
Result item (minimal)
Slider MINMAX - Sidebar (component)
Slider MAX - Sidebar (component)
Checkboxes - Sidebar (component)
Directory - Sidebar (section)
Directory (section)
Article - Sidebar (section)
Article - Content (section)
Sidebar - Listing (section)
Listing - Content (section)
Home
Section 1
Section 2
Section 3
Section 4
Section 5
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.
Read more
Find a place
to stay
Where
Type
Hotels, B&Bs
Cottages
Holiday Parks
Apartments
Hostels
I know my travel dates
Arrival
Flexibility
None
+/-1 day
+/-2 days
+/-3 days
Staying for
1 night
2 nights
3 nights
4 nights
5 nights
6 nights
7 nights
8 nights
9 nights
10 nights
11 nights
12 nights
13 nights
14 nights
15 nights
16 nights
17 nights
18 nights
19 nights
20 nights
21 nights
22 nights
23 nights
24 nights
25 nights
26 nights
27 nights
28 nights
Departure
25-Sep-2013
Staying in
1 room
2 rooms
3 rooms
4 rooms
5 rooms
6 rooms
7 rooms
8 rooms
9 rooms
10 rooms
11 rooms
12 rooms
13 rooms
14 rooms
15 rooms
16 rooms
17 rooms
18 rooms
19 rooms
20 rooms
Room 1 occupants
1 adult
2 adults
3 adults
4 adults
5 adults
6 adults
7 adults
8 adults
9 adults
10 adults
11 adults
12 adults
13 adults
14 adults
15 adults
16 adults
17 adults
18 adults
19 adults
20 adults
0 children
1 child
2 children
3 children
4 children
5 children
6 children
7 children
8 children
9 children
10 children
11 children
12 children
13 children
14 children
15 children
16 children
17 children
18 children
19 children
20 children
Room 2 occupants
Room 3 occupants
Room 4 occupants
Room 5 occupants
Room 6 occupants
Room 7 occupants
Room 8 occupants
Room 9 occupants
Room 10 occupants
Room 11 occupants
Room 12 occupants
Room 13 occupants
Room 14 occupants
Room 15 occupants
Room 16 occupants
Room 17 occupants
Room 18 occupants
Room 19 occupants
Room 20 occupants
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; }