Posted by : Pizlo
quinta-feira, 24 de abril de 2014
. / * NISEKOI TEMA * / .IP-header { position: fixed; top: 0; z-index: 100; min-height: 480px; width: 100%; height: 100%; background: # 23B0E8 url (http: / /4.bp.blogspot.com/-keYxDGcv-3g/VE3_Wp__oFI/AAAAAAAAH_4/-94XWoGIby8/s1600/Nisekoi.gif) centro no-repeat; / * Warna fundo dan carregador gambar * / z-index: 999999; } . ip-header .IP-loader svg path.ip-loader-circlebg { AVC: #fff; / * Warna círculo carregador * / } .IP-header .IP-loader svg path.ip-loader-circle { -webkit-transição: AVC-dashoffset 0.2s; transição: AVC-dashoffset 0.2s; AVC: # FFFF2A; / * Warna garis círculo saat carregamento * / } .navbar { visibility:hidden; display:none; } #content{ width: 610px; padding: 11px 15px 10px 15px; float: left; display: inline; position: relative; } .postim{ background:#fff; padding:10px; margin-top:10px; } .profile-textblock { margin: .5em 0; text-align: justify; line-height: 2.0em; } .profile-img { float: left; margin: 0 5px 5px; border: 1px solid #DDD; padding: 5px; border-radius: 5px; } .PopularPosts img{padding:0px;border-radius: 5px;} .PopularPosts .item-thumbnail { float: left; margin: 0 5px 5px 0; border: 1px solid #DDD; height: 72px; padding: 5px; background: #8CA5CE; border-radius: 5px; } .comments .comments-content .user { font-style: normal; } .comments { clear: both; margin-top: -2px; background: #FAFAFA; padding: 30px; border-radius: 5px; border: 1px solid #DDD; width;641px; } .comments .comments-content .datetime { font-style: normal; float: right; margin-right: 10px; } .bigcom {background: #FAFAFA; padding: 3px; float: left;border-right: 1px dotted #ddd; text-align:center;} .bigcom a{font-size:10px;} #main3 h2:hover{background:#7776B2;} .post h2{ font-size: 15px; line-height: 25px; text-align: left; font-weight: normal; color: #FAFAFA; letter-spacing: -1px; font-family: 'Open Sans', sans-serif; overflow: hidden; text-shadow: 1px 1px 1px #362c30; background: #8CA5CE; padding: 4px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float: left; width: 371px; margin: 1px; border-left: 8px ridge #7776B2; border-right: 8px ridge #7776B2; } .post h2:hover{background:#7776B2;} .post h2 a:link,.post h2 a:visited{ color:#fafafa; } .bigcom a{ font-size: 10px; text-decoration: none; color: #222; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: left; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } .leftmeta { font-size: 10px; text-decoration: none; color: #222; text-align: center; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; font-family: 'Open Sans', sans-serif; float: left;border-right: 1px dotted #ddd; background: #FAFAFA; padding: 3px; margin-left:8px; border-left: 1px dotted #ddd; } .timemeta {text-transform: uppercase; font-family: 'Open Sans', sans-serif; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 10px; text-decoration: none; color: #222; background: #FAFAFA; padding: 3px; float: left; text-align: center; border-right: 1px dotted #ddd; } .fullpost{ line-height: 25px; text-align: right; color: white; text-transform: uppercase; font-size: 11px; float: left; width: 100%; } .fullpost a:link, .fullpost a:visited{ color:#7776B2;margin-right: 5px; } .bigcom a:link, .bigcom a:visited{ color:#222; } .arrow{ position:absolute; top:50px; left:-10px; height:30px; width:10px; } .postright{ float:left; position:relative; border-left: 1px solid #ddd; background: #fafafa; } .postright img{max-width: 350px; margin-left: -70px;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .postright img:hover{ margin-left: 0px;} .categ{ float: left; color: #222; padding: 3px; font-size: 10px; text-transform: uppercase; background: #fafafa; width: 600px; border: 1px solid #ddd;} .categ a:link,.categ a:visited { font-size:10px; text-decoration:none; text-align: center;color:#222; padding: 3px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; } .data{ margin-bottom: 10px; border: 1px solid #DDD; padding: 3px; border-radius: 3px; background: white; font-size: 15px; } .author,.clock{ padding:3px 10px; margin:0px 0px 0px -10px ; font-size:12px; color:#222; text-transform:uppercase; } .clock {float:right;} .widget-content{padding: 10px; color: #666; padding-bottom: 15px;} .comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0 10px 10px; } #ArchiveList ul li { margin: -6px 0 0 10px !important; } #ArchiveList ul li a:link, #ArchiveList ul li a:visited { padding: 0px 0px 0px 10px !important; margin:5px; } #commentsbox { margin:0; width:600px; } h3#comments{ font-size30px; font-family: 'Open Sans', sans-serif; color:#ffffff; font-weight:normal; padding:10px 10px ; background:#D3D4CE; margin-top:10px; } ol.commentlist { margin:0px 0 0; clear:both; overflow:hidden; list-style:none; } ol.commentlist li { margin:0px 0; line-height:18px; padding:10px; background:#78786D; } ol.commentlist li .comment-author { color:#ffffff; } .comment-body { margin: auto; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5); box-shadow: 0 1px 4px rgba(0,0,0,0.5); padding: 5px; } ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{ color:#ffffff; font-weight:bold; text-decoration:none !important;font-size:15px;font-family: 'Open Sans', sans-serif;} } ol.commentlist li .comment-author .fn { color:#000; } ol.commentlist li .comment-author .avatar{ float:right; background:#fff; padding:3px; } .comments .comments-content .comment-content { text-align: justify; border-bottom: 1px solid #DDD; padding-top: 10px; } .comments .comment .comment-actions a { padding: 5px; font-size: 12px; font-family: 'Open Sans', sans-serif; text-decoration: none; text-align: center; color: #fafafa; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 5px; border: 1px solid #DDD; position: relative; background: #8CA5CE; border-left: 8px ridge #7776B2; border-right: 8px ridge #7776B2; text-shadow: 1px 1px 1px #362c30; } .comments .comments-content .comment-replies { margin-left: 65px; margin-top: 1em; } .comments .comments-content .inline-thread { padding: .5em 0em; } .comments h4{ background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #ddd; font-size: 15px; font-weight: normal;} .comments .continue a { padding: 5px; font-size: 13px; text-decoration: none; text-align: center; color: #222; margin-left: 75px; background: white; border: 1px solid #DDD; border-radius: 5px; } .avatar-image-container { float:right; height:50px; width:50px; } .avatar-image-container img { height:50px; width:50px; } .comments .avatar-image-container { float: left; max-height: 50px; overflow: hidden; width: 50px; border: 1px solid #DDD; padding: 5px; border-radius: 5px; background: white; } .comments .avatar-image-container img {height:auto;border-radius: 5px;} ol.commentlist li .comment-meta{ font-size:13px;font-family: 'Open Sans', sans-serif; } ol.commentlist li .comment-meta .commentmetadata{ color:#555; } ol.commentlist li .comment-meta a { color:#ffffff; text-decoration:none !important; } ol.commentlist li p { line-height:22px; margin-top:5px; color:#FEFAEF; font-size:12px; } ol.commentlist li .reply{ margin-top:10px; font-size:10px; } ol.commentlist li .reply a{ background:#5F553B; color:#fff; text-decoration:none; padding:3px 10px; } ol.commentlist li.odd { background:#D3D4CE; } ol.commentlist li.even { } ol.commentlist li.even:hover{BACKGROUND:#D3D4CE;} ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist li ul.children li.depth-2 { margin:0 0 0px 50px; } ol.commentlist li ul.children li.depth-3 { margin:0 0 0px 50px; } ol.commentlist li ul.children li.depth-4 { margin:0 0 0px 50px; } ol.commentlist li ul.children li.depth-5 { margin:0 0 0px 50px; } .comment-nav{ padding:5px ; height:20px; background:#C4D533; } .comment-nav a:link,.comment-nav a:visited{ color:#fff; } #respond{ padding:20px; margin:20px 0px; } #respond h3 { font-size:20px; font-family: 'Open Sans', sans-serif; color:#000; padding-bottom:10px; } #commentform p{ margin:5px 0px; } #respond label{ display:block; padding:5px 0; font-weight:bold; color:#3F361F; } #respond label small { font-size:10px; } #respond input { margin-bottom:10px; padding:5px 0px; margin:0 10px 10px 0; background:#6F6753; color:#F7EEE9; } #commentform input{ width:99%; } #respond input#commentSubmit { width:100px; padding:5px 0px; background:#B7CD2C; color:#fff; margin:10px 0px; font-weight:bold; cursor:pointer; } textarea#comment{ background:#6F6753; width:99%; margin:0px 0px; padding:5px 0px; color:#F7EEE9; } html,body,div,span,object,h1,h2,h3,h4,h5,h6,p ,pre,a,abbr,acronym,address,big,cite ,code,del,dfn,em,img,ins,kbd,q,samp,small ,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset, form,label,legend,table,caption,tbody,tfoot, thead,tr,th,td{ margin:0; padding:0; vertical-align:baseline; outline:none; } b,i,hr,u,center,menu,layer,s,strike,font,xmp { margin:0; padding:0; vertical-align:baseline; outline:none; font-size:100%; background:transparent; border:none; } font{ color:#333 } center{ text-align:left } body { margin: 0 auto; padding: 0px 0px 0px 0px; background: #fafafa; font-family: 'Open Sans', sans-serif; color: #312C21; overflow-x: hidden; font-size: 13px; } a { color: #222; text-decoration: none; } a:visited { color: #000; } a:hover, a:active { color: #000; text-decoration:none; } h1,h2, h3, h4, h5, h6 { color: #000; font-weight: bold; } h1 { font-size: 50px; font-family: 'Open Sans', sans-serif;} h2 { font-size: 21px; } h3 { font-size: 19px; } h4 { font-size: 17px;color:#222; } h5 { font-size: 15px; } h6 { font-size: 13px; } ul { list-style: none; } blockquote { font-style: italic; color: black; border: 1px double #DDD; padding: 25px; border-radius: 5px; overflow: hidden; background: white; } blockquote blockquote { color: #222; } blockquote em { font-style: normal; } pre { padding: 9px; background: #f9f9f9; border: 1px solid #ccc; } code { padding: 0 3px; background: #eee; } pre code { background: transparent; } .clear { clear:both; } img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; } img.alignnone { padding: 5px 5px; margin: 0px 0px 10px 0px; display: inline; background:#E4E4E4; } img.alignright { padding: 5px 5px; margin: 0px 0px 0px 0px; display: inline; background:#E4E4E4; } img.alignleft { padding: 5px 5px; margin: 0px 0px 0px 0px; display: inline; background:#E4E4E4; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .alignright { float: right; margin: 0px 0px 10px 10px; } .alignleft { float: left; margin: 0px 10px 10px 0px; } #casing{ padding: 10px 10px 10px 10px; background:#fff; width:935px; margin: auto; border: 1px solid #ddd; border-radius: 10px; } #wrapper{ width:955px; margin:auto; } #topbar{ width:1000px; } .today{ float:left; margin:10px 0px 10px 20px; text-transform:uppercase; font-size:11px; height:18px; line-height:18px; padding-left:20px; } .feeds{ float:right; margin-right:20px; text-transform:uppercase; } .feeds ul{ margin:0px; padding:0px; } .feeds ul li{ float:right; margin:10px 0px 10px 10px; list-style:none; line-height:18px; padding-left:20px; font-size:11px; } .feeds a:link, .feeds a:visited{ color:#4C393A; } #header{ width: 936px; position: relative; margin: auto; height: 140px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_MuPQZpe_zqjpR1X0pJgC5tgxBJlz011yObShIKAeLFbn0TTlEyCEiQuyLEZfIpk3xY7nAvVRZ130Evxh5ChuEwoobM3SUpDXK3z7x5e-Kp-MRBYuTUd7VT2cPlAnqAf8R8QpT-YMfG1n/s1600/headerjomoe.jpg) no-repeat top center; margin-bottom: 15px; border: 1px solid #ddd; border-left: 8px ridge #7776B2; border-right: 8px ridge #7776B2; overflow: hidden; } h1#blog-title { font-weight: normal; z-index: 2; letter-spacing: -1px; text-align: left; padding-top: 35px; margin-left: 25px; line-height: 40px; } h1#blog-title a {padding:5px;color:#222;} h1#blog-title a:link,h1#blog-title a:visited { color: #222; font-family: 'Mouse Memoirs', sans-serif; font-weight: normal; letter-spacing: -1px; } h2#blog-desc { font-size: 13px; color: #222; z-index: 1; text-transform: uppercase; font-weight: normal; font-family: 'Open Sans', sans-serif; padding: 3px; text-align: left; margin-left: 30px; } .title h2{ font-size: 21px; line-height: 150%; text-align: left; font-weight: normal; margin: auto; text-decoration: none; color: #312C21; letter-spacing: -1px; background: #fff; padding: 10px; border: 1px solid #ddd; margin-bottom: 15px; } .title h2 a:link, .title h2 a:visited{ color:#312C21;text-decoration: none; } .postmeta, .postinfo{ background:#F5ECC1; padding:3px 10px; border:1px solid #DFD5A7; font-size:10px; text-transform:uppercase; } .post { display: inline; width: 610px;margin-bottom:30px; float: left;padding-bottom:1px;} .pagepost{ width: 550px; float: left; padding: 30px; line-height: 1.8; font-size: 13px; margin-bottom: 25px; background: #FAFAFA; margin-left: 1px; border: 1px solid #DDD; border-radius: 5px; } .pagepost a{color:#7776B2;text-decoration:underline;} .pagepost a:hover {color:#8CA5CE;} .widget { margin: auto;} .singlepst p:first-letter { font-size : 30px; font-weight : bold; float : left; font-family: 'Open Sans', sans-serif; color : #3F3A2B; margin:8px 5px 0px 0px; } .cover { margin:0 0; color:#222; } .cover ul, .cover ol{ margin: .4em 0 1em; line-height: 150%; } .cover ul li, .cover ol li{ list-style-position:outside; margin-left: 1.6em; } .cover p{ margin:5px 0px; padding:5px 0px; line-height:22px; } .cover table { width: 100%; border-collapse: separate; } .cover td, .cover th { padding: 3px 6px; } .cover th { background: #eee; } h2.pagetitle{ font-size:14px; padding:10px 0px; font-weight:normal; margin-right:10px; color:#6F6753; text-align:right; text-shadow: 0px 1px 1px black; } .comments .avatar-image-container img { max-width: 50px; } #main3 .widget-content, #main4 .widget-content, #main5 .widget-content{ overflow: hidden; color: #222; margin-bottom: 10px; padding: 20px; border-radius: 0px 0px 5px 5px; background: #FAFAFA; font-size: 12px; border: 1px solid #DDD;} #main3 h2, #main4 h2, #main5 h2 { font-size: 13px; line-height: 30px; text-align: left; font-weight: normal; margin: auto; color: #fafafa; padding: 3px 5px; padding-left: 15px; background: #8CA5CE; border-left: 8px ridge #7776B2; border-right: 8px ridge #7776B2; margin-top: 2px; text-shadow: 1px 1px 1px #362c30; text-transform: uppercase; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; } #main3 ul li a:link, #main3 ul li a:visited{color:#4B4C6D;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;} #main4 ul li a:link, #main4 ul li a:visited{color:#4B4C6D;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;} #main5 ul li a:link, #main5 ul li a:visited{color:#4B4C6D;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;} #main3 ul li, #main4 ul li, #main5 ul li {border-bottom: 1px dotted #DDD;} #main3 ul li a:hover, #main4 ul li a:hover, #main5 ul li a:hover {color:#8CA5CE;} .footer { margin: 0 auto; z-index: 1; text-align: left; position: relative; padding:25px; } .widget ul li a span.ltr {display:none;} .widget ul { line-height: 2.0; } #footer{ width: 955px; font-size: 11px; color: black; background: #fff; margin: auto; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 99; border-radius: 10px; border: 1px solid #ddd; margin-top: 15px; } #footer-wrapper{padding:15px 0 50px 10px;color:#222;line-height:100%;overflow:hidden;} #footer-wrapper a{color:#222;} #footer-wrapper .fr a,#footer-wrapper .fl a{color:#222;} #footer-wrapper .fr a:hover,#footer-wrapper .fl a:hover{color:#222;} #footer-wrapper .fr{padding:0 0px 0 0;} .fleft{ text-align: center; margin: auto; color: #222; width: 955px; font-size: 12px; background:#fff; border:1px solid #ddd; margin-top: 15px; padding-top:5px; padding-bottom:5px; border-radius:5px 5px 0px 0px; } .fleft p { text-align: center; } .fleft a{color:#7776B2;} .fright{ float:right; text-align:right; margin:10px 10px 0px 0px; line-height:16px; width:40% } .postad{ margin:10px; float:left; } #Label1 ul li{font-family: 'Open Sans', sans-serif;} #LinkList1 ul li{font-family: 'Open Sans', sans-serif;} #headercontainer, #contentcontainer { width: 1000px; margin: 20 auto; position: relative; } header23 { padding: 0px 0; width: 100%; background-color: #000; margin-bottom: 0px;position: fixed; z-index: 10; float: left top; } .crop { width: 205px; height: auto; position: relative; border-image: initial; float: left; margin-top: -73px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; background: #ddd; max-height: 197px; padding-bottom: 0px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .crop:hover { width: 351px; height: auto; position: absolute; border-image: initial; float: left; margin-top: -73px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; background: #ddd; max-height: 197px; padding-bottom: 0px; margin-left: 0px; z-index: 999999999; background: #ddd; padding-left: 127px; padding-right: 127px;} .posting { width: 377px; text-align: justify; color: #312C21; z-index: 2; font-size: 12px; position: absolute; background: #FAFAFA; padding: 10px; height: 105px; line-height: 27px; float: right; border: 1px solid #ddd; border-top: 0px; border-bottom: 0px; right:0px; } .breadcrumb { list-style: none; overflow: hidden; text-align: left; color: #222; width: 550px; font-size: 12px; z-index: 9; border: 1px solid #ddd; margin-top: 15px; border-radius: 5px; background: white;} .section {margin:auto;} .breadcrumb ul{margin:auto;} .breadcrumb li { position: relative; display: block; color: black; float: left; padding: 5px; margin:5px; text-decoration: none; border-radius: 5px; border: 1px solid #DDD;} .home-link { display:none;} #blog-pager-newer-link { float: right; color: white; padding: 10px; text-align: center; overflow: hidden;} #blog-pager-older-link { float: left; padding: 10px; text-align: center; overflow: hidden;} #blog-pager-older-link a, #blog-pager-newer-link a {color: #222; line-height: 33px; padding: 5px; background: white; border: 1px solid #DDD; border-radius: 5px;} #blog-pager { color: #DDD; text-align: center; text-transform: capitalize; font-size: 16px; float: left; font-weight: normal; letter-spacing: -1px; font-family: 'Open Sans', sans-serif; overflow: hidden; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 593px;} .comments .comments-content { margin-bottom: 16px;} .comments .comment-block { margin-left: 75px; position: relative; border: 1px solid #DDD; background: white; padding: 10px; border-radius: 5px; min-height: 83px;} .johanesdj { z-index: 2; width: 397px; position: relative; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; font-family: 'Open Sans', sans-serif; text-align: left; line-height: 30px; font-size: 12px; color: #FAFAFA; float: right; background: #FAFAFA; height: auto; border: 1px solid #DDD; margin-right: 1px;} .blognames {margin:auto;} .jomorelink{ position: absolute; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 2;left: 162px; text-align: right; bottom: 0px; line-height: 200px;} .pagepost a {text-decoration: underline;} .pagepost img{max-width:515px;padding: 3px; border: 1px solid #DDD; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); height:auto;} .BlogArchive #ArchiveList ul li { background: none; list-style: none; list-style-image: none; list-style-position: outside; border-width: 0; padding-left:0px; text-indent:0px; margin:0; background-image: none;} #ArchiveList .toggle-open { line-height: .6em; float: left; margin-top: 8px;} .post-count {display:none;} .PopularPosts .item-title {font-size: 14px; padding-bottom: .2em;} .post-footer-line-1 { border-top: 1px solid #fafafa;} .icon-action {display:none;} ul.dark_menu { list-style: none; padding: 1px 1px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 15px; margin: auto; width: 951px; background: #fff; border: 1px solid #DDD; }/* Blog johanes djogzs.blogspot.com */ ul.dark_menu:after { content: ""; clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} ul.dark_menu li { float: left; position: relative; margin: 1px;} /* Blog johanes djogzs.blogspot.com */ ul.dark_menu li a, ul.dark_menu li a:link { color: #222; text-decoration: none; display: block; padding: 10px 26px; border-left: 1px solid #DDD; border-right: 1px solid #DDD; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }/* Blog johanes djogzs.blogspot.com */ ul.dark_menu li a:hover { color: #fafafa; background: #8CA5CE; border-radius: 15px/45px; text-shadow: 1px 1px 1px #362c30; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }/* Blog johanes djogzs.blogspot.com */ ul.dark_menu li a.selected, ul.dark_menu li a:active { background: #8CA5CE; color:#fafafa; border-radius: 15px/45px; margin-left: 15px; text-shadow: 1px 1px 1px #362c30; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border: 1px solid #DDD;} ul.dark_menu li ul { display: none; }/* Blog johanes djogzs.blogspot.com */ ul.dark_menu li ul:before { content: " "; position: absolute; display: block; z-index: 1500; left: 0; top: -10px; height: 10px; width: 100%;} ul.dark_menu li:hover ul { position: absolute; display: block; z-index: 1000; left: 0; top: 35px; padding: 5px 0; list-style: none; background: #fff; border-radius: 0px 0px 5px 5px; }/* Blog johanes djogzs.blogspot.com */ ul.dark_menu li ul li { float: none; margin: 0 10px; border-bottom: 1px solid #DDD; border-top: 1px solid #666;} ul.dark_menu li ul li:first-child { margin: 0 10px; border-top: 0 none;} ul.dark_menu li ul li:last-child { border-bottom: 0 none; }/* Blog johanes djogzs.blogspot.com */ ul.dark_menu li ul li a, ul.dark_menu li ul li a:link { color: #222; display: block; background: transparent none; padding: 10px 20px 10px 5px; white-space: nowrap; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} ul.dark_menu li ul li a:hover { text-decoration: underline; }/* Blog johanes djogzs.blogspot.com */ .menujohanes { background: rgba(255, 255, 255, 0.8); width: 955px; padding: 0px; position: relative; margin: auto; margin-bottom: 15px;} .facebookicon { background: #fff; font-size: 12px; color: #222; width: 37px; padding: 1px 0px 0px 0px; position: absolute; right: 60px; z-index: 9; border-radius: 5px; border: 1px solid #ddd; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; margin-top: 2px;} .twittericon { background: #fff; font-size: 12px; color: #222; width: 37px; padding: 1px 0px 0px 0px; position: absolute; right: 107px; z-index: 9; border-radius: 5px; border: 1px solid #ddd; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; margin-top: 2px;} #search input[type="text"] { background: #fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYXYDlGYjaa07trxigMyBAT4qIj-G1sfG86zmZLSMvv3SvDgb1WNq8qIFVczY1xjMG4an-ZApJSlV-nIwdB069J4uvtBUfIS3WtuWjgAYIym_0x5h8RsWuXyDIxMYCl0z4MgUkhozP8DE/s1600/SEARCH_32x32-32.png")no-repeat center left; font-size: 13px; color: #222; width: 0px; padding: 10px 0px 11px 35px; position: absolute; right:15px; z-index:9; border-radius: 5px; border: 1px solid #ddd; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;} #search input[type="text"]:hover{width:890px;} #main4{ width:280px; list-style-type: none; float: left;} #main5{ width: 610px; list-style-type: none; float: left; margin-left: 15px;} .main3 {width:280px; list-style-type: none; padding-top: 10px; margin-left: 15px; float: left;} ::-webkit-scrollbar { height:12px; background: #474747;} ::-webkit-scrollbar-thumb { background-color: #000; } .bgjo { width: 608px; height: 125px; } #container1 {padding: 10px; background: #DDD; width: 50%; margin: auto; text-align: center; border: 3px double #BBB;} a.anes:hover {background: rgba(240, 238, 226, 0.9);} a.anes{font-size: 60px; color: #222; background: rgba(240, 238, 226, 0.4); padding: 5px 5px 5px 5px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 5px 0px 0px 5px;} #footer a:link, #footer a:visited{ color:#666; } #footer a:hover{color:#000;} .comment-form { max-width: 520px; _width: 410px; clear: both; background: white; padding: 20px; border: 1px solid #DDD; border-radius: 5px; margin-left: 75px; } #slider3 { width: 610px; height: 298px; overflow: hidden; background-color: #fafafa; border: 1px solid #ddd; -moz-transition: all 170ms ease-in; -webkit-transition: all 170ms ease-in; -o-transition: all 170ms ease-in; position: relative; margin-bottom: 30px; } #slider3:hover #pause1 { opacity:1; } #slider3:hover #progress1 { background-color:rgba(255,255,255,0.0); } #slider3:hover ul, #slider3:hover #progress1, #slider3:hover #overlay { -moz-animation-play-state:paused; -webkit-animation-play-state:paused; } #pause1 { width:610px; height:60px; position:absolute; top:0; opacity:0; pointer-events:none; -moz-transition:all 170ms ease-in; -webkit-transition:all 170ms ease-in; -o-transition:all 170ms ease-in; } #progress1 { width:1px; height:1px; background-color:#ffd000; -moz-animation:progress1 35s infinite; -webkit-animation:progress1 35s infinite; position:relative; top:-1px; -moz-transition:all 170ms ease-in; -webkit-transition:all 170ms ease-in; -o-transition:all 170ms ease-in; } #overlay1 { width:4680px; height:60px; position:absolute; top:0; pointer-events:none; -moz-transition:all 170ms ease-in; -webkit-transition:all 170ms ease-in; -o-transition:all 170ms ease-in; opacity:0.5; -moz-animation:overlay-fade1 35s infinite; -webkit-animation:overlay-fade1 35s infinite; } #slider3 ul { width:2630px; list-style:none; padding:0; margin:0; -moz-animation:slide-animation1 35s infinite; -webkit-animation:slide-animation1 35s infinite; position:relative; left:0px; } #slider3 li { display:inline; width:610px; height:235px; margin:0; padding:0; float:left; position:relative; } #slider3 li:last-of-type { background-color:#362c30; } #slider3 li a { display:block; text-decoration:none; } #slider3 li span:hover {background: #7776B2;} #slider3 li span { display: block; width: 555px; padding: 5px 20px; border-bottom: 1px solid #362c30; text-shadow: 1px 1px 1px #362c30; pointer-events: none; text-align: left; background: #8CA5CE; border-left: 8px ridge #7776B2; border-right: 8px ridge #7776B2; float: left; } #slider3 li .baka { display: block; width: 570px; padding: 5px 20px; pointer-events: none; text-align: left; background: #fafafa; float: left; border-top: 1px solid #ddd; height: 51px; margin-top: -3px; } /* Blog johanes djogzs.blogspot.com */ @-webkit-keyframes slide-animation1 { 0% {opacity:0;} 2% {opacity:1;} 20% {left:0px; opacity:1;} 22.5% {opacity:0.6;} 25% {left:-610px; opacity:1;} 45% {left:-610px; opacity:1;} 47.5% {opacity:0.6;} 50% {left:-1220px; opacity:1;} 70% {left:-1220px; opacity:1;} 72.5% {opacity:0.6;} 75% {left:-1830px; opacity:1;} 95% {opacity:1;} 98% {left:-1830px; opacity:0;} 100% {left:0px; opacity:0;} } @-moz-keyframes slide-animation1 { 0% {opacity:0;} 2% {opacity:1;} 20% {left:0px; opacity:1;} 22.5% {opacity:0.6;} 25% {left:-610px; opacity:1;} 45% {left:-610px; opacity:1;} 47.5% {opacity:0.6;} 50% {left:-1220px; opacity:1;} 70% {left:-1220px; opacity:1;} 72.5% {opacity:0.6;} 75% {left:-1830px; opacity:1;} 95% {opacity:1;} 98% {left:-1830px; opacity:0;} 100% {left:0px; opacity:0;} } @-webkit-keyframes progress1 { 0% {width:0px; opacity:0;} 2% {width:0px; opacity:1;} 20% {width:610px; opacity:1;} 22.5% {width:610px; opacity:0;} 22.59% {width:0px;} 25% {width:0px; opacity:1;} 45% {width:610px; opacity:1;} 47.5% {width:610px; opacity:0;} 47.59% {width:0px;} 50% {width:0px; opacity:1;} 70% {width:610px; opacity:1;} 72.5% {width:610px; opacity:0;} 72.59% {width:0px;} 75% {width:0px; opacity:1;} 95% {width:610px; opacity:1;} 98% {width:610px; opacity:0;} 100% {width:0px; opacity:0;} } @-moz-keyframes progress1 { 0% {width:0px; opacity:0;} 2% {width:0px; opacity:1;} 20% {width:610px; opacity:1;} 22.5% {width:610px; opacity:0;} 22.59% {width:0px;} 25% {width:0px; opacity:1;} 45% {width:610px; opacity:1;} 47.5% {width:610px; opacity:0;} 47.59% {width:0px;} 50% {width:0px; opacity:1;} 70% {width:610px; opacity:1;} 72.5% {width:610px; opacity:0;} 72.59% {width:0px;} 75% {width:0px; opacity:1;} 95% {width:610px; opacity:1;} 98% {width:610px; opacity:0;} 100% {width:0px; opacity:0;} } @-webkit-keyframes overlay-fade1 { 0% {opacity:0;} 2% {opacity:0.5;} 95% {opacity:0.5;} 98% {opacity:0;} 100% {opacity:0;} }/* Blog johanes djogzs.blogspot.com */ @-moz-keyframes overlay-fade1 { 0% {opacity:0;} 2% {opacity:0.5;} 95% {opacity:0.5;} 98% {opacity:0;} 100% {opacity:0;} } #slider3 ul li span h2 { font-size:13px; line-height:24px; color:#fff; font-weight:normal; text-shadow:1px 1px 1px #362c30; text-transform:uppercase; }/* Blog johanes djogzs.blogspot.com */ #slider3 ul li .baka h3 { font-size:12px; line-height:25px; color:#222; font-weight:normal; }/* Blog johanes djogzs.blogspot.com */
- Copyright © 2013 Edel Indelicada - Fansuber Otaku - Powered by Blogger - Designed by Johanes Djogan -
My gosh, ficou perfect!
ResponderExcluir