xccx

     /*
    CSS Lumpia Series Blue - Arbesdj
    http://www.arbesdj.mywapblog.com
    http://cssmo.mywapblog.com
    06 Maret 2014
    Blog Download CSS Desktop Mywapblog dan CSS MWB Terbaru
    */

    body {
    max-width:720px;
    position:relative;
    margin:0 auto;
    background:#eee;
    padding:0px;
    color:#fff;
    font-size:1em;
    overflow-wrap:break-word;
    }

    a {
    color:#2980b9;
    text-decoration:none;
    }
    a:hover {
    color:#0cf;
    }
    a:visited{
    }
    body img {
    max-width:100%;
    }
    h1{
    font-size:1.2em;
    margin:0;
    }
    h2{
    margin:0;
    padding:3px 0px 0px 0px;
    font-size:1.2em;
    }
    h3{
    font-size:1.2em;
    text-transform:uppercase;
    padding:10px 33px 10px 10px;
    margin:0;
    }

    h3,h4{
    background:url(/files/star3.png)no-repeat left center,url(/files/play2.png)no-repeat right center,#000;
    border-bottom:5px solid #333;
    padding:15px 35px 15px 35px;
    color:#fff;
    text-align:center;
    }
    h3 a,h4 a {
    text-decoration:none;
    color:#fff;
    }

    h4{
    font-size:1.2em;
    margin:0;
    text-transform:uppercase;
    }

    h5{
    margin:0px;
    padding:3px 0px 0px 0px;
    }

    h6{
    margin:0;
    padding:0;
    }
    ul,ol{
    margin:0;
    padding:0;}

    li{
    padding:5px 0px;
    }
    #header{
    background:#3498d8 url(/files/nature23.jpg)no-repeat top 160px center;
    background-size:90% 45%;
    border-bottom:10px solid #2980b9;
    margin: 0 0 100px 0;
    padding:100px 0 0 0;
    text-align:center;
    }

    #header .heading {
    margin:0;
    padding:0;
    }

    #header .heading a {
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:url(/files/star3.png)no-repeat left center,url(/files/play2.png)no-repeat right center,#000;
    margin:0;
    padding:15px 40px 15px 40px;
    font-size:1.2em;
    display:block;
    color:#fff;
    text-align:center;
    }
    #header .description {
    color:#fff;
    margin:5px 1% 15px 1%;
    padding:10px 1%;
    font-size:0.9em;
    }
    #navigation:before{
    background:none;
    position:absolute;
    bottom:-28px;
    left:0;
    right:0;
    content:' ';
    height:0;
    width:0;
    display:block;
    margin:0 auto;
    padding:0;
    border-width: 14px;
    border-style:solid;
    border-color:#3498d8 transparent transparent transparent;
    }
    #navigation:after{
    background:none;
    position:absolute;
    bottom:-20px;
    left:0;
    right:0;
    content:' ';
    height:0;
    width:0;
    display:block;
    margin:0 auto;
    padding:0;
    border-width: 10px;
    border-style:solid;
    border-color:#000 transparent transparent transparent;
    }
    #navigation{
    height:80px;
    display:block;
    position:relative;
    background:#000;
    border-bottom:3px solid #3498d8;
    margin:200px 0 -90px 0;
    padding:0 0 0 3%;
    text-transform:uppercase;
    }
    #navigation span {
    background:url(/files/home-4.png)no-repeat top 5px center;
    border-right:1px solid #333;
    float:left;
    width:32%;
    padding:50px 0px 10px 0;
    margin:0;
    text-align:center;
    }
    #navigation span a{
    display:block;
    margin:0;
    padding:0;
    content:'Home';
    color:#fff;
    }
    #navigation span + span{
    background:url(/files/sms3.png)no-repeat top 5px center;
    }
    #navigation span + span a{
    content:'About';
    }
    #navigation span + span + span{
    background:url(/files/arrow-down.png)no-repeat top 5px center;
    border-right:0;
    }
    #navigation span + span + span a{
    content:'Down';
    }
    #search-form {
    position:relative;
    margin:5px 0 0 0;
    padding:0px;
    text-align:center;
    }
    #search-form .inp-text {
    margin:0px 0 0 3px;
    padding:8px 4px;
    background:#fff url(/files/search4.png)no-repeat center left;
    width:70%;
    color:#333;
    border:0;
    }
    #search-form .inp-btn {
    background:#2980b9 url(/files/cari.png)no-repeat center top 3px;
    height:32px;
    width:40px;
    font-size:0;
    color:transparent;
    border-radius:8px;
    margin:0px;
    padding:8px;
    }
    #content:before{
    display:block;
    content:'News Headlines';
    background:#3498d8 url(/files/rss1.png)no-repeat left 5px center;
    border-bottom:5px solid #2980b9;
    margin:5px 0 0 0;
    padding:15px 10px 15px 40px;
    color:#fff;
    }
    #content{
    margin:0px;
    padding:0 0 5px 0;
    }
    .post:before{
    position:absolute;
    top:0px;
    left:0;
    content:' ';
    height:100px;
    width:100%;
    background:url(/files/no1.png);
    background-size:100% 100%;
    display:block;
    margin:0px;
    padding:0;
    z-index:1
    }
    .post{
    width:46%;
    float:left;
    position:relative;
    background:#2980b9;
    padding:120px 1% 3% 1%;
    margin:5px 1% 5px 1%;
    }
    .post:nth-child(even){
    background:#3498d8;
    }
    .post:nth-child(2){
    margin-top:5px;
    }
    .post:nth-child(n+2) .post-meta{
    height:105px;
    }
    .post:nth-child(n+3){
    margin-top:-55px;
    }
    .post:nth-child(n+4){
    margin-top:5px;
    }
    .post:nth-child(n+4) .post-meta{
    height:45px;
    }
    .post:nth-child(n+5){
    margin-top:5px;
    }
    .post:nth-child(n+6) .post-meta{
    height:105px;
    }
    .post:nth-child(n+7){
    margin-top:-55px;
    }
    .post:nth-child(n+8){
    margin-top:5px;
    }
    .post:nth-child(n+9){
    margin-top:5px;
    }
    .post:nth-child(n+8) .post-meta{
    height:45px;
    }
    .thumbnail{
    float:none !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    height:100px !important;
    width:100% !important;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:2
    }
    .post-content {
    height:0;
    width:0;
    overflow:hidden;
    padding:0;
    margin:0;
    }
    .post-content h2,.post-content h4,.post-content h5,.post-content h6{
    margin:0px;
    padding:8px 3px;
    text-align:center;
    }
    .post .post-meta{
    height:45px;
    display:block;
    margin:1% 1% 0 1%;
    padding:0;
    overflow:hidden;
    text-align:center;
    }
    .post-meta .title{
    margin:0;
    padding:0;
    }
    .post-meta .title a {
    font-size:1em;
    margin:0;
    padding:0;
    font-weight:normal;
    color:#fff;
    }
    .post-meta .categories {
    margin:0px;
    padding:0px;
    font-size:1em;
    }
    .post-meta .categories, .post-meta .categories a {
    text-decoration:none;
    }
    .post-meta2 {
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100px;
    padding:0;
    text-align:center;
    z-index:3;
    margin:0;
    }
    .post-meta2 a{
    font-size:4%;
    height:100px;
    display:block;
    margin:0;
    padding:0;
    color:transparent;
    }
    .post-single:before{
    content:' ';
    height:0px;
    width:0px;
    background:none;
    display:block;
    float:none;
    margin:0;
    padding:0;
    }
    .post-single{
    background:none;
    padding:0;
    margin:0;
    color:#777;
    }
    .post-single .title{
    font-size:18px;
    margin:0px;
    padding:3px;
    display:block;
    }
    .post-single .post-meta{
    padding:0px;
    margin:0px 5px;
    border-bottom:1px solid #ddd;
    }
    .post-single .post-content{
    padding:5px;
    margin:4px 5px 0px 5px;
    width:auto;
    height:auto;
    text-align:left;
    }
    .post-single .post-content ul{
    list-style:disc inside;
    }
    .post-single .post-content ol{
    list-style:decimal inside;
    }
    .post-single .post-content ul li,.post-single .post-content ol li{
    border-bottom:1px solid #ccc !important;
    border-top:1px solid #fff !important;
    padding:10px 3px;
    }
    .post-single .post-content img {
    max-width:70%;
    }
    #pagination-links {
    clear:both;
    margin:0px 2px;
    padding:3px 0px;
    display:block;
    text-align:center;
    font-size:0.8em;
    }
    #pagination-links span {
    background:#000;
    margin:2px 0;
    padding:5px 8px;
    color:#fff;
    }

    #pagination-links a {
    margin:2px 0px;
    padding:5px 8px;
    text-decoration:none;
    display:inline-block;
    background:#2980b9;
    color:#fff;
    }
    #share-buttons{
    padding:5px 0px;
    text-align:center;
    margin:4px 0px;
    }
    #share-buttons a {
    content:'Facebook';
    background:#1871ad;
    padding:4px 3px;
    color:#fff
    }
    #share-buttons a + a {
    content:'Tweet Me';
    background:#00a9ff;
    padding:4px 3px;
    color:#fff;
    }
    #bottom-content{
    padding:0;
    margin:0;
    color:#000;
    }
    #bottom-content h3 {
    margin:0;
    }
    #bottom-content h2,#bottom-content h5,#bottom-content h6 {
    background:url(/files/h32.png)no-repeat left center,url(/files/h32.png)no-repeat right center,#3498d8;
    border-bottom:5px solid #2980b9;
    padding:10px 30px 10px 30px;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    }
    #bottom-content ul{
    margin:0;
    padding:0;
    }
    #bottom-content ul li{
    margin:0;
    padding:10px 3px;
    }
    #bottom-content ul li h2,#bottom-content ul li h3 {
    background:url(/files/h32.png)no-repeat left center,url(/files/h32.png)no-repeat right center,#3498d8;
    border-bottom:5px solid #2980b9;
    margin:-11px -3px;
    padding:10px 30px 10px 30px;
    font-size:1.2em;
    }
    #bottom-content ul li a {
    color:#777;
    }
    #navigation-menu{
    background:#fff;
    }
    #navigation-menu ul li {
    list-style:none;
    margin-bottom:0px;
    border-bottom:1px solid #ddd;
    }
    #navigation-menu ul li:last-child{
    border-bottom:0;
    }
    #category-bottom ul li,#blogroll ul li{
    border-bottom:1px solid #21628c;
    border-top:1px solid #3491ce;
    }
    #category-bottom ul li:nth-child(odd),#blogroll ul li:nth-child(odd){
    background:#2980b9 url(/files/plus.png)no-repeat center left 5px;
    list-style:none;
    padding:15px 5px 15px 40px;
    margin:0;
    }
    #category-bottom ul li:nth-child(even),#blogroll ul li:nth-child(even){
    background:#3498d8 url(/files/plus.png)no-repeat center left 5px;
    list-style:none;
    padding:15px 20px 15px 40px;
    margin:0;
    }
    #category-bottom ul li a,#blogroll ul li a{
    color:#fff;
    }
    #recent-posts-list,#following-list, #blogroll_list{
    background:#eee;
    margin:0px;
    padding:0px;
    }
    #recent-posts-list ol{
    margin:0px;
    padding:0 3px;
    }
    #following-list ol,#blogroll_list ol {
    padding:0px 3px;
    margin:0;
    }
    #recent-posts-list ol li,#following-list ol li, #blogroll_list ol li {
    list-style:disc inside;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
    margin:0;
    padding:10px;
    }
    #following-list li a, #blogroll_list li a{
    text-decoration:none;
    }
    #recent-posts-list li:last-child, #following-list li:last-child, #blogroll_list li:last-child {
    border-bottom:0;
    }
    #footer {
    border-top:5px solid #333;
    padding:5px 5px 5px 5px;
    margin:0;
    background:#000;
    color:#fff;
    text-align:center;
    }
    #powered-by:after{
    display:block;
    content:'ArbesDJ-2013';
    }
    #footer a {
    color:#fff;
    }
    #comments{
    padding:0px;
    margin:0px;
    color:#777;
    }
    #comments h4 {
    background:none;
    font-size:1em;
    margin:3px 0px 3px 0px;
    padding:10px;
    text-transform:none;
    border:0;
    color:inherit;
    }
    .comment:before{
    background:none;
    position:absolute;
    bottom:-28px;
    left:0;
    right:0;
    content:' ';
    height:0;
    width:0;
    display:block;
    margin:0 auto;
    padding:0;
    border-width: 14px;
    border-style:solid;
    border-color:#3498d8 transparent transparent transparent;
    }
    .comment:after,.comment:nth-child(even):after{
    background:none;
    position:absolute;
    bottom:-20px;
    left:0;
    right:0;
    content:' ';
    height:0;
    width:0;
    display:block;
    margin:0 auto;
    padding:0;
    border-width: 10px;
    border-style:solid;
    border-color:#fff transparent transparent transparent;
    }
    .comment:nth-child(even):after{
    border-color:#f7f7f7 transparent transparent transparent;
    }
    .comment:nth-child(odd) {
    background:#fff;
    position:relative;
    padding:10px 5px 10px 0px;
    margin:3px 5px 23px 5px;
    border:3px solid #3498d8;
    }
    .comment:nth-child(even) {
    background:#f7f7f7;
    position:relative;
    padding:10px 5px 10px 0px;
    margin:3px 5px 23px 5px;
    border:3px solid #3498d8;
    }
    .comment-header{
    background:url(/files/emot30.png)no-repeat right 5px center;
    padding:0px 30px 0px 6px;
    margin:0px 0px 0px 5px;
    border-bottom:1px solid #ddd;
    }
    .comment-header a{
    font-size:1.2em;
    }
    .comment-content{
    padding:10px;
    }
    #comment_form{
    background:#fff;
    margin:5px 5px -6px 5px;
    padding:5px;
    text-align:center;
    }
    #comment_form:before {
    content:'Maaf...Komentar Yang Berisi Link Tidak Akan Ditampilkan.Terima Kasih';
    display:block;
    margin:3px 0px;
    padding:3px;
    }
    .inp-textarea {
    margin:2px;
    padding:3px;
    width:90%;
    color:#000;
    border:1px solid #ddd;
    }
    .inp-text {
    margin:2px;
    padding:3px;
    max-width:90%;
    font-size:0.8em;
    border:1px solid #ddd;
    }
    .inp-btn {
    background:#000;
    margin:2px;
    padding:8px 5px;
    color:#fff;
    border:0;
    }
    .highlight{
    margin:5px 0 0 0;
    padding:8px 8px 8px 28px;
    }
    #comments li,.messages {
    list-style:none;
    margin:0 3px;
    padding:3px;
    }
    table{
    border-collapse:collapse;
    color:#777;
    }
    table caption{
    background:#fff;
    padding:5px;
    }
    table th{
    background:#02bdf4;
    padding:8px 3px;
    color:#fff;
    border:1px solid #fff;
    }
    table th a{
    color:#ff0;
    }
    table tr{
    background:#fff;
    }
    table tr:nth-child(even){
    background:#eee;
    }
    table td{
    padding:8px 3px;
    font-size:0.9em;
    border:1px solid #fff
    }
    canvas{
    max-width:90%;
    height:auto;
    margin:6px;
    padding:5px;
    border:1px solid transparent;
    }
    .post-content textarea {
    max-width:80%;
    height:40px;
    background:#02bdf4;
    color:#000;
    border:1px solid #02bdf4;
    }
    .more {
    background:#3498d8;
    margin:0px !important;
    padding:5px;
    }
    .more ul,.top-nav1 ul,.foot-nav1 ul{
    background:none !important;
    margin:0 !important;
    padding:3px 0;
    }
    .more ul li,.top-nav1 ul li,.foot-nav1 ul li {
    border-top:1px solid #21628c !important;
    border-bottom:1px solid #3491ce !important;
    margin:0 !important;
    }
    .more ul li a,.top-nav1 ul li a,.foot-nav1 ul li a{
    color:#fff !important;
    }
    .more ul li:first-child,.top-nav1 ul li:first-child,.foot-nav1 ul li:first-child {
    border-top:none !important;
    }
    .more ul li:last-child,top-nav1 ul li:last-child,.foot-nav1 ul li:last-child {
    border-bottom:none !important;
    }
    .more2,.top-more1,.foot-more1 {
    text-align:right;
    margin:0px;
    padding:7px 5px 10px 5px;
    }
    .more2 a,.top-more1 a,.foot-more1 a{
    background:#000 !important;
    padding:5px !important;
    color:#FFFFFF !important;
    }
    .top-nav{
    margin:0px;
    padding:0;
    }
    .top-nav img{
    margin:0 5px 0 0;
    padding-top:5px;
    width:60px;
    height:50px;
    float:left;
    }
    .top-nav1 h3{
    margin:-1px -5px 0 -5px !important;
    }
    .top-nav1 a:hover{
    color:#000000 !important;
    }
    .top-nav1 {
    display:block;
    background:#ECEBEB;
    margin:0 !important;
    margin-bottom:10px !important;
    padding:0px 5px;
    border:1px solid #FFFFFF
    }
    .foot-nav{
    margin:0px;
    }
    .foot-nav1 h3{
    margin:0px !important;
    padding:10px !important;
    }
    .foot-nav1 {
    background:#ECEBEB;
    padding:0px;
    border:1px solid #FFFFFF
    }
    .social-btn{
    position:absolute;
    top:70px;
    left:0;
    right:0;
    margin:0px;
    }
    .social-btn h3{
    background:#000000 !important;
    }
    .social-btn img{
    width:40px;
    height:40px;
    margin:0 2px;
    }
    blockquote {
    margin:20px;
    min-height:40px;
    background:#fff;
    padding:5px;
    position:relative;
    overflow-wrap:break-word;
    margin-bottom:10px;
    color:#000;
    }

    blockquote:after,.preview-item:after {
    content:'';
    display:block;
    position:absolute;
    top:-20px;
    left:30px;
    width:0;
    height:0;
    border-color:
    transparent transparent #fff transparent; border-style:solid;
    border-width:10px;
    }
    .preview-item{
    position:relative;
    display:block;
    margin:10px 0;
    padding:10px;
    background:#fff;
    color:#000;
    line-height:2em;
    }
    .preview-item a{
    }
    .preview-item img{
    float:left;
    margin:10px 10px 0 0px;
    padding:0;
    max-width:60px;
    max-height:100px;
    }
    .preview-left,.preview-right,.preview-lefthp,.preview-righthp{
    display:block;
    padding:5px;
    margin:5px;
    border-bottom:2px solid #ddd;
    }
    .preview-right h2,.preview-righthp h2{
    color:#128be0;
    }
    .preview-left h2,.preview-lefthp h2{
    color:#e01295;
    }
    .preview-left img,.preview-lefthp img{
    display:block;
    text-align:center;
    padding:5px;
    margin:5px auto;
    }
    .preview-right img,.preview-righthp img{
    display:block;
    text-align:center;
    padding:5px;
    margin:5px auto;
    }
    .photo,.trending,.gallery,.bottom-nav,.nav,.container{display:none;padding:0 !important;}