Conetazzo Layout

8/3/2019 Conetazzo Layout

1/24

-----------------------------------------------Blogger Template StyleName: Dark EditionDate: January 2011Created by: Chica BloggerURI: http://chicablogger.com----------------------------------------------- */

/* Variable definitions====================

*/

/* This code hides the Blogger navbar */

#navbar, #navbar-iframe, #HTML1 h2, #HTML99 h2, .quickedit, .icon-action {display: none;

height: 0;}


2/24

/* General */

body {background: #E2E4D9 url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/TTO6q3iXj0I/AAAAAAAACBA/UYPt5w_oUXg/s1600/background.jpg) repeat-x center top;margin:0;color:$textcolor;

font:x-small Helvetica;font-size/* */:/**/small;font-size: /**/small;}

a:link {color:$linkcolor;text-decoration:none;}

a:visited {color:$visitedlinkcolor;

text-decoration:none;}

a:hover {color:$titlecolor;text-decoration:underline;}

a img {border-width:0;}

/* Header */

#header-wrapper{width:100%;background: url(https://lh4.googleusercontent.com/-cD2eDVu_1yw/TWxTPLK_aGI/AAAAAAAAAbg/rkYJsb3IdkA/s1600/darkedbg+cornetazzo+version.png) no-repeat center top;height: 245px;margin: 0;}

#header {width: 950px;

margin: 0 auto;}

#header-left {height: 160px;width: 440px;float: left;margin-top: 6px;}

#header h1{color: #FFF;margin-top: 30px;

margin-bottom: 0;font-size: 50px;font-family: 'Helvetica', arial, serif;


3/24

}

#header a, #header a:visited, #header a:hover, #header li:hover {color: #FFF;text-decoration: none;}

#headerlogo .description {color: #FFF;margin-top: 0;}

#Header1_headerimg {margin-top: 40px;}

#menu-top{height: 29px;width: 900px;

padding-top: 5px;margin-left: 0px;float:left;}

#logo {width: 420px;height: 110px;margin-top: 30px;outline: none;}

#menu-bottom {

height: 40px;width: 600px;float: left;margin-left: -37px;margin-top: -13px;*padding-top: 12px;}

#menu-bottom ul li{display: inline;list-style-type: none;}

#menu-bottom li {border-right: 1px solid #E0E0DE;text-align: left;padding: 12px 17px 12px 17px;*margin-top: 1px;float: left;}

#LinkList99 li a{color: #000 !important;}

#LinkList99 li:hover {padding: 12px 17px 12px 17px;background: #C2CA10;


4/24

color: #FFFFFF !important;}

#LinkList99 li:hover a{color: #FFF !important;}

#LinkList99 li a:hover{color: #FFF !important;}

#search {height: 36px;width: 200px;float: right;background: url(http://1.bp.blogspot.com/_V-IXTBBt1Bg/TTZTOOos_rI/AAAAAAAACCg/JuZgseiSxW8/s1600/search.png) no-repeat top right;margin: 2px 10px 0 0;}

#q{color: #969696;background: transparent;font-size: 0.9em;margin: 10px 0 0 10px;width: 150px;border: none;float: left;height: 24px;}

.submit {

width: 24px;height: 24px;margin: 5px 8px 0 0px;outline: none;float: right;}

#header-right {height: 160px;width: 500px;float: right;margin-top: 6px;

}#header a {outline: none;text-decoration:none;}

#adsensetop {width: 468px;height: 60px;margin-top: 45px;margin-left: 20px;

}


5/24

/* Main containers */

#outer-wrapper {width: 960px;margin:0 auto;padding: 10px 0;text-align:$startSide;

font: $bodyfont;}

#main-wrapper {width: 640px;float: $startSide;word-wrap: break-word;overflow: hidden;}

#sidebar-wrapper {width: 300px;

float: $endSide;word-wrap: break-word;overflow: hidden;}

/* Post */

.post{width: 600px;padding: 20px 20px 15px 20px;border: 1px solid #E0E0DE;background: #FFF;

font-family: Helvetica, sans-serif;margin-bottom: 20px;}

.post h3{margin:.25em 0 0;padding:0 0 4px;font-size:280%;line-height: 40px;line-height:1.4em;font-family: 'Yanone Kaffeesatz', arial, serif;font-weight: 500;

}.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:$titlecolor;border-bottom: 3px dotted #EAE8DB;padding-bottom: 5px;}

.post h3 strong, .post h3 a:hover {color: $linkcolor;}

.post-labels {color: #FFF;


6/24

background: #1E1E1E;padding:4px 10px;-moz-border-radius: 6px;border-radius: 6px;}

.post-labels a {

color: #FFF;}

.post-labels:hover {background: $linkcolor;}

.post-body {margin:0 0 .75em;line-height:1.6em;font-size: 14px;text-align: justify;

}.post-body blockquote {line-height:1.3em;background: url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/TR_9lKQ5uQI/AAAAAAAAB_M/QLLog2ZMPwI/s1600/blockquote.png) no-repeat top left;padding: 0 0 0 40px;font-style: italic;}

.post-body ul li{list-style: url(http://4.bp.blogspot.com/_V-IXTBBt1Bg/S2ti9tpIaEI/AAAAAAAABek/VKA0f5f0GTU/s1600/bullet.png);

}

.post-footer-line-1 {margin: .75em 0;color:$sidebartextcolor;line-height: 1.4em;border-top: 1px solid #EAE8DB;border-bottom: 1px solid #EAE8DB;padding: 5px 0;}

.post-author {

background: url(http://4.bp.blogspot.com/_V-IXTBBt1Bg/TTZTaQJc98I/AAAAAAAACCo/EKG7LU9q7u0/s1600/user.png) no-repeat center left;padding-left: 20px;margin-left: 5px;height: 20px;width: 430px;float: left;font-style: italic;}

.comment-link {background: url(http://4.bp.blogspot.com/_V-IXTBBt1Bg/TTZTTWvbVvI/AAAAAAAACCk/MN_goMf75wA/s1600/comment.png) no-repeat center left;

padding-left: 20px;height: 20px;width: 120px;


7/24

float:right;font-style: italic;}

.post-body img{padding:4px;border:1px solid $bordercolor;

background: #F2F2F2;}

.post table{border-collapse:collapse;text-align: center;margin: 0 1px;}

.post table,th, td{border: 1px solid #ccc;}

.post th {padding: 0 5px;background: #F1F1F1;}

.post blockquote {margin:1em 20px;}

.post blockquote p {margin:.75em 0;}

/* Comments */

#comments {width: 610px;padding: 15px 15px 0px 15px;border: 1px solid #E0E0DE;background: #FFF;font-family: Helvetica, sans-serif;margin-bottom: 20px;

}

#comments h4 {margin:1em 0;line-height: 1.4em;color: $sidebarcolor;font-size: 26px;

background: url(http://2.bp.blogspot.com/_V-IXTBBt1Bg/TTpYOU8QePI/AAAAAAAACDM/zGC5Yg03oO8/s1600/comment2.png) no-repeat center left;padding: 0 0 10px 40px;font-family: 'Yanone Kaffeesatz', arial, serif;font-weight: 400;

}

#comments a{


8/24

/*color:#666;*/}

#comments p.notice{margin:0 0 10px 0;padding:0px;text-align:center;

font-weight:bold;}

.commentlist, .commentlist-destacado{clear:both;list-style:none;margin:0 0 10px 0;padding:0px;}

.commentlist li, commentlist-destacado li{clear:both;

padding:0px;margin:10px 0 0px 0;font-size:12px;}

#comments .commentlist li div.comment-body {background:#FFF;padding:10px;border:1px solid #E6E6E6;}

#comments .commentlist-destacado li div.comment-body{background: #ECF8E0;

padding:10px;border:1px solid #D0F5A9;}

#comments .commentlist li.pingback div.comment-body, #comments .commentlist li.trackback div.comment-body{border:none;}

#comments .commentlist li div.comment-author .avatar{padding:0;

margin:0 10px 0 0;float:left;width:50px;height:50px;border:5px solid #E0E4CC;}

cite.fn{font-size:12px;color:#6b6b6b;font-weight: bold;text-transform:capitalize;font-style:bold;

}

.says{


9/24

margin-left:3px;display:none;}

.comment-meta{margin-bottom:10px;font-size:12px;

color:#000000;/*border-bottom:5px solid #E0E4CC;*/}

.comment-meta a{text-decoration:none;color:#000000;}

#comments .commentlist li p, #comments .commentlist-destacado li p{padding:0;margin:0 0 10px 0;

}

.comment p{display:block;}

.comment-author{margin-top:0px;margin-left:5px;}

.avatar-image-container{

float:left;width:40px;height:40px;background:#fff;padding:1px;border:1px solid #ccc;margin-right:10px;}

.avatar-image-container img { width:40px; height:40px; background: url(http://1.bp.blogspot.com/_V-IXTBBt1Bg/TE-ce95knVI/AAAAAAAAB1g/Sprbxp4AkI4/s1600/no-avatar.png);

}.comment-form {margin:25px 0px 0px 0px;max-width:628px !important;width:628px !important;}

#blog-pager-newer-link {float: $startSide;margin-$startSide: 20px;}

#blog-pager-older-link {float: $endSide;margin-$endSide: 20px;


10/24

}

#blog-pager {text-align: center;width: 638px;clear: both;background: #FFF;

border: 1px solid $bordercolor;height: 18px;padding: 5px 0;}

.feed-links {clear: both;line-height: 2.5em;background: url(http://3.bp.blogspot.com/_V-IXTBBt1Bg/S2ELT4VUtKI/AAAAAAAABd0/EhEWrvJlaWg/s1600/rss-bottom.png) no-repeat center left;padding-left: 20px;font-family: Helvetica, Arial, sans-serif;

}

/* Sidebar Content */

#subscription {list-style: none;margin-top: 0px;*margin-top: -10px;}

#subscription li {

padding: 5px 10px 5px 10px;height: 60px;line-height: 1.5em;}

#subscription li a {color: #000;}

#subscription li a:hover {color: $linkcolor;}

#subscription li h4 {margin: 0 0 0 45px;font-size: 18px;color: #333333;font-weight: bold;border: none;}

#subscription li p {margin: 0 0 0 45px;font-size: 13px;}

#subscription li img {float: left;


11/24

padding: 0px;margin: 0px 10px 0px 0px;}

#subscription li:hover {background-color: #e4f4be;

}

.sidebar {color: $sidebartextcolor;line-height: 1.5em;font-family: Helvetica;float: $endSide;margin: 0;}

.sidebar h2{font-weight: 600;

margin-top: 0;color: $sidebarcolor;text-transform: uppercase;font-size: 22px;font-family: 'Yanone Kaffeesatz', arial, serif;}.sidebar a {color: $sidebartextcolor;}

.sidebar a:hover {color: $linkcolor;

text-decoration: none;}

.sidebar ul {list-style:none;margin:0 0 0;padding:0 0 0;}

.sidebar li {margin:0;

padding-top:0;padding-$endSide:0;padding-bottom:.25em;line-height:2em;border-bottom: 1px solid #EAE8DB;}

.sidebar li:hover {background: #e4f4be;}

.sidebar .widget {background: #FFF url(http://2.bp.blogspot.com/_V-IXTBBt1Bg/S1-iegaKLQI/AAAAAAAAB

b4/IoXndGxdUWs/s1600/sidebarbg.png) repeat-x;width: 270px;padding: 10px 15px;


12/24

border: 1px solid #E0E0DE;margin-bottom: 20px;}

.main .Blog {border-bottom-width: 0;}

/* Profile */

.profile-img {float: $startSide;margin-top: 0;margin-$endSide: 5px;margin-bottom: 5px;margin-$startSide: 0;padding: 4px;border: 1px solid $bordercolor;}

.profile-data {margin:0;color: $sidebarcolor;font-weight: bold;line-height: 1.6em;}

.profile-datablock {margin:.5em 0 .5em;}

.profile-textblock {

margin: 0.5em 0;line-height: 1.6em;}

/* Footer */

#footer-wrapper {background: #000;width: 100%;border-top: 1px solid #313131;font-family: Helvetica;

}#footer {width:960px;background: #000;clear:both;margin:0 auto;padding: 25px 0 25px 0;*padding: 25px 0 0px 0;line-height: 1.6em;}

.footer-col {

width: 270px;padding: 10px 15px;background: #111111;


13/24

color: #FFF;border-radius: 8px;-moz-border-radius: 8px;}

.footer-col a {color: $linkcolor;

}

.footer-col a:hover {color: $linkcolor;text-decoration: none;}

.footer-col h2 {font-weight: bold;margin-top: 0;color: #FFF;text-transform: uppercase;

font-size: 20px;font-family: 'Yanone Kaffeesatz', arial, serif;}

.footer-col ul {list-style:none;margin:0 0 0;padding:0 0 0;}

.footer-col li {margin:0;padding-top:0;

padding-$endSide:0;padding-bottom:.25em;line-height:2em;border-bottom: 1px solid #262626;}

.footer-col li:hover {background: #E4F4BE;color: $linkcolor;}

.footer-col li a:hover {

color: $linkcolor;}

#footer-col1 {margin-right:30px;float: left;}

#footer-col2 {margin-right:30px;float: left;}

#footer-col3 {float: left;


14/24

}

#credit-wrapper{background: #E2E4D9;border-top: 1px solid #313131;height: 20px;padding: 10px 0;

}

#credit {width: 960px;margin: 0 auto;color: #000;text-align: center;}

#credit a {color: #000;}

/* Styles for the lavalamp menu */

.lavaLamp {position: relative;height: 30px; width: 421px;padding: 0; margin: 0px 0;overflow: hidden;}

.lavaLamp li {float: left;list-style: none;

}.lavaLamp li.back {background: #C2CA10;width: 9px; height: 30px;z-index: 8;position: absolute;color: #FFF;-moz-border-radius: 6px;border-radius: 6px;}

.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li:hover{color: #FFF;}

.lavaLamp li.back .left {background: #C2CA10;height: 30px;margin-right: 9px;-moz-border-radius: 6px;border-radius: 6px;}

.lavaLamp li a {

position: relative; overflow: hidden;text-decoration: none;font: 14px arial;


15/24

color: #FFF;outline: none;text-align: center;height: 30px;top: 7px;z-index: 10;letter-spacing: 0;

float: left;display: block;margin: auto 10px;}

.lavaLamp li a.first {color: #FFF;}

/* Styles for the slideshow */

.crosscol {

background: #FFF;width: 920px;height: 300px;padding: 19px 20px 19px 18px;margin-bottom: 20px;border: 1px solid #E0E0DE;}

#s3slider {width: 920px; /* important to be same as image width */height: 300px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */

border: 1px solid #000;}

#s3sliderContent {width: 920px; /* important to be same as image width or wider */position: absolute; /* important */top: -13px;

*top: 0px;left: -40px;*left: 0px;

margin-left: 0; /* important */}

@media screen and (-webkit-min-device-pixel-ratio:0) {#s3sliderContent {

width: 920px; /* important to be same as image width or wider */position: absolute; /* important */top: -12px;

left: -40px;margin-left: 0; /* important */

}}

.s3sliderImage {float: left; /* important */

position: relative; /* important */display: none; /* important */}


16/24

.s3sliderImage span {position: absolute; /* important */left: 0;font: 14px Arial, Helvetica, sans-serif;padding: 10px 13px;width: 920px;

background-color: #000;filter: alpha(opacity=70); /* here you can set the opacity of box with text *

/-moz-opacity: 0.7; /* here you can set the opacity of box with text */-khtml-opacity: 0.7; /* here you can set the opacity of box with text */opacity: 0.7; /* here you can set the opacity of box with text */color: #fff;display: none; /* important */bottom: 0;

/*if you put

top: 0; -> the box with text will be shown at the top of the imageif you putbottom: 0; -> the box with text will be shown at the bottom of the image

*/}

.s3sliderImage strong a{color: #FFF;font-family: 'Yanone Kaffeesatz', arial, serif;font-size:28px;}

.clear {

clear: both;}

.sponsors {margin-left: 6px;*margin-left: 2px;text-align: center;}

]]>


17/24

skip to main skip to sidebar

Blog Subscription


18/24

Twitter

Siga o cornetazzo em cornetadas rpidas e rasteiras.

Posts RSS

Veja os posts do Cornetazzo em seu leitor de feed favorito.

Contato

Viu algo ilegal ou irregular? Entre em contato.


19/24

2010 Designed by Trucks, incollaboration with MW3, Broadway Tickets, and Distubed Tour

//

* Uses the built in easing capabilities added in jQuery 1.1* to offer multiple easing options** Copyright (c) 2007 George Smith* Licensed under the MIT License:* http://www.opensource.org/licenses/mit-license.php*/jQuery.easing={easein:function(x,t,b,c,d){return c*(t/=d)*t+b},easeinout:function(x,t,b,c,d){if(t


20/24

return b+c;if(!p)p=d*(.3*1.5);if(a

/*** Creates a menu with an unordered list of menu-items. You can either use the C

SS that comes with the plugin, or write your own styles* to create a personalized effect** The HTML markup used to build the menu can be as simple as...** * Home* Plant a tree* Travel* Ride an elephant* *

* Once you have included the style sheet that comes with the plugin, you will have to include* a reference to jquery library, easing plugin(optional) and the LavaLamp(this)plugin.** Use the following snippet to initialize the menu.* $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700}) });** Thats it. Now you should have a working lavalamp menu.** @param an options object - You can specify all the options shown below as anoptions object param.*

* @option fx - default is "linear"* @example* $(".lavaLamp").lavaLamp({ fx: "backout" });


21/24

* @desc Creates a menu with "backout" easing effect. You need to include the easing plugin for this to work.** @option speed - default is 500 ms* @example* $(".lavaLamp").lavaLamp({ speed: 500 });* @desc Creates a menu with an animation speed of 500 ms.

** @option click - no defaults* @example* $(".lavaLamp").lavaLamp({ click: function(event, menuItem) { return false; }});* @desc You can supply a callback to be executed when the menu item is clicked.* The event object and the menu-item that was clicked will be passed in as arguments.*/(function($) {$.fn.lavaLamp = function(o) {

o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o {});return this.each(function() {

var me = $(this), noop = function(){},$back = $('').appendTo

(me),$li = $("li", this), curr = $("li.current", this)[0] $($li[0]).ad

dClass("current")[0];

$li.not(".back").hover(function() {move(this);

}, noop);

$(this).hover(noop, function() {move(curr);});

$li.click(function(e) {setCurr(this);return o.click.apply(this, [e, this]);

});

setCurr(curr);

function setCurr(el) {

$back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px"});curr = el;

};

function move(el) {$back.each(function() {

$(this).dequeue(); }).animate({

width: el.offsetWidth,left: el.offsetLeft

}, o.speed, o.fx);};

});};


22/24

})(jQuery);//]]>

//

s3Slider

Developped By: Boban Kariik -> http://www.serie3.info/CSS Help: Mszros Rbert -> http://www.perspectived.com/Version: 1.0

Copyright: Feel free to redistribute the script/modify it, aslong as you leave my infos at the top.

-------------------------------------------------------------------------- */

(function($){

$.fn.s3Slider = function(vars) {

var element = this;var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;var current = null;var timeOutFn = null;var faderStat = true;var mOver = false;var items = $("#" + element[0].id + "Content ." + element[0].id +

"Image");var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id +

"Image span");

items.each(function(i) {

$(items[i]).mouseover(function() {mOver = true;

});

$(items[i]).mouseout(function() {mOver = false;fadeElement(true);

});

});var fadeElement = function(isMouseOut) {

var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;thisTimeOut = (faderStat) ? 10 : thisTimeOut;if(items.length > 0) {

timeOutFn = setTimeout(makeSlider, thisTimeOut);} else {

console.log("Poof..");}

}

var makeSlider = function() {

current = (current != null) ? current : items[(items.length-1)];var currNo = jQuery.inArray(current, items) + 1currNo = (currNo == items.length) ? 0 : (currNo - 1);


23/24

var newMargin = $(element).width() * currNo;if(faderStat == true) {

if(!mOver) {$(items[currNo]).fadeIn((timeOut/6), function() {

if($(itemsSpan[currNo]).css('bottom') == 0) {$(itemsSpan[currNo]).slideUp((timeOut/20), function(

) {

faderStat = false;current = items[currNo];if(!mOver) {

fadeElement(false);}

});} else {

$(itemsSpan[currNo]).slideDown((timeOut/20), function() {

faderStat = false;current = items[currNo];if(!mOver) {

fadeElement(false);}});

}});

}} else {

if(!mOver) {if($(itemsSpan[currNo]).css('bottom') == 0) {

$(itemsSpan[currNo]).slideDown((timeOut/20), function(){

$(items[currNo]).fadeOut((timeOut/20), function() {faderStat = true;

current = items[(currNo+1)];if(!mOver) {fadeElement(false);

}});

});} else {

$(itemsSpan[currNo]).slideUp((timeOut/20), function() {$(items[currNo]).fadeOut((timeOut/20), function() {

faderStat = true;current = items[(currNo+1)];if(!mOver) {

fadeElement(false);}});

});}

}}

}

makeSlider();

};

})(jQuery);//]]>


24/24

$(document).ready(function() {$('#s3slider').s3Slider({timeOut: 7000});});

$(function() { $(".lavaLamp").lavaLamp({ fx: "backout",

speed: 600 })});

Conetazzo Layout

Documents

Transcript of Conetazzo Layout