/* ----------------------------------------------- Hay Festival v1.0 - Segovia Stylesheet Author: Finn Beales - hello@madebyfinn.com Version: 02/2011 CONTENTS: 1 Button colours 2 Navigation colour styles 3 Header logo 4 Picture boxes on right hand side of homepage 5 Homepage sales image 6 Standard content page ----------------------------------------------- */ /* Overrides */ div#prog-list div.event p.sponsor, div#prog-event-wrapper p.sponsor { color:#f2b600; } .highlighter { color:#f2b600; } /* 1 Segovia buttons (Sandy Orange) ----------------------------------------------- */ .button, .CartDeleteButton, .UpdateCartButton, .ContinueShoppingButton, .CheckoutNowButton, .AddToCartButton, .PaymentPageContinueCheckoutButton, .ReviewPageContinueCheckoutButton, .ContinueCheckoutButton, .normalButtons, .SelectAddressButton, .EditAddressButton, .AccountPageContinueCheckoutButton, .UpdateAccountButton, .CreateAccount, .EditAddressButton, .button-standard, .btn, .button-big, .back, input.btn-login { color: #fff; border: solid 1px #dfa800; background: #f2b600; background: -webkit-gradient(linear, left top, left bottom, from(#f2b600), to(#d7a200)); background: -moz-linear-gradient(top, #f2b600, #d7a200); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2b600', endColorstr='#d7a200'); } .button:hover, .CartDeleteButton:hover, .UpdateCartButton:hover, .ContinueShoppingButton:hover, .CheckoutNowButton:hover, .AddToCartButton:hover, .PaymentPageContinueCheckoutButton:hover, .ReviewPageContinueCheckoutButton:hover, .ContinueCheckoutButton:hover, .normalButtons:hover, .SelectAddressButton:hover, .EditAddressButton:hover, .AccountPageContinueCheckoutButton:hover, .UpdateAccountButton:hover, .CreateAccount:hover, .EditAddressButton:hover, .button-standard:hover, .btn:hover, .button-big:hover, .back:hover, input.btn-login:hover { background: #d7a200; background: -webkit-gradient(linear, left top, left bottom, from(#d7a200), to(#c79600)); background: -moz-linear-gradient(top, #d7a200, #c79600); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7a200', endColorstr='#c79600'); } .button:active, .CartDeleteButton:active, .UpdateCartButton:active, .ContinueShoppingButton:active, .CheckoutNowButton:active, .AddToCartButton:active, .PaymentPageContinueCheckoutButton:active, .ReviewPageContinueCheckoutButton:active, .ContinueCheckoutButton:active, .normalButtons:active, .SelectAddressButton:active, .EditAddressButton:active, .AccountPageContinueCheckoutButton:active, .UpdateAccountButton:active, .CreateAccount:active, .EditAddressButton:active, .button-standard:active, .btn:active, .button-big:active, .back:active, input.btn-login:active { color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#c79600), to(#d7a200)); background: -moz-linear-gradient(top, #c79600, #d7a200); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c79600', endColorstr='#d7a200'); } /* 2 Navigation colour styles ----------------------------------------------- */ #nav .active span, #nav a:hover span, #nav li:hover a span, #nav li.hover a span, .add-nav .active a, .add-nav .active span, .add-nav a:hover span, .add-nav li:hover a span, .add-nav li.hover a span { background:url(images/arrow-segovia.png) no-repeat; } #nav .active a, #nav a:hover, #nav li:hover a, #nav li.hover a, .add-nav a:hover, .add-nav li:hover a, .add-nav li.hover a { background:#f2b600; } #nav ul { border-bottom:5px solid #f2b600; } #main { border-top:3px solid #f2b600; /*font-family: 'TradeGothicLTStdRegular';*/ } .add-nav ul { border-bottom:5px solid #f2b600; } .title { border-bottom:5px solid #f2b600; } /* Language flag */ .lang-select { background:url(images/bg-spanish-version.gif) no-repeat 0 50%; } #ENG .lang-select { background:url(images/bg-english-version.gif) no-repeat 0 50%; } /* 3 Logo ----------------------------------------------- */ .logo { display:block; text-indent:-9999px; overflow:hidden; background:url(images/logo-segovia.gif) no-repeat; width: 586px; height: 53px; margin:5px 0 0; } .colour-blocks { padding-top:5px; } /* 4 Picture boxes on right hand side of homepage ----------------------------------------------- */ .text-box a { color:#fff; display:block; background:url(images/bg-text-box-segovia.png); width:211px; padding:10px 5px 8px 10px; cursor:pointer; } .text-box a:hover { background:url(images/bg-text-box-segovia-hover.png); text-decoration:none; } .box:hover .text-box-holder, .aside .hover .text-box-holder { background:url(images/bg-text-box-segovia-hover.png); } /* 5 Homepage sales image ----------------------------------------------- */ .sales-block { width:100%; border-bottom:1px solid #ccc; padding:0 0 29px; margin:0 0 32px; } .sales-block:after { content:""; display:block; clear:both; } .sales-block img { float:right; } .text-block { float:left; width:460px; padding:18px 0 0; line-height:18px; color:#010101; vertical-align:top; } .prefix { text-transform:uppercase; font-size:18px; } .prefix p { margin-bottom:12px; } .text-block h1 { margin:0 0 18px 0; position:relative; z-index:2; font-size:38px; font-family: 'Trade Gothic W02 Bold 2'; text-transform:uppercase; } .text-block h2 { font-size:18px; line-height:24px; font-weight:normal; margin:0 0 18px 0; padding:0; text-transform:none; border-bottom:none; } /* 6 Standard content page ----------------------------------------------- */ h2 { border-bottom:5px solid #f2b600; margin:0 0 20px 0; padding:0 0 15px 0; position:relative; } /* 7 Weblingo colour changes ----------------------------------------------- */ #tabnav A.active:link, #tabnav A.active:visited { background-color:#f2b600; color:#fff; } #tabnav A:hover { background-color:#f2b600; color:#fff; } table#calendar_of_events td.session { background-color:#ecfdfe; border-bottom-color:#f2b600; } table#calendar_of_events td.session:hover { background-color:#e2feff; } /* 8 IE Specific styles ----------------------------------------------- */ * html #nav a:hover span, * html #nav li:hover a span, * html #nav li.hover a span, * html .add-nav a:hover span, * html .add-nav li:hover a span, * html .add-nav li.hover a span { background-position:-9999px -9999px; filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/arrow-segovia.png', sizingmethod='crop'); } * html .text-box a { background:none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-text-box-segovia.png', sizingmethod='scale'); } * html .text-box a:hover { background:none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-text-box-segovia-hover.png', sizingmethod='scale'); }