FreeVideoCoding.com

*/

/* Use this with templates/template-twocol.html */

/* Navbar Frame
----------------------------- */
#navbar-iframe {height:0px;visibility:hidden;display:none}
.feed-links {display: none;}

body {
margin: 0;
padding: 0;
color: #222;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPEQjkjrkmmPyptHaly9BaQeT-GW2uvRQcajIxqGX0z4KRRPsrnNrd6sIXZY7MYON5jThjJmmXopz1XTWMT-gpVicIe3xhd_2qfbOZSAjDOXTLqO8ec5bYlnGt0jHoFsygnbitYjIXt8Y/s0/bg000.jpg") repeat scroll 0 0 transparent;

}
p, h1, h2, h3, h4, h5, h6{
margin: 5px 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: Calibri, tahoma, arial, helvetica, sans-serif;
}

a{
color:#3D72C0;
font-weight:100;
text-decoration:none;
}
a:hover{
color: #FFFFFF;
text-decoration:none;
}

a img {
border-width:0;
}

/* Header
----------------------------------------------- */
#header-wrapper {
height:160px;
padding: 0px;
margin: 0;
background: url( ) top center no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
height:70px;
margin: 0;
padding: 10px 0 0 10px;
overflow:hidden;
}

#header h1 {text-transform: uppercase;font-family:Aclonica;
font-weight:800; text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #333;
text-decoration: none;
font-size: 34px;
line-height:28px;
padding:0;
}

#header a {
color:#333;
font-weight:800;
text-decoration:none;
}

#header a:hover {
color:#fff;
text-decoration:none;
}

#header .description {font-style:italic;
margin: 0;
padding: 0px 0 5px 0px;
font-weight:800;
font-family: arial, verdana, sans-serif;
color: #fa0505;
font-size: 100%;
letter-spacing: 1px;

}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

form#searchform2{
display: block;
float:right;
margin: 15px 14px 0px 5px;
}
input.searchinput, input.searchsubmit{height:30px;
background:#F5F5F5;
border: 1px solid #FFF;
color:#333;
}

input.searchsubmit{height:34px;border: none;
background: #fa0505;
padding: 7px 10px;
color:#fff;font-size: 14px;font-weight:800;
}

input.searchsubmit a:hover {border-top-color: #28597a;
background: #28597a;
color: #ccc}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {background:#eee;border: 5px solid #eee;
width: 980px;
margin: 10px auto;
padding: 0px;
text-align:left;
font-size: 80%;
line-height:20px;
overflow:hidden;
}
#main-wrapper {
width: 655px;
float:left;
margin: 0;
padding: 0px 0 8px 0;
overflow:hidden;
word-wrap: break-word;
}
#sidebar-wrapper {
width: 310px;
padding: 0 5px 10px 0;
float: right;
word-wrap: break-word;
overflow: hidden;
}


/* Headings
----------------------------------------------- */

h2 {
font-size:140%;
padding:4px 0 0px 3px;
margin: 0 0 2px 0;
color: #444;
font-weight: 800;
}


/* Posts
----------------------------------------------- */
h2.date-header {
margin:0;padding:0;display:none;
}

.post {
margin: 0px 0px 14px 5px;
padding: 2px 7px;
overflow:hidden;
}

.post h3 {font-family:Aclonica; text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #444;
font-size: 180%;
font-weight:800;
padding: 6px 0 5px 3px;
margin: 3px 5px 3px 5px;
border-bottom: 1px solid #ccc;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
color: #333;
text-decoration:none;
font-weight:800;
}

.post h3 a:hover {
text-decoration:none;
color: #FFF;
}

.post-body {
margin:0 0 .75em;
line-height:1.6em;
padding:0 15px;
}

.post-body blockquote {
line-height:1.3em;
}

.post-footer {font-style:italic;
font-size:90%;
padding: 15px 8px 1px 5px;
margin: 0 5px;
}

.comment-link {
margin-$startSide:.6em;
}
. table.tr-caption-container {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding: 5px;
margin: 5px 1px;
}
.post-body img {padding:5px;overflow: hidden;margin-top:5px;
border:1px solid #ddd;
background:#f3f3f3;
}

.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
padding: 10px 35px 5px 35px;
margin: 3px 30px;
background: #F5F4F0 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2OyRYUQ-0KlpKq_otiGdIMCJXT5ryzoWp8NBB7M_zTIYhp93JaHxM23yErmDLaKy28RnN4gtLmWEYePUuDm2IyBJ2opIjDKshb2PXOQxO0J0dFQ2pseki0o7dixJWQqJ3a4uKWTboGhI/s0/quotes.gif") top left no-repeat;
}
.post blockquote p {
margin:.75em 0;
}

.authordata{font-style:italic;
float:left;
font-size:90%;
padding: 1px 0px;
margin: 0;
}

.authordata p{
line-height: 14px;
padding: 0;
margin: 0 0 2px 0;
}

.commentsdata{font-style:italic;
float:right;
font-size:90%;
padding: 0 4px 0 0;
}
.commentsdata img{
padding: 0;
border:none;
}

.jump-link {text-align:right; float: right; margin-top:5px;margin-right: -1px;}
.jump-link a{ border-top: 1px solid #fa0505; background: #fa0505; padding: 6px 6px; color: white; font-size: 14px;font-weight:800; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; }
.jump-link a:hover{border-top-color: #28597a; background: #28597a; color: #ccc;}

/* Comments
----------------------------------------------- */
#comments h4 {
font-size: 105%;
font-family: verdana, arial, helvetica, sans-serif;
margin: 5px 0;
}

#comments, #comments ol, #comments ol li, #comments ol li.alt {
font-size: 100%;
}
#comments {
margin:0px auto;
padding: 10px 0px;
width:650px;
}

#comment-list {
padding:0;
margin:0;
border:0;
list-style-type: none;
margin: 0 0 20px;
font-size: 1.75em;
}
.commentlistdiv {
padding:0;
margin:0;
border:0;
list-style-type: none;
margin-bottom: 20px;
font-size: 1.75em;
}
.commentlistdiv h1 {
font-size: 1.3em;
color: #366799;
line-height: 1.5em;}

.commentlist li {
padding:0;
margin:0;
border:0;
border:1px solid #ddd;
padding: 10px;
margin-top: 10px;
background: #F7F7F7;
}

ul.commentlist {list-style-type: none;margin:0 auto;padding:0;width: 100%;}
.commentlist li.alt {
padding:0;
margin:0;
border:0;
border: 1px solid #eee;
padding: 0px;
margin-top: 0px;
}
.pane_l {
float: left;
clear: left;
width: 40px;
text-align: center;
color: #444444;
font-size: 1em;
overflow: hidden;
padding:0px;
}
* html .pane_l{margin-top:15px; }
.pane_r {
float: left;
clear: right;
width: 570px;
overflow: hidden;
padding:5px 0 0 10px;
}
.c_author { width: 570px;
margin: 0px 0px 0px 0px;
color: #000;
font-size: 12px;
font-weight:bold;
}

.c_avatar {display: block;margin: 0px 0px 7px 0px;}
.avatar-image-container img{height:30px;width:30px; padding: 1px;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH0tsdotYUdI-FweCdzTvO4c4YGJDI8uBkfpcSkMMSCVTMTJcRNFP56DOWdYy9GPewzcc1uJpQijEMGD4w4aaVNw7hByjdpRdPQesk_uWkvJ4UJlsWgw2jAnjj9bxBliBlEFOqjD1_K8Y/s0/no_avatar-small.jpg) no-repeat center;
border: 1px solid #eee;
}
.c_date {float:right;
font-size:90%;
padding: 0 4px 0 0;
font-weight:normal;
}
.c_approved {color: #aaa;font-size: 0.9em;}
.comment-form { background:transparent; border:0px solid #FF8A00;
margin:0 10px 20px 0px; padding:10px 0 0;}
* html .comment-form { width:87%; }
.comment-number{
font-weight: bold;letter-spacing:0em;
font-style: italic;
color: #333;
font-size: 1.167em; float:left;margin-right:5px;
}

.owner-Body {color:#f00;font-weight:normal;font-style:italic;}
.deleted-comment {
font-style:italic; color:gray;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.deletkomen {
background:#ddd;
border:1px solid #aaa;
padding:2px 10px;
text-align:center;
width:65px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color:#3D72C0;
font-weight:bold;
}
.deletkomen:hover {
background:#f3f3f3;
border:1px solid #aaa;
}

/* Blog pager
----------------------------------------------- */
#blog-pager{clear:both;text-align:center;margin:10px;padding:5px 0 0 0;height:27px;border-top:1px solid #CCC;border-bottom:1px solid #CCC}
#blog-pager a,.showpagePoint,.showpageOf,.showpageNum a{text-decoration:none;color:#fff;background:#28597a;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin:0 2px 0 0;padding:10px 10px 8px;border:1px solid #28597a; }
#blog-pager a:visited{color:#fff}
#blog-pager a:hover,.showpagePoint {color:#444;background:#fff;border:1px solid #ccc}
#blog-pager-newer-link{float:left}

/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {margin: 0.0em 0 0.1em;letter-spacing:-.001em; padding: 5px 0px; text-shadow: rgba(0,0,0,.4) 0 1px 0;
font-family:Aclonica;text-transform: uppercase;font-size: 135%; color:#3f3f3f; border-bottom: 1px solid #ccc;}

.sidebar {
margin: 0 0 5px 0;
padding: 2px 8px;
font-size:95%;
}
.sidebar a{
font-weight: 100;
}

.sidebar a:hover{
text-decoration:none;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
padding: 3px 0 3px 10px;
margin:1px 0 0 0;
display:block;
border-bottom: 1px solid #eee;
}

.sidebar .widget {
margin:0 0 15px;
}


.main .widget {
margin:0;
padding:0;
}

.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;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
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;
}

.profile-link {
text-transform: Normal;
letter-spacing: 0em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {background:#eee;width: 980px;clear:both;margin:0 auto;padding:15px 0 5px 0;overflow:hidden; border-top: 3px solid #444;}
.footer-column {text-align:left;margin:0;padding:10px;width:22%;}
#footer-top {width:100%;text-align:left;word-wrap: break-word;overflow: hidden;}
#footer-bottom {width:100%;text-align:left;word-wrap: break-word;overflow: hidden;}
#footer-wrapper h2 {font-family: Aclonica; color:#333;font-size:14px;text-transform: uppercase;font-weight:bold;letter-spacing:-0.01em;margin: -6px 0px 8px 0px;padding:0px;text-align:left;word-spacing:-1px; text-shadow: rgba(0,0,0,.4) 0 1px 0;}
#footer-wrapper ul {color:#959494;margin:0;padding:0;list-style:none;}
#footer-wrapper li {border-bottom:1px solid #ddd;font-size:13px;padding:5px 0 5px 0px;list-style-type: none;}
#footer-wrapper a {font-weight:300;color:#222;text-decoration:none;}
#footer-wrapper a:hover {color:#fff;text-decoration:none;}

/* Credit
----------------------------------------------- */
#credit {margin: 0px 0px 0px 0px;padding: 20px 0px 0px 0px;width: 980px;height: 45px;font:Calibri;font-style: normal;font-size:14px;clear:both;color:#fff;font-weight:normal;background:none repeat scroll 0 0 #444;text-align:center;}
#credit p {margin: 0;padding: 0}
#credit a, .credit a:visited {color:#3D72C0;font-weight:bold;text-decoration: none;}
#credit a:hover{color: #FFFFFF;text-decoration: none;}

/* Navi
----------------------------------------------- */
nav {
background: #fbfbfb;
border-top: 2px solid #FFFFFF;
overflow: hidden;
position: relative;
width: 100%;
}
nav:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: white;
}
nav ul {
background: -moz-linear-gradient(left,
#666 0%,
#666 50%,
#41d05f 100%);
background: -webkit-gradient(linear, left top, right top,
color-stop(0%,#fbfbfb),
color-stop(50%,#fbfbfb),
color-stop(50%,#41d05f),
color-stop(100%,#41d05f));
list-style: none;
overflow: hidden;
padding: 0 0 0 10px;
width: 960px;
}
nav li {
display: inline;
}
nav a {
color: white;
display: block;
float: left;
font-family: HelveticaNeue, Helvetica, Arial, Sans-Serif;
font-size: 16px;font-weight:800;
padding: 10px 0;
text-decoration: none;
text-align: center;
width: 15%;
-webkit-transition: width 0.12s ease;
-moz-transition: width 0.12s ease;
-o-transition: width 0.12s ease;
transition: width 0.12s ease;
}
nav a:hover {
color: white;
}
nav a:hover span {
border-bottom: 2px solid white;
}
nav li:nth-child(1) a {
background: #ff8400;
z-index: 100;
position: relative;
}
nav li:nth-child(2) a {
background: #e42b2b;
}
nav li:nth-child(3) a {
background: #a800ff;
}
nav li:nth-child(4) a {
background: #49a7f3;
}
nav li:nth-child(5) a {
background: #41d05f;
}

nav li:nth-child(6) a {
background: #444;
}

.home nav {
border-bottom-color: #ff8400;
}
.forums nav {
border-bottom-color: #e42b2b;
}
.videos nav {
border-bottom-color: #a800ff;
}
.downloads nav {
border-bottom-color: #49a7f3;
}
.contato nav {
border-bottom-color: #41d05f;
}

nav li:hover a {
width: 20%;
}
nav ul:hover .active {
width: 19%;
}
nav ul:hover .active:hover {
width: 20%;
}
nav li a.active {
width: 20%;
}

.bub{
text-decoration:none;
text-align:center;
position:absolute;
top:200px;
left:200px;
width:60px;
height:60px;
background-color:#33CCFF;
border-radius:50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
font-family: Calibri, Helvetica, sans-serif;
font-size:130%;font-weight:bold;
line-height:1.8em;
color:#FFf;
}

.bub:hover{
top:130px; left:130px; width:200px; height:200px; border-radius:400px;
-moz-border-radius: 400px;
-webkit-border-radius: 400px;
-webkit-transition: ease 1s;
-moz-transition: ease 1s;
z-index:10;
}

.bub i{
top:12px; position:relative; font-size:90%; text-transform:none;
}
.bub span{
display:none;
position:relative;
top:80px;
text-decoration:none;
}
.bub:hover span{
display:block;
}

]]>

skip to main |
skip to sidebar

 

,

1

Devamını Oku >>