/************************* * MOLESKINE v0.2 * * by websushi.it * ************************/ /* regole generali =========================================*/ /* Neutralize styling: Elements we want to clean out entirely: */ html, body, form {margin: 0; padding: 0;} html {font-size:100%;} img {border:0;} label {cursor:auto} h1, h2, h3 {margin: 0; padding: 0;} /* ================ CLEARFIX =============== */ .clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } * html .clearfix { height:1%; } /* ============= BETA VERSION ============== */ .beta_version { background: url(http://www.moleskine.com/img/beta_version.png) no-repeat top left; position: absolute; width: 86px; height: 86px; top: -10px; left: -10px; behavior: url(http://www.moleskine.com/style/iepngfix.htc); cursor: pointer; } /* ARTWORKS LOADING */ #loadingImages { width: 100%; height: 30px; text-align: center; } #loadingImages img { vertical-align: middle; padding-right: 5px; } /* Miscellaneous conveniences: */ fieldset { border: none;padding:0; margin:0} input, select, textarea {font: 11px Arial, Helvetica, sans-serif;} .clear {clear:both;} br.clear {clear:both; line-height:0; height:0; margin:0; padding:0;} .left {float:left} .right {float:right} .center {text-align:center} .alignRight {clear:both; text-align:right} .nomargin {margin:0; padding:0;} .small { font-size: 10px } /* Apply styles ========================================= */ body {font: 12px/1.2 verdana, arial, sans-serif; background:#f8f8ec; color:#4c4d4f; text-align: center; padding:20px 0;} /*link*/ a, a:visited {color:#333; text-decoration:none;} a:hover {color:#666;text-decoration:none;} #page a.boxLink {color:#740a35; padding-right:7px; background:url(http://www.moleskine.com/img/arr_red.gif) center right no-repeat; font-size:11px;} #page a.callAction {color:#740a35; font-size:13px; padding:2px 10px 2px 0; background:url(http://www.moleskine.com/img/arr_red_big.gif) center right no-repeat; line-height:13px;} #page a.boxLink:hover, #page a.callAction:hover {text-decoration:underline;} /*titoli*/ h1 {position: absolute; left: -9999px; top: -9999px;} h2 {font-size:21px; line-height:21px; } h3 {font-size:15px; font-weight: bold; line-height:15px; margin:6px 0 3px; color:#900;} h4 {font-size:13px; margin:0 0 20px; font-weight:normal; color:#060606;} /* struttura principale =========================================*/ #wrapper {width:994px; margin:0px auto; background:url(http://www.moleskine.com/img/bg_wrapper.gif) repeat-y;} #wrap {width:994px; padding-top:10px; background:url(http://www.moleskine.com/img/wrapper_top.gif) top center no-repeat;} #page {width:960px; margin:0px auto; padding:0; text-align:left; background:#f0eedf; } #wrapBottom {width:994px; margin: 0px auto; height:16px; background:url(http://www.moleskine.com/img/wrapper_bottom.gif) top center no-repeat; } /*header + topMenu */ #header {width:960px; height:130px; background:#fff; position:relative; z-index: 2; } #header #logo {position:absolute; top:65px; left:27px;} #header ul#topMenu {position: absolute; top:27px; right:25px; margin:0; padding:0; list-style-type:none; font-family:arial; font-size:10px;} #header #topMenu li {float:left; background:#f2f0e2; margin-right:5px; height:20px; vertical-align: middle;} #header #topMenu li a {padding: 3px 8px; display:block;} #header #topMenu li a:hover {color:#740a35;} #header #topMenu li.trade { background:#81a6ab; } #header #topMenu li.trade a { width: 76px; text-align:center; } #header #topMenu li.nl {} #header #topMenu #nl {background:#f2f0e2; width:120px; border:1px solid #f2f0e2; padding:2px; font-family:arial; font-size:10px;} #header #topMenu input.btNl { padding-bottom: 3px; } #header #topMenu li.lang {width:85px; background: #f2f0e2 url(http://www.moleskine.com/img/arr_gr_down.gif) 68px 7px no-repeat;} #header #topMenu li.lang a {padding-left:25px; } #header #topMenu li.shop { background: #8ACDF1 url(http://www.moleskine.com/img/icon_shopping_cart.png) no-repeat 9% 30%; padding-left:18px; } #header #topMenu li.shop a { color: #fff; } #header #allLang { z-index:99; background:#f2f0e2; width:85px; } #header #allLang a {font-family:arial; font-size:10px; padding: 4px 8px 4px 25px; display:block;} .newsletter_button { padding-top: 1px; padding-bottom: 1px; background: #F2F0E2 url(http://www.moleskine.com/img/butt_nl.gif) no-repeat right; padding-right: 10px; cursor: pointer; outline: none; border: 1px solid #F2F0E2; font-size: 10px; width: 122px; } /*navBar (mainMenu + searchBox) */ #navBar {width:960px; height:53px; position:relative; background:url(http://www.moleskine.com/img/bg_navbar.gif) repeat-x; z-index:1;} #navBar ul#mainMenu {position:absolute; top:0px; left:25px; list-style-type:none; height:33px; margin:0; padding:0; z-index:1;} #navBar #mainMenu li {float:left; height:33px; font-family:arial; font-size:12px; background: url(http://www.moleskine.com/img/sep_mainMenu.gif) center right no-repeat;} #navBar #mainMenu li a {padding: 11px 8px 10px; font-size:12px; line-height:12px; display:block; color:#95958c; } #navBar #mainMenu li a:hover {color:#fff;} #navBar #mainMenu li a.selected {color:#fff; } #navBar #searchBox {} #navBar #searchBox #search {background:#818386; border:1px solid #666769; color:#fff; padding:2px; position:absolute; top:8px; right:30px;} #navBar #searchBox input.btSearch {position:absolute; top:13px; right:33px; z-index:99;} /* colori barra diverse sezioni */ #hp #navBar {background-color:#fff;} #home #navBar {background-color:#fff;} #c-world #navBar {background-color:#c2b431;} #c-world #navBar #mainMenu li a.selected {background:url(http://www.moleskine.com/img/menu_wrld.gif) center bottom no-repeat;} #c-catalogue #navBar {background-color:#44c7f4;} #c-catalogue #navBar #mainMenu li a.selected {background:url(http://www.moleskine.com/img/menu_catalogue.gif) center bottom no-repeat;} #c-custom #navBar {background-color:#00a99b;} #c-custom #navBar #mainMenu li a.selected {background:url(http://www.moleskine.com/img/menu_custom.gif) center bottom no-repeat;} #c-moleskinecity #navBar {background-color:#a6ce39;} #c-moleskinecity #navBar #mainMenu li a.selected {background:url(http://www.moleskine.com/img/menu_city.gif) center bottom no-repeat;} #c-events #navBar {background-color:#f04e37;} #c-events #navBar #mainMenu li a.selected {background:url(http://www.moleskine.com/img/menu_events.gif) center bottom no-repeat;} #c-about #navBar {background-color:#878b70;} #c-about #navBar #mainMenu li a.selected {background:url(http://www.moleskine.com/img/menu_about.gif) center bottom no-repeat;} #c-publishing #navBar {background-color:#fff;} #c-publishing #navBar #mainMenu li a.selected {background:url(http://www.moleskine.com/img/menu_publishing.gif) center bottom no-repeat;} #c-mymoleskine #navBar {background-color:#ffdd00;} #c-mymoleskine #navBar #mainMenu li a.selected {background:url(http://www.moleskine.com/img/menu_mymol.gif) center bottom no-repeat;} #c-trade #navBar {background-color:#81a6ab} /*colonna + main*/ #main {width:960px; margin:0 auto; text-align:left; background:url(http://www.moleskine.com/img/dot_v.gif) 185px 0 repeat-y; float:left;} #leftCol {width:187px; float:left; } #mainContent {width:773px; float:right; background:url(http://www.moleskine.com/img/bg_maincontent.gif) repeat-y;} #mainContent #contentTop {padding-bottom:10px; width:773px; background:#f0eedf url(http://www.moleskine.com/img/dot_o.gif) bottom left repeat-x;} #mainContent #contentLeft {float:left; width:538px; padding-bottom: 150px; } * html #mainContent #contentLeft {overflow: hidden;} #mainContent #contentRight {float:right; width:235px;} /* FIX altezza colonna centrale Moleskine City */ #c-moleskinecity #mainContent #contentLeft { height: auto !important ; height: 1100px; min-height: 1100px;} /* footer =========*/ #footer {clear:both; text-align:left; font-size:11px; padding-left:30px; padding-right: 30px; height:270px; border-top:3px solid #999; position:relative; background:#fff; font-family:Verdana; color:#000; } #footer ul {float:left; width:115px; padding:0px 10px 10px 0px; margin:20px 20px 10px 0; list-style-type:none; background: url(http://www.moleskine.com/img/puntinato_verticale_999.gif) repeat-y top right;} #footer ul li {font-weight:bold; line-height:18px;} #footer a,#footer a:visited {color:#333; font-weight:normal} #footer a:hover {color:#900;} #footer #infoFt {border-left:2px solid #b0b0b1; float:right; width:120px;} #footer #infoFt ul {padding-left:10px; padding-bottom:30px;} #footer #infoFt a {color:#000;} #footer_credits { width: 100%; float: left; padding-left: 0px; padding-top: 10px; height: 30px; border-top: 1px solid #888; line-height: 18px;} /* ======= barra orizzontale ==========*/ #leftCol #topBar {height:50px; width:185px; background:#fff url("http://www.moleskine.com/img/dot_o.gif") bottom left repeat-x;} #leftCol #topBar h3 {margin:0; padding-left:30px; padding-top:17px; font-size:12px; color: #333;} #mainContent #topBar {height:50px; background:#bbbdc0 url("http://www.moleskine.com/img/dot_o.gif") bottom left repeat-x;} #mainContent #topBar p {margin:0; padding-left:15px; padding-top:19px; font-size:12px; line-height:12px; } /* ======= menu colonna sinistra ==========*/ #leftCol ul#leftMenu {margin:0 5px; padding:0 5px; list-style-type:none;} #leftCol ul#leftMenu li {text-transform:uppercase; font-weight:bold; font-size:9px; padding:8px 0 8px 10px; border-bottom:1px solid #fff;} #leftCol ul#leftMenu li a {display:block; padding-left:10px;} #leftCol ul#leftMenu li a:hover {background:url(http://www.moleskine.com/img/arr_gr.gif) 0 2px no-repeat;} #leftCol ul#leftMenu li a.selected {background:url(http://www.moleskine.com/img/arr_gr.gif) 0 2px no-repeat;} /* sottomenù About Us */ #leftCol ul#leftMenu li.leftMenuSubHeading { padding-left: 19px; color: #900; } #leftCol ul#leftMenu li.leftMenuSub a {display:block; padding-left: 20px;} #leftCol ul#leftMenu li.leftMenuSub a:hover {background:url(http://www.moleskine.com/img/arr_gr.gif) 10px 2px no-repeat;} #leftCol ul#leftMenu li.leftMenuSub a.selected {background:url(http://www.moleskine.com/img/arr_gr.gif) 10px 2px no-repeat;} /* ======= elementi interni ==========*/ #mainContent #contentTop h2 {padding:15px 10px 0 15px; font: 36px/1 georgia; color:#740a35;} #mainContent #contentTop p {margin-left:15px; margin-right:210px; font: 11px/1.4 verdana; } #mainContent #contentLeft .container {padding:10px 15px 50px; line-height:150%; font-size:11px; } * html #mainContent #contentLeft .container { overflow: hidden; } #mainContent #contentLeft .entry-body {padding:10px 15px 50px 0px; line-height: 18px; font-size:11px;} #mainContent #contentLeft .entry-body img {border: none; padding: 4px; } #mainContent #contentLeft .entry-body h3 {font-size:13px; line-height:12px; margin:3px 0; color: #900;} #mainContent .entry-body a { text-decoration:underline; color:#000;} #mainContent .entry-body a:hover {color:#000;text-decoration:none;} #mainContent .entry-body ul { list-style-type: square; } #mainContent .entry-body ul.link { list-style-image: url(http://www.moleskine.com/img/arr_red.gif); } /* #mainContent #contentLeft .container p {line-height:140%;} */ blockquote { font-family:Georgia; font-size:22px; margin:10px 20px 10px 15px; padding-bottom:40px; width:220px; float:left; line-height:95%; background-image: url(http://www.moleskine.com/img/quot_bottom.gif); background-repeat: no-repeat; background-position: right bottom; } blockquote span {background:url(http://www.moleskine.com/img/quot_top.gif) no-repeat; padding-top:40px; display:block;} blockquote.searchInstructions { font-size: 11px; clear: both; padding: 10px 0px; background: none; float: none; } img.left {float:left; margin:0 10px 5px 0;} img.right {float:right; margin:0 0 5px 10px;} /* i box in colonna */ .sidebarBox {margin:35px 30px 35px 15px; padding-bottom: 0px; background:#fff;line-height: 15px; position: relative;} .sidebarBox h3 {background:#4c4d4e; color:#fff; font-size:12px; line-height:12px; padding:8px 10px; border-bottom:7px solid #000;} .sidebarBox h3 a:link, .sidebarBox h3 a:visited { color: #fff; } .sidebarBox h3 a:hover { color: #ff0; } .sidebarBox p {padding:5px 10px 5px 5px; margin:0; font-size:11px; } .sidebarBox img {margin-top:10px;} .c-catalogue h3 {border-bottom:7px solid #44c7f4;} .c-events h3 {border-bottom:7px solid #f04e37;} .c-moleskinecity h3 {border-bottom:7px solid #a6ce39;} .c-about h3 {border-bottom:7px solid #878b70;} .c-trade h3 {border-bottom:7px solid #81a6ab;} .c-mymoleskine h3 {border-bottom:7px solid #ffdd00;} .c-publishing h3 {border-bottom:7px solid #fff;} .c-custom h3 {border-bottom:7px solid #00a99b;} .c-world h3 {border-bottom:7px solid #c2b431;} .c-trade h3 {border-bottom:7px solid #81a6ab;} /* ====================== PAGINE ============ ================================================*/ /* ==== pagina prodotti ==========*/ #nav_prodotti { margin: 20px 0 4px; padding:0; list-style: none; /*background:#f8f8ec; */ background:#ebebdf; float:left; width:508px;} ul.secondNav {float: left; list-style: none; padding:0; margin:0; height:50px;} ul.secondNav li { padding: 0 7px; margin: 0px; float: left; background: url(http://www.moleskine.com/img/sep_secondNav.gif) bottom right no-repeat;} ul.secondNav li a:link, ul.secondNav li a:visited {color:#fff; display:block; padding-top:20px; font-size:10px; line-height:10px; text-transform:uppercase; font-weight:bold;} ul.secondNav li a:hover {color:#525252;} ul.secondNav li.active a {color:#525252; background: url(http://www.moleskine.com/img/arr_black_down.gif) center top no-repeat;} /* Menu Catalogo - Aree normali */ ul.linknav {float: left; width: 772px; list-style: none; padding:0; margin:0; background:#f0eedf url(http://www.moleskine.com/img/dot_o.gif) bottom left repeat-x; } ul.linknav li { padding: 12px 0px; margin: 0px; float: left; } ul.linknav li a {color:#525252; display:block; padding:0 6px; font-size:10px; text-transform:uppercase; line-height:10px; border-right:1px solid #525252;} ul.linknav li a:hover {color:#000;} ul.linknav li.active a {color:#000; font-weight:bold;} /* Menu Catalogo - Area Diaries / Planners */ ul.linknav_diaries {float: left; width: 772px; list-style: none; padding:0; margin:0; background:#f0eedf url(http://www.moleskine.com/img/dot_o.gif) bottom left repeat-x; } ul.linknav_diaries li { padding: 12px 0px; margin: 0px; float: left; } ul.linknav_diaries li a {color:#525252; display: block; width: 110px; height: 40px; text-align: center; padding:0 6px; font-size:10px; text-transform:uppercase; line-height:13px; border-right:1px solid #999;} ul.linknav_diaries li a:hover {color:#000;} ul.linknav_diaries li.active a {color:#000; font-weight:bold;} /* Menu Catalogo - Area Notebooks / Journals */ ul.linknav_notebooks {float: left; width: 772px; list-style: none; padding:0; margin:0; background:#f0eedf url(http://www.moleskine.com/img/dot_o.gif) bottom left repeat-x; } ul.linknav_notebooks li { padding: 12px 0px; margin: 0px; float: left; } ul.linknav_notebooks li a {color:#525252; display:block; width: 90px; height: 40px; text-align: center; padding:0 6px; font-size:10px; text-transform:uppercase; line-height:13px; border-right:1px solid #999;} ul.linknav_notebooks li a:hover {color:#000;} ul.linknav_notebooks li.active a {color:#000; font-weight:bold;} h3.nomeProdotto {font: 24px/1 georgia; color:#740a35; margin-bottom: 20px; padding-top: 20px; clear: both;} h3.nomeProdotto a { color: #900; } h3.nomeProdotto a:hover { color: #333; } #scheda { color:#000; margin:10px 0 0 0; width:500px; float:left; } #schedaCont {padding:7px; margin-bottom: 50px; } #schedaLeft {width:250px; float:left; position: relative;} #schedaLeft img {max-width: 230px; margin-bottom: 10px; padding: 3px; } /*#schedaLeft a img { visibility: hidden } nasconde link e-commerce */ /* nasconde dati e-commerce */ .productsBuyButton, .productsPrice, .productsLink, .productsCustomizable { display: none } #schedaRight {width:228px; float:right;} #zoom {position:relative;} #zoom #largeImage {position:absolute; top:5px; left:0; text-transform:uppercase; font-size:10px;} #thumb { background: url(http://www.moleskine.com/img/dotted.gif) repeat-x; margin-top:5px; padding-top:10px;} #choose, #details {margin:20px 0px 30px 0px; width: 229px;} #choose p, #details p {margin:0; padding:3px 5px;} #details h5, #choose h5 { background: #f3f3e6; padding:2px 5px; margin:0; font-size:11px; color:#525252; text-transform:uppercase; letter-spacing:-1px;} #details p {border:1px solid #f0f0e2; font-size:11px;} #details p strong {font-size:12px;} #choose p a {color:#e63d50; text-decoration:underline;} #choose p a:hover {color:#000;} #choose p { background: #f4f4e7 url(http://www.moleskine.com/img/bg_scheda_box_bottom.gif) bottom left no-repeat; padding:5px 5px 10px;} #viral {} #viral ul {list-style: none; margin: 10px 0; padding: 0;} #viral li {border-bottom:1px solid #f0f0e2; padding:4px 0; list-style: none;} #viral li a {color:#525252; text-transform:uppercase; font-size:10px; padding-left:25px;} #viral li a:hover {color:#e63d50;} #viral li.print { background: url(http://www.moleskine.com/img/ico_print.gif) center left no-repeat;} #viral li.embed { background: url(http://www.moleskine.com/img/ico_embed.gif) center left no-repeat;} #viral li.send { background: url(http://www.moleskine.com/img/ico_send.gif) center left no-repeat;} #compare { width: 95%; border-top: 2px dotted #ccc; margin-bottom:20px; padding: 20px 0px 20px 0px; clear: both; } #compare h2 {color:#000; font-size:18px; font-weight:normal; margin: 0; padding: 0; margin-top: 0px} #compare h3 {color:#7e7e7e;font-size:12px; font-weight:normal; margin: 0; padding: 0; } #prodCompare {margin:10px 0;} #prodCompare img {margin-right:7px; display:block; float:left;} #sendCompare {position:relative; height:40px; clear:both;} #sendCompare a {position:absolute; top:10px; right:0;} a.butt126 {width:126px; display:block; background:url(http://www.moleskine.com/img/bg_butt126.gif) no-repeat; text-align:center; padding:4px 0; line-height:16px; font-size:16px; /*font-weight:bold;*/ color:#000;} a.butt126:hover {text-decoration:none; color:#fff;} /* ========== pagina TRADE ========== */ #tradeMsg {margin-bottom:20px; float:left; height: 30px; line-height: 30px; width:508px; background: #eee; border: 1px solid #ddd; } #tradeMsg p { padding-left: 15px; font-weight: bold; margin-top: 0px; } #tradeTop {margin-bottom:10px; float:left; width:508px;} #tradeText {width:280px; float:left;} #tradeLogin {width:209px; float:right; padding-bottom:10px; border: 1px solid #EBEBDC;} #tradeLogin .legend {color:#525252; font-size:12px; line-height:12px; padding:5px 10px; text-transform:uppercase; font-weight:bold; background: #EBEBDC;} #tradeLogin form {padding-left:10px;} #tradeLogin label {display:block; font-size:12px; color:#000; font-weight:bold; margin-top:4px;} #tradeLogin input.buca, #tradeLogin select.buca {width:180px; line-height:13px; font-size:13px; padding:2px; border:1px solid #d8d8ce} #tradeLogin .butt {background:#d9d9d9; font-size:14px; color:#000; font-weight:bold; border:1px solid #d8d8ce; width:60px;} #tradeLogin #loginAction {padding-right:13px; margin:5px 0;} #tradeLogin #loginAction a.register {color:#e62239; padding-left:12px; margin-top:5px;background: url(http://www.moleskine.com/img/arrow_red.gif) center left no-repeat;font-size:12px; font-weight:normal;} #trade_bottomContact {height:46px; margin:0px; padding: 0px; background: #fff; } #flashcontent { background:#f7f7e9; width:508px; height: 257px; } #flashcontent embed { margin: 0; padding: 0; } /* ========== nuova DEALERS AREA ============= */ #dealersTop {margin-bottom:10px; clear: both; padding-bottom: 20px; width:508px; border-bottom: 2px dotted #ccc; } #dealersIntro {float: left; width: 49%; margin-right: 10px; } #dealersIntro h2 {font: normal 24px Georgia; color: #900; } #tradeNews {border-top: 2px dotted #ccc; padding:10px 15px 20px 9px; margin-top: 20px; margin-bottom:20px; float: left; height: 350px; width: 96%;} #tradeNews h3 {font-size:18px; font-weight:normal; margin-bottom:30px; width:478px;padding-bottom: 4px;} #tradeNews .news {width:158px; height: auto; float:left; background:url(http://www.moleskine.com/img/dash.gif) 148px 0 repeat-y; color:#060606;} #tradeNews .news h2 {font-size:12px; line-height:12px; margin:3px 0;} #tradeNews .news p.text {margin:3px 20px 0 0; padding:0; font-size:11px;} #tradeNews .news p.more {padding-left:14px; background: url(http://www.moleskine.com/img/arrow_red.gif) center left no-repeat; font-size:11px; margin:10px 0; float: left;} #tradeNews .noborder {background:none;} /* ======== pagina RETAILERS / DISTRIBUTORS ========== */ #dealer_logged { background: #eee; border: 1px solid #ddd; padding: 10px; margin-bottom: 20px; } #dealer_logged p { padding: 0px; } #dealer_logged a:link, #dealer_logged a:visited { text-decoration: underline; } #dealer_not_logged { padding: 20px 0px ; border-top: 2px dotted #ccc; width: 510px; } /* ======== pagina FIND (BUY) ========== */ /* #onlineShop ul {list-style-type:none; margin:5px; padding:5px;} #onlineShop ul li {padding-left:15px; background: url(http://www.moleskine.com/img/arrow_red.gif) center left no-repeat;} */ #storeLocator { width: 500px; border-top: 2px dotted #ccc; padding: 22px 0px 15px 5px; margin-top: 20px; margin-bottom:20px; float:left;} #storeLocator h3 {font-size:18px; font-weight:normal; margin-bottom:10px; width:488px;} #storeLocator .shop {width:150px; height: 130px; margin: 10px 10px 5px 0px; float:left; padding-bottom: 20px; /*background:url(http://www.moleskine.com/img/dash.gif) repeat-y right;*/ border-right: 2px dotted #ccc; color:#060606;} #storeLocator .shop h2 {font-size:12px; line-height:12px; margin:3px 20px 0 0;} #storeLocator .shop p.text {margin:3px 20px 0 0; padding:0; } #storeLocator .shopnav { width: 100%; clear: both; padding-top: 25px; margin-bottom: 35px; } #storeLocator form {margin:10px 0; padding:5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} #storeLocator label {color:#000; font-weight:bold;} #storeLocator select {width:180px; line-height:13px; font-size:13px; padding:2px; border:1px solid #d8d8ce; text-transform:normal;} #storeLocator #totalShops { width: 485px; line-height: 30px; height: 30px; background: #ededed; padding-left: 10px; margin-bottom: 20px; } #storeLocator #storeMap { margin-bottom: 20px; } #onlineShop ul { display: inline-block; margin: 0; padding: 0; list-style: none; width: 100%; } #onlineShop ul li { display: inline; float: left; width: 220px; background: url(http://www.moleskine.com/img/arrow_red.gif) center left no-repeat; padding: 3px 5px 3px 16px; } /* ========== pagina CHOOSE ========== */ #chooseTop {margin-bottom:10px; float:left; width:508px;} #chooseTop img { /*padding: 4px;*/ margin-top: 10px;} #chooseList {/*width:292px;*/ width: 100%; float:left;} #chooseList h3 {margin-bottom: 20px; } #chooseList dl { text-align: center; display: inline-block;} #chooseList dt, #chooseList dd {margin:0; padding: 5px 0px;} #chooseList dt {float:left; } #chooseList dd { float: left; display: inline; padding-right: 7px; line-height:100%; margin-bottom:0px; } #chooseList dd h4 {margin:0px 0px 3px 0px; font-weight:bold;} #choose_desc_long { width: 100%; float: left; clear: both; margin-top: 10px; margin-bottom: 25px; } #choose_desc_long p { padding-right: 10px; } #chooseCloud {width:500px; float:left; border: 1px solid #EBEBDC; padding-bottom:10px; margin-bottom: 15px;} #chooseCloud .legend {color:#525252; font-size:11px; line-height:11px; padding:5px 10px; text-transform:uppercase; font-weight:bold; background: #EBEBDC; } #chooseCloud ul {list-style-type:none; margin:5px; padding:5px;} #chooseCloud ul li {display:inline;} #chooseCloud .cl5 {font-size:20px; color:#000} #chooseCloud .cl4 {font-size:18px; color:#333} #chooseCloud .cl3 {font-size:16px; color:#555} #chooseCloud .cl2 {font-size:14px; color:#777} #chooseCloud .cl1 {font-size:12px; color:#999} /* ========== pagina COMPARE ========== */ #compareForm #category_product, #compareForm #size, #compareForm #usi, #compareForm #model, #compareForm #cover, #compareForm #layout {padding:10px 0 10px 0px; } #compareForm select {width:250px; } #compareForm #category_product { /* background: url(http://www.moleskine.com/img/ico_compare.gif) 10px center no-repeat; */} #compareForm #size {} #compareForm #usi {} #compareForm #model {} #compareForm #cover {} #compareForm #layout {} #compareForm span.choise {margin-right:12px; background:#fff; padding:5px 6px; color:#000;} #compareForm #answer {padding: 15px; clear: both; height: 1%; } #answer { clear: both; height: 1%; } #compareForm #answer strong {font: 24px/1 georgia; color:#740a35;} #answer .item {float:left; position:relative;width:110px; height:95px; background:#fff; border:1px solid #ddd; text-align:center; margin-bottom:5px; margin-right:5px; line-height:10px;} #answer .item img {padding-top:5px;} #answer .item .elimina {position:absolute; top:0px; left:0; height:95px; background:#aaa; color:#fff; width:100%; font-size:10px; color:#fff; cursor:pointer;} #answer .item .elimina span {display:block; padding:4px; height:50px; color:#000;} #answer .item .nome {font-size:9px; padding:2px 5px; } #answer .item_hidden {float:left; position:relative;width:110px; height:85px; background:#fff; border:1px solid #ddd; text-align:center; margin-bottom:5px; margin-right:5px; display:none; line-height:10px;} #answer .item_hidden img {padding-top:5px;} #answer .item_hidden .elimina {position:absolute; top:0px; left:0; height:85px; background:#aaa; color:#fff; width:100%; font-size:10px; color:#fff; cursor:pointer;} #answer .item_hidden .elimina span {display:block; padding:4px; height:50px; color:#000;} #answer .item_hidden .nome {font-size:9px; padding:2px 5px;} /* #invio_compare input {margin-top:10px; margin-left: 15px; background:#740a35; font: normal 11px verdana; color:#fff; border:1px solid #222; padding: 5px; cursor: hand; } */ /* pagina view compare */ #viewCompare {background:#f1f1f1 url(http://www.moleskine.com/img/arrow_gray.gif) 15px 0 no-repeat; padding:20px 20px; margin:10px 0px 30px 0px; color:#000;} #viewCompare .item {padding-top: 10px; padding-bottom: 10px; height: 140px; position:relative; background:#fff; border:1px solid #ddd; margin: 8px 0; font-size:11px; clear:both;} #viewCompare .item .ico {padding-left:5px; width:80px; float:left;} #viewCompare .item .details { margin:2px 0px; width:380px; float:right;} #viewCompare .item .details h3 {font-size:12px; margin:2px 15px 5px 0;} #viewCompare strong {color:#740a35;} #viewCompare .item .details ul {list-style-type:none; margin: 0px 0px 15px 0px; padding:0; width:350px;} #viewCompare .item .details ul li {list-style-type:none; width:160px; float:left; margin-right: 15px; } #viewCompare .item .options {position:absolute; bottom:0; right:0; /*background:#f0eedf; */ padding:8px;} #viewCompare .item .scegli a {color:#740a35; margin-top: 15px; padding-left:7px; background:url(http://www.moleskine.com/img/arr_red.gif) center left no-repeat;} #viewCompare .item .cancella { color:#222; padding:2px 5px; cursor:pointer;} #viewCompare .item .cancella {position:absolute; top:0; right:0; padding:4px;} #viewCompare .item_hidden {height:85px; position:relative; background:#fff; border:1px solid #ddd; margin:8px 0; font-size:11px; clear:both; display:none} #viewCompare .item_hidden .ico {padding-top:5px; width:80px; float:left;} #viewCompare .item_hidden .details { margin:2px 0px; width:380px; float:right;} #viewCompare .item_hidden .details h3 {font-size:12px; margin:2px 15px 5px 0;} #viewCompare .item_hidden .details ul {list-style-type:none; margin:0; padding:0; width:320px;} #viewCompare .item_hidden .details ul li {list-style-type:none; width:160px; float:left;} #viewCompare .item_hidden .options {position:absolute; bottom:0; right:0; /*background:#f0eedf; */ padding:8px;} #viewCompare .item_hidden .scegli a {color:#740a35; padding-left:7px; background:url(http://www.moleskine.com/img/arr_red.gif) center left no-repeat; } #viewCompare .item_hidden .cancella { color:#222; padding:2px 5px; cursor:pointer;} #viewCompare .item_hidden .cancella {position:absolute; top:0; right:0; padding:4px;} /* ================ pagina CUSTOM =============== */ #custom { padding:15px 10px 10px 1px; } #catalogue_entries #custom { padding-top: 0px; } #custom .customItem {margin:6px 10px 6px 0; float:left; width: 105px; height: 105px; } #custom .customImg {width:100px; height:100px;} #custom .customItemTit {width:105px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.moleskine.com/img/bg.png'); padding-top: 2px; padding-bottom: 2px; cursor: hand;} #custom[id] .customItemTit {background:url(http://www.moleskine.com//img/bg.png);} #custom .customItem .customImg a {display:block; height:100px;} #custom .customItem h3 {color:#fff; margin:0; padding:3px;font: normal 11px verdana; line-height: 16px;} #custom p.tutti {padding-top: 15px;} /* ================ NEW-M =============== */ #userlogin {width:500px; padding:2px 30px 2px 2px; font-family:arial; font-size:10px; float:right; text-align: right;} /* ================ Area News =============== */ #mediapress { padding-top: 4px; } #mediapress .data {color:#333; } #mediapress h2 {font-size:14px;} #mediapress img { padding:4px; margin-right: 10px; vertical-align: top; } #mediapress .img_bordered { float: right; margin-right: 0px; padding: 3px; background: #fff; } #mediapress .img_bordered:hover { background: #ddd; } #News table td.summary, .on_the_news_summary, .press_release_summary, .sighting_summary, .summary { padding-right: 20px; border-bottom: 1px dotted #ccc; padding-bottom: 15px; vertical-align: top;} .read { text-align: left; padding-top: 4px; clear: both; position: relative;} .newsimage { text-align: right; border-bottom: 1px dotted #ccc; padding-bottom: 8px;} .download { height: 25px; line-height: 25px; padding-bottom: 2px; } #mediapress .download_image, .download_image { vertical-align: middle; border: none; } #moleskineNews {padding:12px 15px 10px 6px; margin-bottom:20px; float:left; height: 280px; border-top: 2px dotted #ccc;} #moleskineNews h3 {font-size:18px;font-weight:normal; margin-bottom:30px; width:478px;} #moleskineNews .news {width:160px; float:left; background:url(http://www.moleskine.com/img/dash.gif) 148px 0 repeat-y; color:#060606;} #moleskineNews .news h2 {font-size:11px; line-height:12px; margin:3px 0; color: #900;} #moleskineNews .news a {color:#060606;} #moleskineNews .news p.text {margin:3px 3px 0 0; padding:0; font-size:11px;} #moleskineNews .news p.more {padding-left:12px; background: url(http://www.moleskine.com/img/arrow_red.gif) center left no-repeat; font-size:11px; margin:5px 0;} #moleskineNews .noborder {background:none;} #moleskineNews ul{list-style-type:none; margin:3px; padding: 0;} #moleskineNews li{ margin-bottom: 2px; margin-left: 0; padding-left: 0; background: url(http://www.moleskine.com/img/puntinato_ccc.gif) repeat-x bottom; width: 90%; padding: 7px 0px 10px 0px; height: 45px; } #moleskineNews li p { padding: 0; margin: 0; } #moleskineNews h4 { line-height:12px; margin-top: 3px; margin-right: 0; margin-bottom: 6px; margin-left: 0; font: bold 14px Tahoma; color: #900; } /* ================ pagina risultati ricerca =============== */ .asset-header { padding: 6px 0px 6px 0px; } .asset-content { padding-bottom: 6px; } .asset-header h2 { font: bold 11px verdana; } .content-nav { margin-top: 20px; padding: 5px; background: #ddd; font-weight: bold; color: #900;} .content-nav span { display: inline-block; margin: 0px 3px 0px 0px; } .content-nav a { font-weight: normal; color: #333; text-decoration: none; display: inline-block; margin: 0px 3px 0px 0px; } .content-nav a:hover { color: #900; text-decoration: underline; } .newsearch { line-height: 25px; padding: 3px 5px 10px 10px; margin-bottom: 15px; background: #ddd; } /* ================ sottomenu Brand Terms =============== */ #brandterms_nav { background:transparent url(http://www.moleskine.com/img/bg_brandterms_nav.gif) no-repeat scroll left top; height:30px; margin-bottom:10px; margin-top:10px; padding-left:10px; padding-top:5px; width:500px; } #brandterms_nav a:link, #brandterms_nav a:visited { color: #900; text-decoration: none; } #brandterms_nav a:hover { text-decoration: underline; } /* ================ Area giornalisti - Tabella PDF =============== */ #journalist_pdf { width: 490px; margin-top: 20px; margin-bottom: 20px; } #journalist_pdf td { border-bottom: 1px solid #ddd; background: url(http://www.moleskine.com/img/pdf_small.png) no-repeat left; padding: 5px 5px 5px 23px; } #journalist_pdf td a:link, #journalist_pdf td a:visited { text-decoration: none; color: #900; } /* ================ Area giornalisti - Tabella Immagini =============== */ #journalist_images { width: 490px; margin-top: 20px; margin-bottom: 20px; } #journalist_image tr { margin-bottom: 0px; } #journalist_images td:first-child { border-right: 1px dotted #ccc; padding: 4px 6px 4px 0px; margin-bottom: 0px;} #journalist_images td { padding: 4px; margin-bottom: 0px; } #journalist_images img { margin: 0px; padding: 0px;} #journalist_images img:hover { border: 1px solid #900;} /* ================ Pagina EVENTS =============== */ #events_main_entry { width: 485px; height: auto; margin-bottom: 20px; padding: 10px 10px 30px 10px; border-bottom: 2px dotted #ccc; } #events_main_entry .column-left { width: 50%; float: left; } #events_main_entry .column-right { width: 50%; float: right; } #events_main_entry .column-right h3 { color: #060606; font-size: 15px; margin: 6px 0px 10px 0px; } #events_main_entry .column-right h3 a { color: #900; text-decoration: none; } #events_main_entry .column-right a { text-decoration: underline; } #detourbox { width: 485px; height: 300px; padding: 10px; } .detour-column { width: 232px; float: left; margin-right: 20px; } .detour-column h3 { font: bold 18px Tahoma; padding-bottom: 5px; border-bottom: 6px solid #F04E37; } .detour-column img { margin-top: 8px; margin-bottom: 10px; } .detour-column ul { list-style: none; margin: 20px 0px 10px 0px; padding: 0; } .detour-column ul li { padding: 5px 0px 5px 12px; border-bottom: 1px dotted #ccc; background: url(http://www.moleskine.com/img/arr_red.gif) no-repeat left; } /* ================ Pagine LOGIN e SIGNUP (stili copiati da simple.css) =============== */ #page-title { font: normal 24px Arial; margin-bottom: 20px; } #signin_with_mt { padding: 0px 10px 10px 0px; height: 300px; } #signupform { background: #EBEBD; padding: 0px 10px 10px 10px; height: 900px; } #signupform span { color: #f03; } .legend { color: #7E7E7E; font-size: 13px; padding: 8px 0 0 0px; } .field-inner { padding-top: 5px; padding-bottom: 5px; min-height: 40px; } .field-header label { font-weight:bold; font-size: 12px; } .field-content select, .field-content input.ti, .field-content textarea.ta, .field-content input.pw { margin: 5px 0px 0px 0px; width:318px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #D8D8CE; } .custom-field-radio-list { list-style: none; } .actions-bar .actions a:hover, .actions-bar .actions a:active, .actions-bar { width: 100%; } .actions-bar .actions button[type] { padding:3px 10px; } .actions-bar .actions button { overflow:visible; padding:2px 10px 1px; width:auto; } .actions-bar .actions a, .actions-bar .actions button, .actions-bar .actions select { margin:0 5px 0 0; } .register-links { width: 100%; clear: both; } .register-links a:link, .register-links a:visited { color: #336699; } .register-links a:hover { color: #333; text-decoration: underline; } .textarea-wrapper { width: 600px; clear: both; } .textarea-wrapper input { width: 100%; } .full-width { width: 100%; } .msg-error { background: #eee; padding: 20px; margin-bottom: 10px; font-weight: bold; color: #600; } .msg-alert { background: #eee; padding: 20px; margin-bottom: 10px; font-weight: bold; color: #090; } .msg-error a:link, .msg-error a:visited, .msg-alert a:link, .msg-alert a:visited { color: #369; text-decoration: underline; } .loginWarning { width: 328px; color: #333; border: 1px solid #090; padding: 10px; background: #F6FFE2; margin-bottom: 20px; } .loginWarningDealer { width: 164px; margin: 10px 0px 15px 10px; border: 1px solid #090; padding: 10px; background: #F6FFE2; } #moleskinerLogin {width:350px; float:left; padding: 10px; border: 1px solid #EBEBDC; margin: 0;} #moleskinerLogin .legend {color:#525252; font-size:12px; line-height:12px; padding:5px 10px; text-transform:uppercase; font-weight:bold; background: #EBEBDC;} #moleskinerLogin input.buca, #moleskinerLogin select.buca {width:180px; line-height:13px; font-size:13px; padding:2px; border:1px solid #d8d8ce} #moleskinerLogin .butt, .butt, #invio_compare input {background:#d9d9d9; font-size:14px; font-family: verdana; color:#000; font-weight:bold; border:1px solid #d8d8ce; padding: 3px 10px 3px 10px; text-align: center; display: inline; cursor:pointer } #moleskinerLogin #loginAction {padding-right:13px; margin:5px 0;} #moleskinerLogin #loginAction a.register {color:#e62239; padding-left:12px; margin-top:5px;background: url(http://www.moleskine.com/img/arrow_red.gif) center left no-repeat;font-size:12px; font-weight:normal;} /* ================ LOGGED_IN =============== */ #logged_in { clear: both; } /* ================ CATALOGUE =============== */ #desc_category { width: 505px; margin-bottom: 30px; padding: 0px; } #desc_category .cat_title { width: 100%; border-bottom: 2px dotted #ccc; } #desc_category .cat_title h2 { color: #900; font: normal 26px Georgia; padding: 10px 10px 10px 0px; } #desc_category .cat_image { width: 503px; padding-top: 10px; padding-bottom: 10px; margin: 0; } #desc_category .cat_desc { width: 100%; border-top: 2px dotted #ccc; padding: 0; } #desc_category .cat_desc p { padding: 8px 0px 8px 0px; margin: 0px; } #desc_category .column-left { width: 50%; float: left; } #desc_category .column-right { width: 50%; float: right; } #desc_category .column-right h3 { color: #060606; font-size: 15px; margin: 6px 0px 10px 0px; } #catalogue_entries { width: 94%; clear: both; padding: 12px 12px 20px 12px; margin-bottom: 0px; border-top: 2px dotted #ccc; } #catalogue_entries h2, #catalogue_entries h3 { font: normal 24px Georgia; color: #900; margin-bottom: 15px; } #catalogue_entries h2 a, #catalogue_entries h3 a { color: #900; } #catalogue_entries h2 a:hover, #catalogue_entries h3 a:hover { color: #666; } #catalogue_entries .item {float:left; position:relative; width:150px; height: 140px; text-align:center; margin-right:5px; line-height:10px; margin-bottom: 7px;} #catalogue_entries .item img {padding-top:5px; font: normal 9px verdana; background:#fff; border:1px solid #ddd; padding: 5px; } #catalogue_entries .item .elimina {position:absolute; top:0px; left:0; height:85px; background:#aaa; color:#fff; width:100%; font-size:10px; color:#fff; cursor:pointer;} #catalogue_entries .item .nome {font: normal 9px verdana; padding:2px 2px 6px 2px; } #catalogue_entries .catalogue_more { width: 100%; padding-top: 20px; clear: both; text-align: right; } #ricerca_moleskine { width: 456px; height: 30px; padding: 15px 0px 0px 45px; background: url(http://www.moleskine.com/img/search_your_moleskine.gif) no-repeat left; border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; font-weight: bold; } #catalogue_anchors { padding: 20px 0px; text-align: center; line-height: 19px; width: 480px; } #catalogue_anchors h2, #catalogue_anchors h3 { font: normal 18px Georgia; color: #900; padding-bottom: 5px; } #video_models { border-left: 2px dotted #ccc; float:right; margin-left:15px; padding-left:15px; width:230px; } #novelties_top { width: 456px; height: 30px; padding: 15px 0px 0px 45px; background: url(http://www.moleskine.com/img/novelties.gif) no-repeat left; border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; font-weight: bold; font-size: 14px; } .rot90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); rotation: 90deg; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .description { margin-bottom: 20px; padding-left: 5px;} .img_category { float: left; margin-right: 10px; margin-bottom: 3px; } .new { width: 40px; height: 40px; position: absolute; top: -10px; right: -10px; background: url(http://www.moleskine.com/img/new_small.gif) no-repeat top center; } .new_schedaprodotto { width: 40px; height: 40px; position: absolute; top: -10px; right: 25px; background: url(http://www.moleskine.com/img/new_small.gif) no-repeat top center; } .new_sidebar { width: 40px; height: 40px; position: absolute; top: 160px; right: 10px; background: url(http://www.moleskine.com/img/new_small.gif) no-repeat top center; } /* ================ TRADESHOWS =============== */ #trade-shows {margin-top: 30px;} #trade-shows ul { display: inline-block; width: 100%; padding: 0; margin: 0; background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #trade-shows ul li { width: 110px; padding: 5px; float: left; display: inline; vertical-align: top; list-style: none; } #trade-shows h3 {font: normal 18px; padding-bottom: 15px;} /* ================ PAGINA ARTISTI =============== */ #partecipation { width: 95%; background: #EBEBDC url(http://www.moleskine.com/img/arrow_yellow.gif) no-repeat 94% 0%; clear: both; padding: 12px 12px 20px 15px; margin-top: 30px; margin-bottom: 15px; } #partecipation h2 { font: normal 26px Georgia; color: #900; margin-bottom: 15px; } #partecipation h2 a { color: #900; } #partecipation h2 a:hover { color: #666; } #partecipation a:link, #partecipation a:visited {text-transform: capitalize; color: #900;} .artists_pager { width: 100%; clear: both; padding: 6px; background: #e1e1e1; text-align: right; margin-top: 15px; margin-bottom: 15px; } .qp_counter { padding: 0px 15px; } .qp_disabled { display: none; } /* ================ ARTWORKS PAGINATION =============== */ .artworks_pager { width: 100%; clear: both; padding: 6px; background: #e1e1e1; text-align: right; margin-top: 15px; margin-bottom: 15px; } .artworks_pager span { padding: 3px; margin: 2px; background: #fff; border: 1px solid #ccc; color: #333; } .artworks_pager span:hover { background: #333; color: #fff; border: 1px solid #fff; !important } .artworks_pager span:hover a { color: #fff; } .artworks_pager span.actual_page { background: #333; color: #fd0; font-weight: bold; padding: 3px; border: 1px solid #fff; !important } .artworks_pager span.counter, .artworks_pager span.counter:hover { background: #fff; color: #333; border: 1px solid #ccc;} /* ================ PULSANTI =============== */ .red_submit { background: #740A35; font: normal 11px verdana; color: #fff; border: 1px solid #222; width:80px; padding-top: 3px; padding-bottom: 3px; text-align:center; display:inline; cursor: hand; } /* ================ MOLESKINE CITY =============== */ #moleskine_city_map, #moleskine_city_map iframe { width: 505px; height: 195px; z-index: 1; position: relative; clear: both; !important } #moleskine_city_top {width: 505px; margin: 0; padding: 0; } #moleskine_city_bottom { width: 505px; padding: 20px 0px; } #moleskine_city_openmeasures { background: #ddd url(http://www.moleskine.com/img/arr_red.gif) no-repeat 1%; padding: 5px 5px 5px 15px; } #moleskine_city_openmeasures.active { background: #ddd url(http://www.moleskine.com/img/arr_red_opened.gif) no-repeat 1%; padding: 5px 5px 5px 15px; } #moleskine_city_openmeasures a:link, #moleskine_city_openmeasures a:visited { text-decoration: none; } #measures { display: none; background: #ddd; margin: 0px; padding: 10px; } #moleskine_city_leftcol { width: 300px; float: left; margin-right: 5px; } #moleskine_city_leftcol h1 { font: normal 24px Georgia; color: #900; } #moleskine_city_rightcol { width: 195px; float: right; margin: 0px; } .moleskine_city_sidebar_box { padding-top: 10px; padding-bottom: 15px; border-bottom: 2px dotted #999; } .moleskine_city_sidebar_box h2 { font: bold 14px Tahoma; padding: 5px 0px; } .box_weather { width: 90px; float: left; margin-right: 5px; text-align: center; } .box_weather h1 { font: bold 11px verdana; color: #900; } .moleskine_city_sidebar_box ul { width: 100%; margin: 0; padding: 0px; display: block; } .moleskine_city_sidebar_box ul li { border-bottom: 1px dotted #ccc; list-style: none; padding: 5px 2px 5px 0px; } #moleskine_city_bottom .moleskine_city_sidebar_box ul li a { text-decoration: none; !important } .events ul li { background: url(http://www.moleskine.com/img/arr_red.gif) no-repeat left; border-bottom: 1px dotted #ccc; list-style: none; padding: 2px 2px 2px 15px; } .city_service_credits { float: left; clear: both; padding-top: 10px; padding-bottom: 2px; margin-top: 0px; font-size: 10px; width: 100%; } .transport_box { margin: 20px 0px 0px 0px; width: 100%; } .transport_box h2 { font: bold 14px Tahoma; border-bottom: 1px solid #333; padding-bottom: 3px; } .transport_box td { vertical-align: top; } #moleskine_city_leftcol .transport_box a { text-decoration: none; color: #900; } /* ================= MOLESKINE CITY HOME ===================== */ #moleskine_cities_summary { border-top: 2px dotted #ccc; } #moleskine_cities_summary h2, #moleskine_cities_summary h3 { padding-top: 15px; padding-bottom: 8px; font: normal 24px Georgia; color: #900; } #moleskine_cities_summary ul { display: inline-block; margin: 0; padding: 0; list-style: none; width: 490px; } #moleskine_cities_summary ul li { display: inline; float: left; width: 100px; background:url(http://www.moleskine.com/img/arr_red.gif) center left no-repeat; padding: 3px 5px 3px 12px; } #moleskine_cities_news {padding:12px 0px 12px 0px; margin-bottom:20px; width: 100%; float:left; border-top: 2px dotted #ccc;} #moleskine_cities_news h3 { font: normal 24px Georgia; color: #900; margin-bottom:30px; width:478px;} #moleskine_cities_news .cities {width:160px; float:left; background:url(http://www.moleskine.com/img/dash.gif) 148px 0 repeat-y; color:#060606;} #moleskine_cities_news .cities h2 {font-size:11px; line-height:12px; margin:3px 0; color: #900;} #moleskine_cities_news .cities a {color:#060606;} #moleskine_cities_news .cities p.text {margin:3px 3px 0 0; padding:0; font-size:11px;} #moleskine_cities_news .cities p.more {padding-left:12px; background: url(http://www.moleskine.com/img/arrow_red.gif) center left no-repeat; font-size:11px; margin:5px 0;} #moleskine_cities_news .noborder {background:none;} #moleskine_cities_news ul{list-style-type:none; margin:3px; padding: 0; width: 90%;} #moleskine_cities_news li{ margin-bottom: 2px; margin-left: 0; padding-left: 0; background: url(http://www.moleskine.com/img/puntinato_ccc.gif) repeat-x bottom; width: 95%; padding: 7px 0px 10px 0px; height: 80px; } #moleskine_cities_news li p { padding: 0; margin: 0; } #moleskine_cities_news h4 { line-height:12px; margin-top: 3px; margin-right: 0; margin-bottom: 6px; margin-left: 0; font: bold 12px Verdana; color: #900; } /* ================= MOLESKINE CITY SUBCATEGORIES ===================== */ #moleskinecity_last_entry { border-bottom: 2px dotted #ccc; padding-bottom: 20px; margin-bottom: 25px; } #moleskinecity_last_entry h3 { font: normal 24px Georgia; color: #900; padding-bottom: 15px; } /* ================= MENU DI NAVIGAZIONE CON ANCORE =================== */ #anchor_nav { text-decoration: none; width: 100%; height: 18px; border-bottom: 2px dotted #ccc; padding-top: 7px; padding-bottom: 7px; margin-bottom: 20px; } #anchor_nav ul { text-decoration: none; list-style: none; margin: 0px; padding: 0px; !important} #anchor_nav ul li { font-size: 10px; padding: 0px 6px 0px 6px; display: inline; border-right: 1px solid #ccc; float: left; margin: 0px; !important} #anchor_nav ul li a { margin: 0px; text-decoration: none; !important } #anchor_nav ul li:first-child {padding-left: 0px; !important } .entry-body #anchor_nav ul li a:link, .entry-body #anchor_nav ul li a:visited { text-decoration: none } /* ================= MENU DI NAVIGAZIONE ENTRY SUCCESSIVA/PRECEDENTE =================== */ #entrynav { padding-top: 6px; padding-bottom: 6px; height: 22px; border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; } #entrynav .left { width: 49%; float: left; margin: 0; } #entrynav .right { width: 49%; float: right; margin: 0; text-align: right; } /* ================= MSK =================== */ .msk_desc_title {font: normal 24px Georgia; color: #900;} #msk_desc_img { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px dotted #ccc; } #msk_home_sections .msk_home_section { float: left; width: 230px; height: 170px; padding: 12px 12px 12px 5px; margin: 0; border-bottom: 1px dotted #ccc; } #msk_home_sections .msk_home_section h4, #msk_home_sections .msk_home_section h4 a:link, #msk_home_sections .msk_home_section h4 a:visited { font: normal 20px Georgia; color: #900; margin-bottom: 3px; padding-bottom: 0px; } #msk_home_sections .msk_home_section p { margin-top: 3px; line-height: 17px; } #msk_wizard_menu { width: 220px; height: 700px; float: left; border-right: 1px dotted #ddd; padding-right: 10px; margin-right: 10px; line-height: 25px; } #msk_wizard_menu h2, #msk_wizard_imagepos h2, #msk_wizard_text h2, #msk_wizard_imagepos_horizontal h2 { font: normal 19px Georgia; color: #900; } #msk_wizard_menu ul { list-style: none; margin: 0; padding: 0; } .msk_wizard_input_fixedsize { width: 200px; } .msk_wizard_input_disabled { width: 200px; color: #ccc; border: 1px solid #ccc; } #msk_wizard_preview { width: 260px; height: 600px; float: right; border: 1px solid #ddd; } #preview { overflow: auto; } /* stile dell'iframe - imposta barra di scorrimento */ #msk_wizard_imagepos { width: 100%; clear: both; padding-top: 0px; padding-bottom: 20px; } .note { font-style: italic; color: #444; } #msk_wizard_imagepos .none { background:#fff url(http://test.moleskine.com/msk/include/img/align_none.gif) no-repeat 0 0; } #msk_wizard_imagepos .right { background:#fff url(http://test.moleskine.com/msk/include/img/align_right.gif) no-repeat 0 0; } #msk_wizard_imagepos .left { background:#fff url(http://test.moleskine.com/msk/include/img/align_left.gif) no-repeat 0 0; } #msk_wizard_imagepos .center { background:#fff url(http://test.moleskine.com/msk/include/img/align_center.gif) no-repeat 0 0; } #msk_wizard_imagepos label { cursor:hand; } #msk_wizard_imagepos ul { overflow:auto; display:block; width:100%; _width:auto; margin: 0; padding: 0; } #msk_wizard_imagepos ul li { display:block; list-style:none; margin:0 20px 0 0; padding:118px 0 3px 0; float:left; width:80px; text-align:center; border:0px solid #CDBFAC; font-weight:bold; } #msk_wizard_text { width: 100%; clear: both; padding: 10px 0px 20px 0px; } #msk_wizard_buttons, #msk_save_buttons { width: 100%; clear: both; padding-top: 15px; border-top: 1px dotted #ddd; } #scrollevents { width: 100; height: 250px; padding-right: 10px; border: 1px solid #ddd; overflow: auto; margin-bottom: 20px; } /* ================= MSK NUOVI STILI =================== */ .msk_horizontal_container { width: 100%; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; } .msk_horizontal_box { width: 50%; float: left; padding: 0; line-height: 25px; } .msk_horizontal_box h2, .previewtitle { font: normal 20px Georgia; color: #900; } .msk_horizontal_box ul { list-style: none; margin: 0; padding: 0; } #msk_wizard_horizontal_preview { width: 445px; height: 500px; margin: 20px auto; border: 1px solid #999; } #preview { overflow: auto; } /* stile dell'iframe - imposta barra di scorrimento */ #msk_data_loaded { width: 505px; background: #eee; padding: 8px; margin-bottom: 20px; line-height: 19px; } #msk_data_loaded strong { color: #900; } #msk_data_loaded p { margin: 0; padding: 0; } #msk_wizard_imagepos_horizontal { width: 100%; clear: both; padding-top: 20px; } .note { font-style: italic; color: #444; } #msk_wizard_imagepos_horizontal .none { background:#fff url(http://www.moleskine.com/img/msk_align_none.gif) no-repeat top center; } #msk_wizard_imagepos_horizontal .right { background:#fff url(http://www.moleskine.com/img/msk_align_right.gif) no-repeat top center; } #msk_wizard_imagepos_horizontal .left { background:#fff url(http://www.moleskine.com/img/msk_align_left.gif) no-repeat top center; } #msk_wizard_imagepos_horizontal .center { background:#fff url(http://www.moleskine.com/img/msk_align_center.gif) no-repeat top center; } #msk_wizard_imagepos_horizontal .image100 { background:#fff url(http://www.moleskine.com/img/msk_align_image100.gif) no-repeat top center; } #msk_wizard_imagepos_horizontal label { cursor:hand; } #msk_wizard_imagepos_horizontal ul { overflow:auto; display:block; width:100%; _width:auto; margin: 0; padding: 0; } #msk_wizard_imagepos_horizontal ul li { display:block; list-style:none; margin:0 20px 0 0; padding: 70px 0 3px 0; float:left; width:80px; text-align:center; border:0px solid #CDBFAC; font-weight:bold; } .msk_wizard_update_preview { width: 100%; float: left; margin: 20px 0px 0px 0px; text-align: right; } .msk_horizontal_box #msk_format { width: 500px; } .msk_horizontal_box #msk_format li { text-align: center; padding-top: 160px; display: inline; float: left; width: 200px; } .msk_horizontal_box #msk_format li.standard { background: url(http://www.moleskine.com/img/msk_format_standard.gif) no-repeat top center; margin-right: 80px; } .msk_horizontal_box #msk_format li.weekly { background: url(http://www.moleskine.com/img/msk_format_weekly.gif) no-repeat top center; } .msk_horizontal_box #msk_format_contacts { width: 500px; } .msk_horizontal_box #msk_format_contacts li { text-align: center; padding-top: 160px; display: inline; float: left; width: 205px; } .msk_horizontal_box #msk_format_contacts li.singleletter { background: url(http://www.moleskine.com/img/msk_format_contacts_single.gif) no-repeat top center; margin-right: 80px; } .msk_horizontal_box #msk_format_contacts li.contiguous { background: url(http://www.moleskine.com/img/msk_format_contacts_contig.gif) no-repeat top center; } #msk_new_features { border-bottom: 2px dotted #ccc; padding: 6px 6px 20px 6px; margin: 0px; line-height: 18px; } #msk_new_features h3, #msk_new_features h3 a:link, #msk_new_features h3 a:visited { font: normal 22px Georgia; color: #900; } #msk_new_features a:link, #msk_new_features a:visited { color: #900; } #msk_new_features p { background: url('http://www.moleskine.com/img/msk_new_features.gif') no-repeat top right; padding-right: 70px; } /* ================= MSK NUOVI FORMATI =================== */ #msk_format_preview { float: right; width: 310px; height: 240px; } .format_select { width: 150px; margin: 0px; float: left; } .format_empty { background: url(http://test.moleskine.com/msk/image_formats/format_empty.gif) no-repeat top center; } .pocket_day { background: url(http://test.moleskine.com/msk/image_formats/pocket_standard.gif) no-repeat top center; } .pocket_week { background: url(http://test.moleskine.com/msk/image_formats/pocket_weekly.gif) no-repeat top center; } .pocket_landscape { background: url(http://test.moleskine.com/msk/image_formats/pocket_landscape.gif) no-repeat top center; } .large_day { background: url(http://test.moleskine.com/msk/image_formats/large_standard.gif) no-repeat top center; } .large_week { background: url(http://test.moleskine.com/msk/image_formats/large_weekly.gif) no-repeat top center; } .large_landscape { background: url(http://test.moleskine.com/msk/image_formats/large_landscape.gif) no-repeat top center; } .extralarge_day { background: url(http://test.moleskine.com/msk/image_formats/extralarge_standard.gif) no-repeat top center; } .extralarge_week { background: url(http://test.moleskine.com/msk/image_formats/extralarge_weekly.gif) no-repeat top center; } .extralarge_landscape { background: url(http://test.moleskine.com/msk/image_formats/extralarge_landscape.gif) no-repeat top center; } /* ================= MSK ZOT =================== */ #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider, #slider li{ width:100px; overflow:hidden; height: 70px; } span#prevBtn{ float: left; margin: 10px 0px 10px 5px; border-right: 1px solid #ddd; } span#nextBtn{ float: left; margin: 10px 0px; } span#thumbnailcounter { display: block; padding-top: 8px; } /* ================= MSK TEMPLATES =================== */ #msk_templates { width: 490px; margin-top: 20px; margin-bottom: 20px; } #msk_templates th { font-weight: bold; font-size: 11px; text-align: left; border-bottom: 2px dotted #ccc; padding: 5px 5px 5px 0px; } #msk_templates td { border-bottom: 1px solid #ddd; font-size: 11px; padding: 5px 5px 7px 5px; line-height: 17px; } #msk_templates td.template { background: url(http://www.moleskine.com/img/msk_icon.gif) no-repeat left; padding: 5px 5px 7px 30px; } #msk_templates td a:link, #msk_templates td a:visited { text-decoration: none; color: #900; } #templatesLoginForm { background: #efefef; padding: 10px 0px; line-height: 29px; } #templatesLoginForm input[type=text], #templatesLoginForm input[type=password] { border: 1px solid #ccc; padding: 3px 0px; } /* ================= PAGINA PROFILO =================== */ #page-title { clear: both; color: #900; } .user-pic { float: left; margin-bottom: 20px; } #profile-data { margin: 0; padding: 0; width: 100%; clear: both; list-style: none; } #profile-data li { padding-top: 4px; padding-bottom: 4px; border-bottom: 1px dotted #ccc; } #tabs { margin: 30px 0px 20px 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; border-bottom: 2px dotted #ccc; height: 20px; } #tabs li { display: inline; border-right: 1px solid #ccc; padding-right: 4px; padding-left: 4px; float: left; } #profile-comment-threads { display: none; } .hidden { display: none; } /* ================= DETOUR AUTHORS =================== */ #moleskine_artists_summary { border: none; } #moleskine_artists_summary h2 { padding-top: 15px; padding-bottom: 18px; font: normal 24px Georgia; color: #900; } #moleskine_artists_summary ul { display: inline-block; margin: 0; padding: 0; list-style: none; width: 490px; } #moleskine_artists_summary ul li { display: inline; float: left; width: 145px; background:url(http://www.moleskine.com/img/arr_red.gif) center left no-repeat; padding: 3px 5px 3px 12px; } /* ================= DETOUR CITY =================== */ #detour_main_entry { width: 100%; clear: both; padding-bottom: 20px; border-bottom: 2px dotted #ccc; margin-bottom: 25px; } #detour_main_entry_img { width: 250px; float: left; } #detour_main_entry_excerpt { width: 240px; float: right; } #detour_main_entry_excerpt h3 { font: normal 24px Georgia; color: #900; padding-top: 0px; margin-top: 0px; } /* ================= MYDETOUR CITY =================== */ #mydetour_subpage h3 { font: normal 24px Georgia; color: #900; padding-top: 20px; padding-bottom: 5px; margin-bottom: 0px; } #mydetour_subpage a:link, #mydetour_subpage a:visited { text-decoration: underline } #mydetour_subpage #anchor_nav ul li a { text-decoration: none } /* ================= PRIVACY =================== */ #privacy_content, #termsofuse_content { display: none; height: 250px; overflow: auto; border: 1px solid #ccc; margin: 10px 0px 0px 0px; color: #000; } /* ================= SUBMIT YOUR CREATIVITY =================== */ .submit_creativity { margin-top: 20px; border-top: 2px dotted #ccc; padding-top: 15px; font-weight: bold; color: #900;} /* ================= myMoleskine =================== */ #mymoleskine { padding:15px 10px 10px 1px; } #catalogue_entries #mymoleskine { padding-top: 0px; } #mymoleskine .customItem {margin:6px 10px 6px 0; float:left; width: 135px; height: 135px; } #mymoleskine .customImg {width:130px; height:130px;} #mymoleskine .customItemTit {width:135px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.moleskine.com/img/bg.png'); padding-top: 2px; padding-bottom: 2px; cursor: hand;} #mymoleskine[id] .customItemTit {background:url(http://www.moleskine.com/img/bg.png);} #mymoleskine .customItem .customImg a {display:block; height:100px;} #mymoleskine .customItem h3 {color:#fff; margin:0; padding:3px;font: normal 11px verdana; line-height: 16px;} #mymoleskine p.tutti {padding-top: 15px;} #authors_list { color: #999; } #authors_list h3 { padding-bottom: 4px; margin-top: 15px; border-bottom: 1px dotted #ccc; } #authors_list a:link, #authors_list a:visited { color: #333; } #authors_list a:hover { text-decoration: underline; color: #900; } /* ================= HR =================== */ hr { border: 0; border-top: 2px dotted #ccc; } /* ================= AJAX USER CHECK =================== */ .username_available { color: #090; } .username_not_available { color: #900; } .top { font-size: 10px; } /* ================= DIV PER DESCRIZIONE CATEGORIA =================== */ .category_description { } .category_description a:link, .category_description a:visited { text-decoration: underline; } .category_description h3 a:link, .category_description h3 a:visited { text-decoration: none; color: #900; } /* ================= STAMPA MSK =================== */ .printmsk { float: right; } /* ================= SPECIAL PROJECTS =================== */ #box_special { width: 485px; height: 300px; padding: 10px; } .special-column { width: 232px; float: left; margin-right: 20px; } .special-column h3 { font: bold 18px Tahoma; padding-bottom: 5px; border-bottom: 6px solid #C2B431; } .special-column img { margin-top: 8px; margin-bottom: 10px; } .special-column p { line-height: 19px; } .special-column p a:link, .special-column p a:visited { text-decoration: underline } /* ================= DELICIOUS =================== */ .deliciousTable { margin-top: 10px; border-top: 2px dotted #ccc; width: 480px; } .deliciousList { list-style: none; margin: 10px 0px; padding: 0px; } .deliciousList li { list-style: none; padding: 4px 0px 4px 13px; border-bottom: 1px dotted #ccc; background: url(http://www.moleskine.com/img/arr_red.gif) no-repeat left; } .deliciousList li a:link, .deliciousList li a:visited { color: #900; text-decoration: none } /* ================= COMMENTI =================== */ /* Stili generici */ .comment { margin-bottom: 20px; } #comments { width: 493px; } #comments, .comments-open { margin-top: 30px; } .comments-open-content { background: #f1f1f1 url("../img/arrow_gray.gif") 98% 0 no-repeat; padding: 5px; } #comment-greeting { padding: 5px; } .asset-meta { float: right; width: 415px; } .asset-meta .author { font-weight: bold; color: #900; } .asset-meta .published { border: none; color: #999; } .asset-meta .comment-reply a { padding-right: 20px; background: url('../mt-static/plugins/Motion/images/icons/comment.png') no-repeat top right; } /*#mainContent .entry-body*/ .comments-content a { text-decoration: none; color: #900; } .comments-header, #comments-open h2 { font: normal 22px Georgia; color: #900; padding: 3px 0px; margin-bottom: 8px; border-bottom: 1px dotted #ccc; } #comments-open-text { margin: 0px 0px 0px 0px; padding: 5px; } #comments-open-text textarea { border: 1px solid #ccc; margin-top: 8px; width: 469px; font: normal 12px "Courier New"} #comments-open-footer { padding: 5px 5px 10px 5px; text-align: right } #comments-open-footer .red_submit { width: auto } /* Singolo commento */ .comment-content { width: 390px; float: right; background: #f4f4f4 url('../img/bg_comments.gif') no-repeat top left; padding: 0px 10px 0px 20px; margin-top: 7px; } .comment-content p { overflow: hidden; line-height: 19px; } /*#mainContent #contentLeft .entry-body*/ .user-pic { margin-bottom: 0px; } /*#mainContent #contentLeft .entry-body*/ .user-pic img { border: 1px solid #ddd; margin: 5px 0px 0px 0px; padding: 4px; } /*#mainContent #contentLeft .entry-body*/ .user-pic img:hover { border: 1px solid #ccc; } /* ================= PROFILE VIEW (CGI) =================== */ #profile_top_bar, .profile_box h2 { position:relative; font: normal 22px Georgia; color: #900; width: 100%; clear: both; padding: 4px 0px; margin-bottom: 10px; border-bottom: 2px dotted #ccc } .profile_box { clear: both; margin-top: 20px; } #profile_personal_data { width: 400px; float: right; background: #f4f4f4 url('../img/bg_comments.gif') no-repeat top left; padding: 0px; margin-top: 7px; } #profile_personal_data p { line-height: 19px; padding: 10px 20px; margin-top: 0px; } .name_surname { font: normal 18px Georgia; margin-bottom: 10px; display: block } .twitter_link, .facebook_link, .website_link { padding: 3px 20px; /*display: block*/ } .twitter_link { background: url('../img/community_twitter.png') no-repeat left; } .facebook_link { background: url('../img/community_facebook.png') no-repeat left; } .website_link { background: url('../img/community_website.png') no-repeat left; } .company { background: url('../img/community_company.png') no-repeat left; padding: 3px 20px; } ul.recent-actions { list-style: none; padding: 0px; margin: 0px; } ul.recent-actions li { margin-bottom: 0px; padding: 4px 0px; border-bottom: 1px dotted #ccc; } ul.recent-actions li.icon-comment { background: url('../mt-static/plugins/Motion/images/icons/comment.png') no-repeat left; padding-left: 20px; } ul.recent-actions li.icon-entry { background: url('../mt-static/plugins/Motion/images/icons/page_white_text.png') no-repeat left; padding-left: 20px; } ul.recent-actions li.icon-msk { background: url('http://www.moleskine.com/img/msk_icon.gif') no-repeat left; padding: 5px 0px 5px 30px; } ul.recent-actions li a { color: #900; } #edit_profile, #view_profile { float: right; font: normal 11px Verdana; position: absolute; bottom: 6px; right: 0; } #edit_profile p, #view_profile p { margin: 0px; } #edit_profile_link, #view_profile_link { background: url('../img/community_edit.png') no-repeat left; padding-left: 20px; } #view_profile_link { background: url('../mt-static/plugins/Motion/images/icons/user.png') no-repeat left; } /* ================= PROFILE EDIT (CGI) =================== */ #profile_edit_personal_data { width: 360px; float: right; background: #f4f4f4 url('../img/bg_comments.gif') no-repeat top left; padding: 0px 10px 0px 20px; margin-top: 7px; } #customfield_personal_description { height: 100px; } .fieldset_container { background: #f1f1f1 url("../img/arrow_gray.gif") 98% 0 no-repeat; padding: 10px; } .butt { cursor: pointer } .hint { display: inline; } span#countdown { font: bold 12px georgia } /* ================= RATING =================== */ #postRating { width: 470px; background:url("../img/arrow_gray.gif") no-repeat scroll 98% 0 #F1F1F1; padding: 10px; clear: both; margin-top: 20px; } #postRating h3 { font: normal 20px Georgia; color: #900; margin-bottom: 5px; } .rating-error { margin-top: 8px; padding: 0px 5px; background: #fcc; border: 1px solid #900; } .rating-error a { font-weight: bold; } /* ================= SUBMIT YOUR CREATIVITY =================== */ /* Skin */ .tabs-nav { list-style: none; margin: 30px 0px 0px 0px; padding: 0px; background: #fff; } .tabs-hide { display: none; } /* Hide useless elements in print layouts... */ @media print { .tabs-nav { display: none; } } /* clearing without presentational markup, IE gets extra treatment */ .tabs-nav:after { display: block; clear: both; content: " "; } .tabs-nav li { float: left; margin: 0px; border-right: 1px solid #fff; } .tabs-nav a, .tabs-nav a span { display: block; padding: 10px; /*background: url(http://stilbuero.de/jquery/tabs/tab.png) no-repeat;*/ } .tabs-nav a { position: relative; z-index: 2; padding-left: 0; color: #333; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; background: #D3D0CD; height: 15px; } .tabs-nav a img { float: left; margin-left: 10px; } .tabs-nav a span { padding-bottom: 0px; padding-left: 5px; } .tabs-nav .tabs-selected a { color: #000; } .tabs-selected a { font-weight: bold; } .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background: #A59A8F; color: #fff; background-position: 100% -150px; outline: 0; /* prevent dotted border in Firefox */ } .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -100px; } .tabs-disabled a:hover { background: #D3D0CD; color: #333; } .tabs-nav a span { float: left; width: 34px; /* IE 6 treats width as min-width */ min-width: 34px; height: 12px; /* IE 6 treats height as min-height */ min-height: 12px; padding-top: 0px; padding-right: 0; } *>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .tabs-nav .tabs-selected a span { /* padding-top: 0px; */ } .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px; } .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; } .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: pointer; } .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .tabs-nav .tabs-disabled { opacity: .4; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=40); /* IE lt 8 */ -ms-filter: "alpha(opacity=40)"; /* IE 8 */ -khtml-opacity: .40; /* Safari 1.x */ -moz-opacity: .40; /* FF lt 1.5, Netscape */ } .tabs-container { margin: 0px; padding: 0px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ } .tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; } .creativityDescription { width: 478px; padding: 15px; margin: 0px; background: #A59A8F; border-bottom: 2px solid #C2B2A3; color: #fff; } .creativityForm { float: left; width: 478px; padding: 15px; background: #efefef url("http://www.moleskine.com/img/creativity_background.gif") no-repeat scroll right bottom; } .creativityForm .field-content input.ti, .creativityForm .field-content textarea.ta { border-right: 4px solid #C2B2A3; width: 470px; font-size: 12px; } .creativityForm #artworks-submit, .creativityForm #videos-submit, .creativityForm #hacks-submit { float: right; margin-top: 15px; } .creativityForm #hacks-preview { margin-top: 15px; } .videoPreview { position: relative; padding: 10px; margin: 10px 0px; background: #fff; line-height: 18px; width: 456px; display: none } .videoPreview #videoTitle, .videoPreview #videoTitle a:link, .videoPreview #videoTitle a:visited { font: bold 16px Georgia; color: #900; padding-right: 10px; } #videoPreviewImage { float: left; margin-right: 10px; width: 200px; background: #efefef; padding: 3px; border: 1px solid #ccc; } .videoPreview #videoClose { /*position: absolute; top: 5px; right: 5px;*/ float: right; margin-right: 0px; /*width: 16px; height: 16px;*/ } #videoPreviewLoading { padding: 15px 0px; text-align: center; display: none } .previewButton { width: 50px; background: #C2B2A3; border: 1px solid #999; padding: 5px; cursor: pointer } /* IE Tab Fixes */ .tabs-nav { /* auto clear */ *display: inline-block; } .tabs-nav .tabs-disabled { *position: relative; /* fixes opacity */ *filter: alpha(opacity=40); } .tabs-nav .tabs-disabled a span { _height: 19px; /* for some reason the height is 1px to less with opacity... */ *min-height: 19px; /* ...in both IE 6 and 7 */ } /* ================= COMMUNITY ENTRIES =================== */ .videoEntryBody { margin-bottom: 15px; } .hacksEntryExcerpt { background: #ededed; padding: 10px; margin: 10px 0px; line-height: 19px; } .hacksEntryExcerpt img { background: #f3f7f9; padding: 3px; border: 1px solid #ccc; float: left; margin-right: 5px; } .hacksEntryBody { line-height: 19px; } #shareContent { clear: both; width: 490px; margin: 15px 0px; } #cke_hacksBody { margin-top: 5px; } /* ================= MYMOLESKINE GALLERY =================== */ #myMoleskineGallery { width: 503px; margin-top: 8px; } #galleryHeader { position: relative; background: url(../img/header_gallery_mymoleskine.jpg) repeat-x bottom; height: 28px; padding: 8px; } #galleryHeader h3 { color: #fd0; font: bold 22px "Trebuchet MS"; padding: 0; margin: 0; } #galleryHeader h3 img { vertical-align: middle } #galleryHeader .rss { position: absolute; top: 15px; right: 8px; } #galleryDescription { background: url("http://www.moleskine.com/img/creativity_background.gif") no-repeat scroll right bottom #EFEFEF; padding:15px; width: 473px; line-height: 19px; border-bottom: 4px solid #C2B2A3; } #galleryDescription img.submit { float: right; margin-left: 5px; } #galleryCount { font: normal 16px Georgia; } .galleryItem { width: 167px; float: left; height: 118px; margin: 0; padding: 0; position: relative; border-bottom: 2px solid #333; } .galleryItemTit { position: absolute; bottom: 0px; background: url(../img/bg.png); width: 157px; padding: 3px 5px; color: #ccc; } .galleryItemTit h3 { color: #fff; font: normal 11px Verdana; } .galleryItemMsk { padding: 5px 0px; border-bottom: 1px dotted #ccc; background: #fff; } .galleryItemMsk:hover { background: #ededed; } .galleryItemMsk a.MSKItemTitle { font-weight: bold; color: #900; } .galleryItemMsk img { vertical-align: middle } .extraData h3 { color: #fd0; font-weight: bold; } .galleryPager { width: 100%; clear: both; padding: 10px 0px; margin: 0; background: url("http://www.moleskine.com/img/creativity_background.gif") no-repeat scroll left center #EFEFEF; text-align: right; border-top: 4px solid #C2B2A3; border-bottom: 1px solid #ccc; } .galleryPager span { padding: 3px; margin: 2px; background: #fff; border: 1px solid #ccc; color: #333; -moz-border-radius: 3px; } .galleryPager span:hover { background: #333; color: #fff; border: 1px solid #fff; !important } .galleryPager span:hover a { color: #fff; } .galleryPager span.actual_page { background: #333; color: #fd0; font-weight: bold; padding: 3px; border: 1px solid #fff; !important } .galleryPager span.counter, .galleryPager span.counter:hover { background: #fff; color: #333; border: 1px solid #ccc; } .galleryFilter { border-bottom: 4px solid #C2B2A3; background: #F0EEDF; text-align: right; padding: 10px 0px; } .videoPlay { position: absolute; top: 30px; left: 55px; background: url("../img/play_video.png") no-repeat; width: 50px; height: 50px; } /* ===== COMING SOON FORM ===== */ #comingSoonFormContainer { background: #ededed; border: 1px solid #ccc; padding: 10px; } #comingSoonFormContainer #privacy_content, #comingSoonFormContainer #termsofuse_content { margin-bottom: 20px; background: #fff; } #comingSoonFormContainer label { font-weight: bold } .textField, .textAreaField, .selectBox { width: 98%; padding: 4px; border: 1px solid #ccc; margin-bottom: 8px; font: normal 11px Verdana; } /* ===== AJAX ===== */ #ajaxPlacement { display: none; } #errors { width: 471px; color: #333; border: 1px solid #900; padding: 10px; background: #fcc; margin-bottom: 20px; } #success { width: 471px; color: #333; border: 1px solid #090; padding: 10px; background: #F6FFE2; margin-bottom: 20px; } /* ===== SHARE BUTTONS ===== */ #anchor_nav iframe { float: left; } #tweetmeme_button { width: 80px; } #deliciousCounter { float: left; display: inline-block; padding-top: 4px; color: #333; font: bold 11px Arial; margin-right: 3px } /* ===== myMoleskine Home ===== */ .mymoleskineLeft { width: 56%; min-height: 280px; /*height: 450px;*/ float: left; border-right: 2px dotted #ccc; padding: 0px 10px 0px 0px } .mymoleskineRight {} .mymoleskineCommunityBox { width: 36%; padding: 0px 10px; float: right; background: url("http://www.moleskine.com/img/creativity_background.gif") no-repeat scroll right center #EFEFEF; } .count { font: normal 16px Georgia; color: #900 } .communityLogin { line-height: 19px; background: #fff; margin: 15px 0px; padding: 10px; } .communityLogin label { font-weight: bold; float: left; } .communityLogin input[type=text], .communityLogin input[type=password] { width: 99%; float: left; padding: 3px 0px; border: 1px solid #ccc; margin: 5px 0px; } .communityLogin input[type=submit] { float: left; } .communityLogin input[type=image] { float: right; margin: 10px 0px; } .lastCommunityContents { clear: both; float: left; width: 100%; border-top: 2px dotted #ccc; margin: 4px 0px; padding: 10px 0px; } .lastCommunityContents h3 a { color: #900 } .lastGalleryImg { padding: 3px; background: #efefef; border: 1px solid #ccc; margin: 15px 4px; } .lastVideoContainer { background: #efefef; border: 1px solid #ccc; width: 60px; height: 60px; padding: 3px; float: left; margin: 15px 4px; } .lastVideoContainer span { position: absolute; top: 6px; left: 5px; background: url("../img/play_video.png") no-repeat; width: 50px; height: 50px; } .lastVideoImg { width: 60px; height: 60px; position: relative; } .galleryPayOff { float: left; display: block; width: 100%; margin: 8px 0px; font: italic 14px Georgia; } .userSearch { background: #efefef; padding: 10px; margin: 10px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .userSearch input[type=text], .querySearch, .querySearchSmall, .querySelect { border-color: #ccc #ccc #ccc #ccc; border-style: solid none solid solid; border-width: 2px 0 2px 2px; display: inline; float: left; width: 203px; height: 16px; } .galleryFilter .querySearch { width: 424px; margin-left: 10px; } .galleryFilter .querySearchSmall { width: 200px; margin-left: 10px; border-style: solid; border-width: 2px } .galleryFilter .querySelect { width: 140px; margin-left: 10px; height: 22px; border-style: solid; border-width: 2px; } .textSearch { float: left; padding-top: 2px } .entryComments { background:url("../mt-static/plugins/Motion/images/icons/comment.png") no-repeat left top; padding-left: 20px; } .userSearch input[type=image], .buttonSearch { display:inline; float:left; } .lastCommunityContents #anchor_nav ul li { padding: 0px 5px; !important } /* ===== News Community ====== */ .communityEntry h3 { padding-bottom: 5px; } .communityEntry h3, .communityEntry h3 a { font: bold 16px Verdana; color: #900; } .communityEntry { border-bottom: 2px dotted #ccc; margin-bottom: 20px; } /* ===== Lista News ====== */ .newsTableList { margin: 10px; padding: 0px; list-style: none; } .newsTableList li { color: #333; padding: 6px 0px; border-bottom: 1px dotted #ccc; font: normal 11px Verdana; line-height: 18px; min-height: 55px; display: block; } .newsTableList li a:link, .newsTableList li a:visited { color: #900; text-decoration: none } .newsTableList li a:hover { color: #333; text-decoration: underline; } .newsTableList h3 { margin-top: 0px; } .newsTableList img { padding: 3px; background: #ededed; border: 1px solid #ccc; float: left; margin-right: 5px; } .newsCommunityList { margin: 10px 0px; padding: 0px; list-style: none; } #galleryDescription .newsCommunityList { width: 300px; } .newsCommunityList li { color: #333; padding: 4px 0px; border-bottom: 1px dotted #ccc; font: normal 11px Verdana; line-height: 18px; display: block; } .newsCommunityList li a:link, .newsCommunityList li a:visited { color: #900; text-decoration: none } .newsCommunityList li a:hover { color: #333; text-decoration: underline; } /* ===== Ricerca Utenti ====== */ #authorsContainer { margin: 0; padding: 0; } #authorsContainer li { border-bottom: 1px dotted #ccc; padding: 4px 0px; line-height: 21px; list-style:none } #authorsContainer li a { color: #900 } .authorPicture { float: left; margin-right: 8px; background: #efefef; padding: 3px; border: 1px solid #ccc; } .englishSidebarLink { background: url('http://www.moleskine.com/img/flags/uk.gif') no-repeat right; padding-right: 20px; }