.: Vidiografia

*/ /* Use this with templates/template-twocol.html */ #navbar-iframe { height:0; visibility:hidden; display:none; } body { background:#2f2f2f url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsX_HnywjLfRmF-UpBdznPb_0HJa8snSpcwhKtyD0Cf9-aKy72XKHtf62RzYKoJD536GzTdkHprbWFLcuEPUQtZfEzEUP0TcrCq0MDS7FjhyF5z_lsSxeN2E4PB8fjhmgw2SFPVnbJUU61/s1600/body.png) center top repeat-x; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size:/**/ small; font-size:/**/ small; text-align:center; overflow-x:hidden; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:#d12b1f; text-decoration:none; } a img { border-width:0; } /* TopNav ------------------------ */ .topnav { font-size:11px; font-weight:700; text-transform:uppercase; height:20px; overflow:hidden; border-bottom:1px double #ccc; padding:5px; background:url() repeat-x top left; box-shadow:0 0 10px #aaa; -moz-box-shadow:0 0 10px #aaa; -webkit-box-shadow:0 0 10px #aaa; } .topnav ul { margin:0; padding:0; list-style:none; } .topnav li { float:left; list-style-type:none; } .topnav li a { display:block; padding:5px 5px 0 40px; font-size:11px; font-weight:700; text-decoration:none; color:#000; border-left:px solid #ccc; } .topnav a:hover { color:#d12b1f; text-decoration:none; } .left { float:left; } .right { float:right; padding-left:750px; } .clear { } /* Header ----------------------------------------------- */ #header-wrapper { width:980px; margin:0 auto 10px; border:px solid $bordercolor; } #header-inner { background-position:center; margin-left:auto; margin-right:auto; } #header { margin:5px; border:px solid $bordercolor; text-align:left; color:$pagetitlecolor; } #header h1 { margin:5px 5px 0; padding:10px 10px 5px; line-height:1em; text-transform:uppercase; letter-spacing:.0em; font:$pagetitlefont; color:$pagetitlecolor; text-shadow:-3px 2px 2px #ccc; } #header a { color:$pagetitlecolor; text-decoration:none; } #header a:hover { color:$pagetitlecolor; } #header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:700px; text-transform:uppercase; letter-spacing:.2em; line-height:1.4em; font:$descriptionfont; color:#333333; } #header img { margin-startside:auto; margin-endside:auto; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width:1000px; margin:0 auto; padding:5px; text-align:$startSide; font:$bodyfont; background:transparent; } #main-wrapper { width:650px; float:right; background:#fff; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width:320px; float:left; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text content breaking IE sidebar float */ } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$headerfont; line-height:1.4em; text-transform:uppercase; letter-spacing:.0em; color:$sidebarcolor; } /* Posts ----------------------------------------------- */ h2.date-header { margin:1.5em 0 .5em; } .post { margin-bottom:20px; border:1px solid $bordercolor; padding:10px; background:#FFFBEF; box-shadow:0 0 5px #aaa; -moz-box-shadow:0 0 10px #aaa; -webkit-box-shadow:0 0 10px #aaa; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:400; line-height:1.4em; color:$titlecolor; } .post h3 a,.post h3 a:visited,.post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight:400; } .post h3 strong,.post h3 a:hover { color:#5689ad; } .post-body { margin:10px; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin:.75em 0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font:$postfooterfont; line-height:1.4em; padding-top:20px; } .comment-link { margin-startside:.6em; } .post img { padding:4px; border:1px solid $bordercolor; box-shadow:0 0 5px #aaa; -moz-box-shadow:0 0 10px #aaa; -webkit-box-shadow:0 0 10px #aaa; } .post blockquote { margin:1em 20px; border-left:6px double #ccc; padding:5px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight:700; line-height:1.4em; text-transform:capitalize; letter-spacing:.0em; color:#000; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:10px; } #comments-block .comment-body { margin:10px; } #comments-block .comment-footer { margin:10px; line-height:1.2em; text-transform:capitalize; letter-spacing:.0em; } #comments-block .comment-body p { margin:10px; } .comment-body { background:#fffbef; border:#ccc 1px solid; font-family:trebuchet ms; font-style:normal; box-shadow:0 0 5px #aaa; -moz-box-shadow:0 0 10px #aaa; -webkit-box-shadow:0 0 10px #aaa; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float:$startSide; } #blog-pager-older-link { float:$endSide; } #blog-pager { text-align:center; } .feed-links { clear:both; line-height:2.5em; display:none; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color:#666; line-height:1.5em; } .sidebar h2 { background:#fff; margin:0; padding:8px 5px 3px 10px; border:1px solid #ccc; } .sidebar h2:hover { background:#FFF7DF; } .sidebar ul { list-style:none; margin:5px; padding:5px; } .sidebar li { margin:10px; text-indent:-15px; line-height:1em; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ71jwRK976MvdnMu65-h6m7kP9fCGYbxtg8z-nSsQhHd8eqnOZohyphenhyphen-UpUnR4r9wwn3w1l9CkTe7ltk9iticVa2ogX2GsuXvwqN1zM-nQ37YPrELen5Rkm5Wp8uz-I-zUwAQinD8ZeGatM/s1600/000000208.gif) no-repeat; } .sidebar ul li a:link { color:#58a; margin:5px; padding:1px 0 0 28px; display:block; } .sidebar ul li a:visited { background:url() no-repeat; color:$visitedlinkcolor; border-bottom:px dashed #90DED0; margin:10px; padding:1px 0 0 28px; display:block; } .sidebar ul li a:hover { color:#d12b1f; border-bottom:px dashed#F97B1F; } .sidebar .widget { margin:0 0 20px 5px; padding:0 0 20px; background:#fffbef; border:2px solid #34201F; } .main .widget { border-bottom:1px dotted $bordercolor; margin:15px; padding:15px; } .main .Blog { border-bottom-width:0; } /* Profile ----------------------------------------------- */ .profile-img { float:$startSide; margin-top:0; margin-endside:5px; margin-bottom:5px; margin-startside:0; padding:10px; border:1px solid $bordercolor; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font:$postfooterfont; color:$sidebarcolor; font-weight:700; line-height:1.6em; } .profile-datablock { margin:.5em 0; } .profile-textblock { margin:.5em 0; line-height:1.6em; } .profile-link { font:$postfooterfont; text-transform:uppercase; letter-spacing:.1em; } /* Footer ----------------------------------------------- */ #footer { width:100%; background:#2f2f2f url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsX_HnywjLfRmF-UpBdznPb_0HJa8snSpcwhKtyD0Cf9-aKy72XKHtf62RzYKoJD536GzTdkHprbWFLcuEPUQtZfEzEUP0TcrCq0MDS7FjhyF5z_lsSxeN2E4PB8fjhmgw2SFPVnbJUU61/s1600/body.png) center top repeat-x; border-top:4px double #ccc; clear:both; margin:0 auto; padding:20px; line-height:1em; text-transform:capitalize; letter-spacing:.0em; text-align:left; overflow:hiden; } #credit { widht:950px; } #creditleft a { float:left; color:#000; } .creditleft a:hover { color:#d12b1f; } .creditleft a:visited { float:center; color:#000; } #creditright a { float:right; color:#000; } .creditright a:hover { color:#d12b1f; } .creditright a:visited { color:#000; } } .PageList h2 { display:none; } #slidearea { height:250px; overflow:hidden; position:relative; width:980px; background:#fff; border-top:0 solid #fff; border-left:10px solid #fff; border-right:10px solid #fff; border-bottom:10px solid #fff; margin:10px 0 20px; box-shadow:0 0 10px #aaa; -moz-box-shadow:0 0 10px #aaa; -webkit-box-shadow:0 0 10px #aaa; } ul.kwicks { padding:0 10px; list-style:none; } .kwicks li { float:left; width:196px; height:250px; position:relative; } .kwikmet { position:absolute; bottom:5px; left:5px; right:5px; display:none; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ0IB4Zpdm8DQeEMo5vd7-sK7nVyZGGyZ2k0uT4m6eMMLuvbtx5rs3c9s12wt6IthFKN8EAam92hAQ_Mk_XaHVDHn_0ZUtfn8_S92THoGmEk1uYZ1OmcnjRmxsENHs6B91SM1bQUXKvsfE/s1600/trans.png); padding:5px; width:730px; color:#888; } .kwikmet h2 a { color:#fff; font-size:16px; font-family:georgia; font-weight:400; padding-bottom:5px; } .slidimg { width:750px; height:250px; } .rounded { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #search { display:inline; margin:10px 0 0; overflow:hidden; } #subsearch { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border-radius:5px; background:#555; border:2px solid #777; color:#fff; display:inline; font-family:Arial,Tahoma,Verdana; margin:0 3px 10px 5px; padding:2px 0 2px 5px; width:225px; padding:1px 0 1px 5px; } #subsubmit { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#d1291d; border:1px solid #d1291d; color:#FFF; font-family:Arial,Tahoma,Verdana; font-size:11px; font-weight:700; margin:0; padding:3px 5px; text-decoration:none; width:70px; height:22px; } #submiddle .widget { float:left; margin:0; padding:10px 0 0 20px; width:280px; } .clear { clear:both; } #showlink { font-size:10px; float:right; margin-top:25px; margin-left:300px; font-weight:700; padding:5px; background:; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 6px 8px -5px #888; -webkit-box-shadow:0 6px 8px -5px #888; position:absolute; } #showlink a { color:#000; } #showlink a:visited { color:#000; } #showlik a:hover { color:red; } #toTop { width:100px; border:1px solid #ccc; background:#f7f7f7; text-align:center; padding:5px; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#333; font-family:verdana; font-size:11px; } ]]>