/* Less Framework 4 http://lessframework.com by Joni Korpi License: http://creativecommons.org/licenses/MIT/ */ /* Resets ------ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } a img {border: 0;} /* Typography presets ------------------ */ .gigantic { font-size: 110px; line-height: 120px; letter-spacing: -2px; } .huge, h1 { font-size: 68px; line-height: 72px; letter-spacing: -1px; } .large, h2 { font-size: 42px; line-height: 48px; } .bigger, h3 { font-size: 26px; /*line-height: 36px;*/ } .big, h4 { font-size: 22px; line-height: 30px; } body { font: 11px/24px Verdana, serif; } .small, small { font-size: 13px; line-height: 18px; } /* Selection colours (easy to forget) */ ::selection {background: rgb(255,255,158);} ::-moz-selection {background: rgb(255,255,158);} img::selection {background: transparent;} img::-moz-selection {background: transparent;} body {-webkit-tap-highlight-color: rgb(255,255,158);} /* Default Layout: 992px. Gutters: 24px. Outer margins: 48px. Leftover space for scrollbars @1024px: 32px. ------------------------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 9 10 px 68 160 252 344 436 528 620 712 804 896 */ body { width: 896px; /*padding: 72px 48px 84px;*/ padding: 0px 0px 0px; background: #f2f2f2; color: #444444; -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ } img[alt=dont_resize] {width:auto;} /*.dont_resize {width:auto;} */ .addthis_toolbox {height:30px;} #column1 {float:left;background-color:#fff;width:165px;margin-top:55px;min-height:576px;} #barra_verde {border-left:4px solid #05ff3b;margin-top:10px;} #column1 ul {margin-left:60px;margin-right:10px;margin-top:10px;margin-bottom:15px;} #column1 li {list-style:none;margin-bottom:2px;} #column1 > ul > li > a {text-decoration:none;color:#000;font-size:14px;font-family: arial, serif;} /*#column1 > ul > li > a:hover {background-image: url('images/greenline.png');background-position-y:2px;}*/ #column1 > #barra_verde h1 {height:0px;overflow:hidden;padding-top:83px;background-image:url('/images/logo.jpg');background-repeat:no-repeat;background-position:12px 0px;margin-bottom:80px;} #column1 > #barra_verde > p {margin-left:14px;} #column1 > #barra_verde > p > a {color:#656565;text-decoration:none;} #column1 > #barra_verde > #external_links {margin-left:14px;margin-bottom:0px;} #column1 > #barra_verde > #external_links > li {float:left;} #newsletter {margin-top:230px;} /*.....*/ .bot_inicio {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite1.gif');background-repeat:no-repeat;padding-top:15px;} .bot_programacao {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite1.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -15px;} .bot_filhounico {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite1.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -30px;} .bot_posters {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite1.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -44px;} .bot_contactos {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite1.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -59px;} .bot_links {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite1.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -74px;} .bot_booking {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite1.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -99px;} .bot_inicio:hover {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite2.gif');background-repeat:no-repeat;padding-top:15px;} .bot_programacao:hover {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite2.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -15px;} .bot_filhounico:hover {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite2.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -30px;} .bot_posters:hover {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite2.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -44px;} .bot_contactos:hover {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite2.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -59px;} .bot_links:hover {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite2.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -74px;} .bot_booking:hover {display:block;height:0px;overflow:hidden;background-image:url('/images/sprite2.gif');background-repeat:no-repeat;padding-top:13px;background-position:0px -99px;} /*.....*/ #facebook_link {height:0px;overflow:hidden;padding-top:19px;display:block;background-image:url('/images/facebook.jpg');background-repeat:no-repeat;width:19px;} #myspace_link {height:0px;overflow:hidden;padding-top:19px;display:block;background-image:url('/images/myspace.jpg');background-repeat:no-repeat;width:19px;} #rss_link {height:0px;overflow:hidden;padding-top:19px;display:block;background-image:url('/images/rss.jpg');background-repeat:no-repeat;width:19px;} #facebook_link:hover {background-image:url('/images/facebook.jpg');background-position-y:0px;} #myspace_link:hover {background-image:url('/images/myspace.jpg');background-position-y:0px;} #rss_link:hover {background-image:url('/images/rss.jpg');background-position-y:0px;} #column1 legend {font-family: 'Arvo', arial, serif;margin-left:14px;} #column1 label {display:none;} #column1 #email {border:1px solid #b6b6b6;padding:3px;color:#999;width:100px;} #column1 #enviar {background-color:#b2b2b2;color:#fff;border:none;} #column1 form {border-bottom:1px dotted #cdcdcd;margin-left:12px;width:146px;padding-bottom:10px;} /*......*/ #column2 {float: right;width:235px;background-color:#fff;min-height:625px;} #column2 li {list-style:none;} #column2 h2 {font-family: georgia, arial, serif;font-size:36px;text-align:right;margin-right:10px;background-image:url('/images/fundo_concertos.png');background-repeat:no-repeat;background-position: 70px 26px;padding-right:20px;margin-top:6px;font-weight:normal;} #column2 #concertos {font-size:24px;} #column2 #lista_concertos, #arquivo, #artists {margin-left:20px;margin-top:30px;margin-bottom:10px;width:190px;} #column2 #lista_concertos li, #arquivo li, #artists li {line-height:16px;border-bottom:1px dotted #cdcdcd;padding-bottom:10px;padding-top:10px;} #arquivo li, #artists li {margin-top:10px;} #arquivo a, #artists a {color:#656565;text-decoration:none;} #arquivo a:hover, #artists a:hover {text-decoration:line-through;color:#05ff3b;} #lista_concertos a {color:#999;text-decoration:none;} /*......*/ #column3 {margin-left:173px;margin-right:auto;width:450px;background-color:#fff;padding-left:14px;padding-right:14px;padding-bottom:30px;min-height:596px;} #column3 li {list-style:none;border-bottom:1px dotted #cdcdcd;padding-bottom:20px;margin-top:20px;} #column3 h2 {text-align:right;font-family: georgia, arial, serif;margin-top:4px;margin-bottom:8px;font-weight:normal;} #column3 h3 {margin-bottom:10px;} #column3 a {color:#05ff3b;text-decoration:none;} #column3 h3 > a, #column3 h3 {font-family: georgia, arial, serif;font-style:italic;font-size:36px;text-decoration:none;color:#999999;font-size:16px;font-weight:bold;} #column3 > ul > li > p {line-height:18px;margin-bottom:10px;} #clear_float {clear:both;} #concert_box {border-left:4px solid #00ff00;background-color:#f7f7f7;margin:10px;padding:5px;line-height:14px;} #poster {width:424px;height:590px;} /* Tablet Layout: 768px. Gutters: 24px. Outer margins: 28px. Inherits styles from: Default Layout. ----------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 px 68 160 252 344 436 528 620 712 */ @media only screen and (min-width: 768px) and (max-width: 991px) { body { width: 712px; } #column3 {width:270px;} #poster {width:324px;height:500px;} } /* Mobile Layout: 320px. Gutters: 24px. Outer margins: 34px. Inherits styles from: Default Layout. --------------------------------------------- cols 1 2 3 px 68 160 252 */ @media only screen and (max-width: 767px) { body { width: 252px; } #column1 {float:none;margin-top:5px;margin-right:0px;width:371px;} #column1 h1 {margin-bottom:0px;float:right;width:170px;} #column1 ul {float:left;margin-bottom:0px;margin-top:0px;width:160px;margin-left:15px;} #column1 ul li {display:inline;} #column1 ul li a {font-size:9px;} #column1 fieldset/*, #column1 #external_links*/ {display:none;} #column1 p {clear:both;text-align:right;padding-right:20px;} #column2 {float:none;width:370px;padding-bottom:10px;} #column2 #concertos {background-position: 290px 23px;} #column2 #lista_concertos {margin-top:5px;margin-bottom:10px;width:auto;margin-right:10px;} #column3 {float:none;width:342px;} #poster {width:344px;height:510px;} #column1 {min-height:inherit;} #column3 {margin-left:0px;margin-right:none;} .bot_inicio, .bot_programacao, .bot_filhounico, .bot_posters, .bot_contactos, .bot_links, .bot_booking {height:auto;background-image:none;} .bot_inicio:hover, .bot_programacao:hover, .bot_filhounico:hover, .bot_posters:hover, .bot_contactos:hover, .bot_links:hover, .bot_booking:hover {height:auto;background-image:none;} #column1 > ul {width:auto;} #column1 > ul > li {margin-right:20px;float:left;} #column1 > ul > li > a {padding-top:0px;float:left;font-size:12px;} #column1 > #barra_verde h1 {margin-bottom:0px;} #barra_verde {border:none;} #column2 {min-height:0px;} #column2 #lista_concertos, #arquivo, #artists {margin-top:0px;margin-bottom:0px;} } /* Wide Mobile Layout: 480px. Gutters: 24px. Outer margins: 22px. Inherits styles from: Default Layout, Mobile Layout. ------------------------------------------------------------ cols 1 2 3 4 5 px 68 160 252 344 436 */ @media only screen and (min-width: 480px) and (max-width: 767px) { body { width: 436px; } #column1 {min-height:inherit;} #column3 {margin-left:0px;margin-right:none;} .bot_inicio, .bot_programacao, .bot_filhounico, .bot_posters, .bot_contactos, .bot_links, .bot_booking {height:auto;background-image:none;} .bot_inicio:hover, .bot_programacao:hover, .bot_filhounico:hover, .bot_posters:hover, .bot_contactos:hover, .bot_links:hover, .bot_booking:hover {height:auto;background-image:none;} #column1 > ul {width:auto;} #column1 > ul > li {margin-right:20px;float:left;} #column1 > ul > li > a {padding-top:0px;float:left;font-size:12px;} #column1 > #barra_verde h1 {margin-bottom:0px;} #barra_verde {border:none;} #column2 {min-height:0px;} #column2 #lista_concertos, #arquivo, #artists {margin-top:0px;margin-bottom:0px;} #external_links {padding-bottom:10px;} }