conetazzo layout
TRANSCRIPT
-
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;}
-
8/3/2019 Conetazzo Layout
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;
-
8/3/2019 Conetazzo Layout
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;
-
8/3/2019 Conetazzo Layout
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;
}
-
8/3/2019 Conetazzo Layout
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;
-
8/3/2019 Conetazzo Layout
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;
-
8/3/2019 Conetazzo Layout
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/3/2019 Conetazzo Layout
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{
-
8/3/2019 Conetazzo Layout
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;
-
8/3/2019 Conetazzo Layout
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;
-
8/3/2019 Conetazzo Layout
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;
-
8/3/2019 Conetazzo Layout
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;
-
8/3/2019 Conetazzo Layout
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;
-
8/3/2019 Conetazzo Layout
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;
-
8/3/2019 Conetazzo Layout
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 */}
-
8/3/2019 Conetazzo Layout
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;}
]]>
-
8/3/2019 Conetazzo Layout
17/24
skip to main skip to sidebar
Blog Subscription
-
8/3/2019 Conetazzo Layout
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.
-
8/3/2019 Conetazzo Layout
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
-
8/3/2019 Conetazzo Layout
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" });
-
8/3/2019 Conetazzo Layout
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);};
});};
-
8/3/2019 Conetazzo Layout
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);
-
8/3/2019 Conetazzo Layout
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);//]]>
-
8/3/2019 Conetazzo Layout
24/24
$(document).ready(function() {$('#s3slider').s3Slider({timeOut: 7000});});
$(function() { $(".lavaLamp").lavaLamp({ fx: "backout",
speed: 600 })});