आज मैं देने वाला हूं New Style Full Css Code Wapkiz.com Website के लिए । जिसे आप अपने Wapkiz.com Website या फिर कोई भी Website में Use कर सकते हैं । Wapkiz.com Website में इस Code को कैसे Use करेंगे उसके बारे में नीचे बताया गया है । Full Css Code को नीचे से copy कर लीजिए ।
 |
| New Style Full Css Code |
New Style Full Css Code Copy
/* Wapka.org free website builder */
body {
background: #757575;
font-family: Verdana, Geneva, sans-serif;
src: ;
font-size: 12px;
color: #ddd;
margin: 0px auto;
}
.content-wrapper {
max-width:900px;
background:#555;
margin: auto;
-webkit-box-shadow: 0px 13px 13px 0px rgba(0,0,0);
-moz-box-shadow: 0px 13px 13px 0px rgba(0,0,0);
box-shadow: 0px 13px 13px 0px rgba(0,0,0);}
.tableup {text-align:center;width:100%;padding-top:3px;}
.tableup td div {padding-top:2px;}
a {color:gold;text-decoration:none;}
a:hover, a:active {color:#d8043c;text-decoration:none;
text-shadow:1px 2px 2px #000}
.kelapa {
background:#444;
margin:0px 0px 0px 0px;
padding:4px 0px 8px 0px;
border-bottom: 2px solid gold;
text-align:left
}
.kelapa a {
padding: 9px 10px 8px 10px;
font-weight:bold;
font-size:16px;
text-shadow: 2px 2px 1px #c00;
color:#fff;
text-shadow:2px 2px 2px #555;
background:gold;
border-radius:0px 8px 0px 0px
}
.user{text-align: right;
margin:0px 0px 0px 0px;
padding:7px 10px 5px 10px;
background:#3b5998;
border-bottom:4px solid #d8043c}
.user span{margin:0px 1px;
padding:4px 4px}
.user span a{color:#000}
.header-menu{ text-align:left;
background:#383636;
margin:0px 0px;
padding:10px 4px 10px 4px;}
.header-menu span {background:gold;
padding:6px 6px;
margin:0px 1px;
border-radius:4px 4px 4px 4px}
.header-menu span:hover {background:#d8043c;
padding:6px 6px;
margin:0px 1px;
border-radius:4px 4px 4px 4px;color:#fff;text-shadow:none}
.header-menu span a{color:#000}
#wasu {
background:#3b5998
}
.notd:hover {
background:#c32025;
transition: all 0.5s ease 0s;
text-transform:uppercase;
opacity:0.9;}
#content {text-align:left; background:#555; margin:0 0 5px 0;}
#post {text-align:left;}
.meta {margin:0 0;
padding:8px 8px;
background:#3b5998;
border-bottom:4px solid #1b3978;
color:#fff;
font-weight:bold;
display:block}
.meta2 {padding:5px 5px;
text-align:left;
border-bottom:1px dashed;
color:#000}
.isi {padding:5px 5px;
margin:0px 0;
text-align:left;
color:#000}
.isi h3 {font-size:12px;
background:#3b5998;
color:#fff;
padding:10px 5px 10px 5px;
margin:0 -5px;
text-align:center;
text-transform:uppercase;
border-radius:0px 0px}
.lain-lain {background:#e9ebee;
padding:10px 10px;
margin:0px 5px 0px 5px;
text-align:left;
border:1px solid #000;
color:#000}
.lingkaran{margin:0px 5px 5px 5px;
padding:0px 0px;
border-radius:none;
box-shadow:-2px 2px 2px #333}
.lingkaran2{margin:0px 5px 5px 5px;
padding:0px 0px;
border-radius:none;
background:#444;
box-shadow:-2px 2px 2px #222}
.lapislist {border-top: 1px solid #111;border-left: 1px solid #111;border-bottom: 1px solid #111;border-right: 1px solid #111;margin:3px 2px 3px 2px;}
.list {
background:#383838;border-top: 1px solid #555555;border-left: 1px solid #555555;border-bottom: 1px solid #555555;border-right: 1px solid #555555;padding:4px 0px 0px 0px;margin:0px 0px 0px 0px;
text-align:left;
display:block;}
.list a {text-shadow:1px 2px 2px #111}
.postable {table-layout: fixed;}
.postable td {color: #ddd;
vertical-align:top;
}
.otable td a {color:#ddd;font-size:18px;}
.otable td:link {color:#000;}
.type {
font-size:16px;
background:gold;border:1px solid #222;border-bottom:4px solid #333;color:#222;text-shadow: 2px 2px 2px #eee;margin:3px 0px 0px 0px;
padding:8px 8px 8px 8px;
text-align:left;
text-transform:uppercase;
font-weight:bold;}
.view {margin:0 0;
padding:10px 8px 10px 8px;
text-align:center; display:block;
background:#ffffff;
border-top:1px solid #d4d4d4}
.view a {padding:5px 5px;
background:#3b5998;
border-radius:5px 5px;
color:#fff}
.down {margin:5px 0px}
.down a {padding:4px 5px;
background:#3b5998;
border-radius:5px 5px;
color:#fff;
text-shadow:none}
.down a:hover {color:#FFFFFF}
.search-form{
background:#444;
color:#ffffff;
padding:10px;
text-align:center;
}
.search-form form [type=text]{background:#333;
color:#999;
border:1px solid #000;
border-right:none;
width:76%;
padding:4px 3px;
margin:2px 0px 0px 5px;
border-radius:5px 0px 0px 5px;}
.search-form form a{color:#999;}
.search-form form [type=submit]{background:gold;
width:15%;
margin:5px 5px 5 5px;
padding:4px 3px;color:#222;
border:1px solid #111;
border-radius:0px 6px 6px 0px;
text-align:center}
.search-form form:hover [type=submit]:hover {background:#d8043c;
width:15%;
margin:5px 5px 5 5px;
padding:5px 3px 5px 3px;color:#ddd;
border:1px solid #111;
border-radius:0px 6px 6px 0px;
text-align:center}
.navi {background:transparent;
padding:00;
margin:0px 0px 0px 0px;
color:#000;
box-shadow:-2px 2px 2px #333}
.iklan{font-size:12px;
background:#3b5998;
color:#fff;
padding:8px 8px 8px 8px;
margin:0 0px;
text-align:left;
text-transform:uppercase;
font-weight:bold;
border-bottom:4px solid #1b3978}
.navi ul {padding:0px ;
margin:0 0;
text-align:left}
.navi ul li:nth-child(odd) {background:#444;border-top:1px solid #585858;border-bottom:1px solid #585858;border-left:1px solid #1f1f1f;border-right:1px solid #1f1f1f;text-align:left;
display:block;
margin:0px 0px;
padding:8PX 5PX;
color:gold;
list-style:none}
.navi ul li:nth-child(even) {background:#505050;
border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;border-left:1px solid #1f1f1f;border-right:1px solid #1f1f1f;margin:0px;
text-align:left;
display:block;
padding:8PX 5PX;
color:gold;
list-style:none}
/*--------------lister--------------*/
.lister:nth-child(odd) {background:#444;border-top:1px solid #585858;border-bottom:1px solid #585858;border-left:1px solid #1f1f1f;border-right:1px solid #1f1f1f;text-align:left;
display:block;
margin:0px 0px;
padding:5px 3px;
color:gold;
list-style:none}
.lister:nth-child(even) {background:#505050;
border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;border-left:1px solid #1f1f1f;border-right:1px solid #1f1f1f;margin:0px;
text-align:left;
display:block;
padding:5px 3PX;
color:gold;
list-style:none}
.kategori {font-size:12px;
background:gold;border:1px solid #222;border-bottom:4px solid #d8043c;color:#222;text-shadow: 2px 2px 2px #eee;margin:3px 0px 0px 0px;
padding:8px 8px 8px 8px;
text-align:left;
text-transform:uppercase;
font-weight:bold;}
/*--------------MEDIA SCREEN--------------*/
@media screen and (min-width:800px) {
#sidebar {float:right;width:35%;padding:0px; background:#505050; height:100%}
#content {float:left;width:65%;padding:0px;}
#post {float:left;width:65%;padding:0px;}
.search-form form [type=text]{width:76%;padding:10px 5px}
.search-form form [type=submit]{width:15%;padding:10px 5px}
#kolom-3 {width:100%;border-top:2px dotted #888
margin:15px 0px 15px 0px;}
.kolom {width:32%;
margin:0% 0.6666667%;
float:left;
display:inline;
word-wrap:break-word; overflow:hidden;}
}
#footer {background:#e9ebee;
margin: 0 0 0;
padding:0 0;
clear:both;
display:block;}
.footer-atas {padding:5px 10px;
text-transform:uppercase;
text-shadow:#ddd 1px 1px 1px;
color:#222;
background:gold;
text-align:center}
.footer-atas a{color:#222}
.footer-bawah {text-align:center;
padding:10px 10px 10px 10px;
color:#fff;
background:#343434}
.pagination{margin:0 0;
padding:10px 10px;
text-align:center; display:block;
background:#444;
border-top:1px solid #111;border-bottom:1px solid #111}
.pagination span{text-align:center;
padding:3px;
margin:2px}
.pagination a{text-align:center;
background:gold;
border-radius:5px 5px;
color:#222;
padding:8px;
margin:2px;}
.pagination a:hover{text-align:center;
background:#d8043c;
border-radius:5px 5px;
color:#ddd;
padding:8px;
margin:2px;}
color:#fff;
background:#343434}
/*--------------more--------------*/
.paging {margin:0 0;
padding:12px 12px;
text-align:center; display:block;
background:#444;
border-top:1px solid #111;border-bottom:1px solid #111}
.paging span{text-align:center;
padding:3px;
margin:2px}
.paging a{text-align:center;
background:#d8043c;
border-radius:5px 5px;
color:#ddd;
padding:8px;
margin:2px;}
.paging a:hover{text-align:center;
background:Gold;
border-radius:5px 5px;
color:#222;
padding:8px;
margin:2px;}
/*--------------Chat--------------*/
#komentar:nth-child(even) {position:relative;
margin:0px 0px 0px 0px;
padding:2px 60px 2px 40px;
min-height:60px}
#komentar:nth-child(even) .foto {position:absolute;
top:5px;
right:0px}
#komentar:nth-child(even) .foto img{ height:50px; width:50px;
border-radius:40px;
border:1px solid #3b5998}
#komentar:nth-child(even) .balon {background:#e4edff;
border-radius:5px 5px;
position:relative;
padding:5px 5px;
box-shadow:-2px 2px 2px #dfdfdf;
text-align:right}
#komentar:nth-child(even) .balon:after {content:"";
position:absolute;
top:16px;
right:-16px;
border-top:8px solid transparent;
border-left:8px solid #e4edff;
border-bottom:8px solid transparent;
border-right:8px solid transparent}
#komentar:nth-child(even) .nama {font-weight:bold;}
#komentar:nth-child(even) .isikomentar {}
#komentar:nth-child(even) .datakomentar {font-size:9px}
#komentar:nth-child(odd) {position:relative;
margin:0px 0px 0px 0px;
padding:2px 40px 2px 60px;
min-height:60px}
#komentar:nth-child(odd) .foto {position:absolute;
top:5px;
left:0px}
#komentar:nth-child(odd) .foto img{ height:50px; width:50px;
border-radius:40px;
border:1px solid #3b5998}
#komentar:nth-child(odd) .balon {background:#b2cbfe;
border-radius:5px 5px;
position:relative;
padding:5px 5px;
box-shadow:2px 2px 1px #dfdfdf}
#komentar:nth-child(odd) .balon:after {content:"";
position:absolute;
top:16px;
left:-16px;
border-top:8px solid transparent;
border-left:8px solid transparent;
border-bottom:8px solid transparent;
border-right:8px solid #b2cbfe}
#komentar:nth-child(odd) .nama {font-weight:bold;}
#komentar:nth-child(odd) .isikomentar{}
#komentar:nth-child(odd) .datakomentar {font-size:9px}
#status {position:relative;
margin:3px 0px 3px 0px;
padding:5px 5px 5px 5px;
border:1px solid #dfdfdf}
#status .statusfoto {position:absolute;
top:5px;
left:5px}
#status .statusfoto img{ height:50px; width:50px;
border-radius:40px;
border:1px solid #3b5998}
#status .statusnama {padding:8px 0px 2px 60px;
font-size:14px;
font-weight:bold}
#status .statusdata {padding:2px 0px 13px 60px}
#status .statusisi {border-top:1px solid #dfdfdf;
padding:5px 0px;
font-size:14px}
#kolomkomentar {margin:3px 0px;
padding:0px 88px 0px 0px;
position:relative}
#kolomkomentar .tambahkan {font-weight:bold;
padding:5px 0px}
#kolomkomentar [type=text]{background:#ffffff;
color:#000;
border:1px solid #dfdfdf;
height:60px;
width:100%;
padding:5px 3px;
margin:0px 0px 0px 0px;
border-radius:5px 5px 5px 5px;}
#kolomkomentar [type=submit]{background:#3b5998;
margin:0px 0px 5px 5px;
padding:5px 8px;color:#fff;
border:1px solid #dfdfdf;
border-radius:5px 5px 5px 5px;
text-align:center;
position:absolute;
bottom:0px;
right:0px}
#update {margin:3px 0px;
padding:0px 88px 0px 0px;
position:relative}
#update .apayang {font-weight:bold;
padding:5px 0px}
#update .menu {margin:0px -88px 0px 0px}
#update [type=text]{background:#ffffff;
color:#000;
border:1px solid #dfdfdf;
height:60px;
width:100%;
padding:5px 3px;
margin:0px 0px 0px 0px;
border-radius:5px 5px 5px 5px;}
#update [type=submit]{background:#3b5998;
margin:0px 0px 5px 5px;
padding:5px 8px;color:#fff;
border:1px solid #dfdfdf;
border-radius:5px 5px 5px 5px;
text-align:center;
position:absolute;
top:72px;
right:12px}
#profil {padding:0px 0px;
margin:3px 0px;}
#profil .atas {min-height:90px;
position:relative;
padding:5px 5px 5px 90px}
#profil .atas .profilfoto {position:absolute;
top:5px;
left:5px}
#profil .atas .profilfoto img { height:80px; width:80px;
border-radius:40px;
border:1px solid #3b5998}
#profil .atas .nama {font-weight:bold;
font-size:14px}
#profil .atas .follow{padding:4px 0px;}
#profil .atas .follow span {background:#3b5998;
border-radius:5px 5px;
padding:2px 5px}
#profil .atas .follow span a {color:#fff}
#profil .atas .moto {padding:0px 0px}
#profil .bawah {padding:2px 0px;
margin:0px 0px}
#profil .bawah span {background:#3b5998;
border-radius:5px 5px;
padding:2px 5px}
#profil .bawah span a {color:#fff}
.judul {margin:0 -5px;
padding:8px 8px;
background:#3b5998;
border-bottom:4px solid #1b3978;
color:#fff;
font-weight:bold;
display:block}
#teman {margin:0px 0px;
padding:0px 0px}
#teman .listteman {min-height:50px;
position:relative;
padding:5px 5px 5px 60px;
margin:3px 0px;
border:1px solid #dfdfdf}
#teman .listteman .fototeman {position:absolute;
top:5px;
left:5px}
#teman .listteman .fototeman img { height:50px; width:50px;
border-radius:40px;
border:1px solid #3b5998}
#teman .listteman .idteman {font-weight:bold;
font-size:14px}
#teman .listteman .followteman {padding:4px 0px;}
#teman .listteman .followteman span {background:#3b5998;
border-radius:5px 5px;
padding:2px 5px}
#teman .listteman .followteman span a {color:#fff}
#bio {padding:5px 5px 5px 5px;
margin:3px 0px;
border:1px solid #dfdfdf}
Wapkiz.com Website में इस Code को कैसे Use करेंगे
- सबसे पहले wapkiz.com Website में जाए
- आपने Website को Login करके Panel Mode को Open करें
- Css Theme पर Click करें
- नीचे Scroll करें और Edit Full Css पर क्लिक करें
- सारे Code को Delete करें
- New Style Full Css Code को Copy करके Past करें
- Ok पर Click करें