/* Shortcodes /////////////////////////////////////////// */ .sw { width: 960px; } .bb { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .rc (@tl: 5px, @tr: 5px, @br: 5px, @bl: 5px) { border-radius: @arguments; -moz-border-radius: @arguments; -webkit-border-radius: @arguments; } .bts { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); } .wts { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } /* Colors */ @wine: #A7001C; @vanilla: #ffd777; @butter: #FCECC7; @sand: #f1dfc9; @coffee: #382e2c; @green: #11553b; /* Basic structure */ #container { width: 100%; padding: 0 0 40px; background: @sand url(images/site-bg.jpg) 0 0 repeat; } header { width: 100%; background: url(images/header-bg.jpg) left bottom repeat-x; } footer { width: 100%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth { float: left; position: relative; margin: 0 0 0 0; } .one_full { width: 100%; } .one_half { width: 48%; margin-right: 4%; } .one_third { width: 30%; margin-right: 5%; } .two_third { width: 65%; margin-right: 5%; } .one_fourth { width: 22%; margin-right: 4%; } .three_fourth { width: 74%; margin-right: 4%; } .last { margin-right: 0 !important; } /* Header style */ .header-wrap { .sw; .bb; margin: 0 auto; padding: 40px 0 0 0; } .header-logo { position: relative; margin: 0 auto; .rc(10px, 10px, 0, 0); } .header-logo img { .rc(5px, 5px, 0, 0); } /* Slider */ .header-image { position: relative; margin: 0 auto; } /* Main navigation style */ nav { position: relative; overflow: hidden; width: 100%; margin: -50px 0 0 0; background: url(images/nav-bg.jpg) left bottom repeat-x; } nav ul.main-nav { position: relative; clear: left; float: left; left: 50%; text-align: center; } nav ul.main-nav li { position: relative; float: left; display: block; right: 50%; border-right: solid 1px rgba(0, 0, 0, 1.0); } nav ul.main-nav li:last-child { border: none; } nav ul.main-nav li:first-child a { .rc(5px, 0, 0, 0); } nav ul.main-nav li:last-child a { .rc(0, 5px, 0, 0); } nav ul.main-nav li a { display: block; height: 50px; line-height: 50px; padding: 0 16px; background: @coffee; color: #fff; font-weight: bold; .bts; } nav ul.main-nav li a.selected { background: #fff url(images/selected-menu-bg.jpg) left top repeat-x; color: @wine; .wts; } /* Content style */ #main { .sw; .bb; margin: 0 auto; background: #fff url(images/main-bg.jpg) left top no-repeat; border-left: solid 1px @coffee; border-right: solid 1px @coffee; } article { .bb; float: left; width: 720px; padding: 30px 20px 10px; position: relative; } aside { .bb; float: right; width: 238px; padding: 30px 20px; } .image-border { padding: 9px; background: @coffee; margin: 0 0 15px 0; } section:before, section:after { content: ""; display: table; } section:after { clear: both; } section { zoom: 1; margin: 0 0 15px 0; } /* Typo */ article h1 { margin: 20px 0 30px 0; font-weight: bold; font-size: 34px; line-height: 100%; color: @wine; .wts; } article h2 { margin: 0 0 10px 0; font-weight: bold; font-size: 24px; color: @coffee; .wts; } article h3 { margin: 0 0 15px 0; font-weight: bold; font-size: 20px; line-height: 120%; color: @coffee; .wts; } article h4 { margin: 0 0 5px 0; font-weight: 400; font-size: 16px; color: @green; .wts; line-height: 120%; } article p { margin: 0 0 15px 0; line-height: 150%; } article ul, ol { margin: 0 0 15px 0; line-height: 150%; list-style-position: outside; } article ul.agenda { list-style: none !important; } article ul.agenda li { list-style: none !important; margin: 0 0 0 6px; } article li { margin: 0 0 0 15px; } article blockquote { .bb; width: 100%; margin: 60px 0 0 0; border-left: dotted 1px @coffee; } article blockquote p { padding: 0 0 0 20px; font-size: 16px; font-family: Times; font-style: italic; line-height: 160%; } article .hotel { float: left; margin-right: 10px; } article .hotel-text { margin: 0 0 0 190px; } article .hotel-text span.fullybooked { background-color: @wine; color: @butter; .rc(); padding: 3px 6px; .bts; float: right; } a, a:visited, a:hover {color: @wine; } .go-right { position: absolute; right: 40px; color: @wine; font-weight: bold; font-style: normal; } .go-right a { color: @wine; font-weight: bold; } .taxi { margin: 5px 0 10px 0; } .taxi p {margin: 0 0 0 70px;} .feedback-icon { float: left; margin: 0 20px 0 0; } aside h4 { margin: 0 0 5px 0; padding: 20px 20px 0; font-weight: 400; font-size: 16px; color: white; .bts; } aside p { padding: 0 20px 0; color: @butter; font-size: 12px; } aside .aside-img { .bb; background: @coffee; margin: 0 0 10px 0; padding: 0; .rc(5px, 5px, 5px, 5px); } aside .aside-img a { color: @vanilla !important; text-decoration: underline; } aside .aside-img .image-border { background: @coffee; } aside .aside-btn { background: @wine; margin: 0 0 10px 0; padding: 15px 20px; .rc(5px, 5px, 5px, 5px); } aside .aside-btn a { color: @butter; .bts; } aside .aside-menu { } .input100 { margin: 2px 0 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; border: solid 1px fadeout(@coffee, 70%); padding: 4px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .input50 { margin: 2px 0 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 50%; border: solid 1px fadeout(@coffee, 70%); padding: 4px 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .cardnum { margin: 2px 0 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: solid 1px fadeout(@coffee, 70%); padding: 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; width: 20px; } span.space { width: 10px; display: inline-block; } /* Table style */ .default-table { width: 100%; margin: 0 0 15px 0; text-align: left; line-height: 140%; } .default-table th, .default-table td { padding: 4px 8px; } .default-table tr { vertical-align: top; } .default-table tbody tr:nth-child(odd) { background: fadeout(@butter, 75%); } .default-table tbody tr:nth-child(even) { background: fadeout(@butter, 85%); } .default-table thead th { font-weight: bold; background: @wine; color: #fff; } .default-table tbody td { font-weight: normal; } .default-table tfoot td { font-style: italic; } .default-table td:first-child { width: 80px; } .default-table ul { margin: 0 0 0 10px; font-style: italic; } .reg-table { width: 100%; margin: 0 0 15px 0; text-align: left; border-left: solid 1px @butter; border-top: solid 1px @butter; } .reg-table th, .reg-table td { padding: 8px 8px; vertical-align: top; } .reg-table tbody tr:nth-child(odd) { background: fadeout(@butter, 50%); } .reg-table tbody tr:nth-child(even) { background: fadeout(@butter, 85%); } .reg-table thead th { font-weight: bold; background: @wine; color: #fff; padding: 10px; } .reg-table tbody td { font-weight: normal; border-right: solid 1px @butter; border-bottom: solid 1px @butter; } .reg-table tfoot td { font-style: italic; } span.req { color: red; font-weight: bold; } p.comment, span.comment { font-size: 11px; font-style: italic; } .reg-table thead th span.comment { font-size: 11px; font-style: italic; color: @butter; } input[type=submit] { border: none !important; padding:10px 20px; background: @wine; color: @butter; .rc(5px); } input[type=reset] { border: none !important; padding:10px 20px; background: @vanilla; color: @coffee; .rc(5px); } ul.reg-list { list-style: none; } /* Footer style */ .footer-wrap { position: relative; .sw; .bb; .rc(0, 0, 5px, 5px); margin: 0 auto; text-align: center; padding: 30px; background: @coffee; } .gototop { position: absolute; display: block; background: @coffee; top: -25px; right: 20px; padding: 5px 10px; .rc(5px, 5px, 0, 0); } .gototop a { color: @sand; .bts; } .footer-wrap p { color: @sand; .bts; margin: 0; }