selamat dini hari buat semuanya ..
selamat beristirahat :)
dikesmpatan kali ini saya mau membagikan css desktop khusus untuk pengguna mobile blog khusus nya untuk para pengguna
mywapblog , css ini di buat sama flambons yang terbilang begitu kreaktiv dalam bidang css , dan sudah banyak css yang di buat oleh nya :)
css desktop yang satu ini bisa di bilang sangat baik karna dari segi warna yang terbilang sangat pas !!
untuk menggunakan css desktop ini silahkan copy code di bawah ini
/*Edited by flambon*/
body {
margin-top: 20px;
background: #eeeeee;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
margin: 0;
padding: 0;
}
#header {
width: 980px;
height: 140px;
margin: 0 auto;
background: #6b9a00 url(http://flambon.mywapblog.com/files/toh2.png)repeat-x bottom;
color:#000
}
#logo {
float: left;
height: 100px;
padding: 0 0 0 115px;
background: url(http://flambon.mywapblog.com/files/toh1.png) no-repeat;
color: #36393D;
font-family: Georgia, "Times New Roman", Times, serif;
}
#logo .heading {
font-size: 2em;
padding: 20px 0 0 0;
margin: 0;
}
#logo .description {
font-size: 1em;
color: #36393D;
width: 620px;
margin: 0;
}
#logo a {
text-decoration: none;
color: #ffffff;
}
#search {
float: right;
width: 200px;
padding: 0 20px 0 0;
}
#search form {
height: 25px;
padding: 65px 0 0 25px;
background: url(http://bukan-cyberart.pun.bz/files/screenshot-2.png) no-repeat 0 60px;
}
#search fieldset {
border: none;
padding: 0;
margin: 0;
}
#search-text {
width: 170px;
background: #FFFFFe;
border: none;
}
#menu {
clear: both;
height: 40px;
}
#menu ul {
height: 28px;
padding: 12px 0 10px 20px;
list-style: none;
margin: 0;
}
#menu li {
display: inline;
}
#menu a {
padding: 0 20px;
background: url(http://flambon.mywapblog.com/files/toh3.png) no-repeat left center;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}
#menu a:hover {
text-decoration: underline;
}
#page {
width: 980px;
margin: 0 auto;
padding: 20px 0 0 0;
}
#back2top {
margin-top: 50px;
height: 72px;
}
#back2top a {
display: block;
width: 40px;
padding: 20px;
text-decoration: none;
text-align: center;background:#6b9a00;color:#ffffff
}
#back2top a:hover {
text-decoration: underline;
}
#content {
float: left;
width: 600px;
background:#dddddd;margin:0;padding:10px;border:1px solid #bbbbbb}
.post {
padding:0;background:#fffffe url(http://flambon.mywapblog.com/files/fd1.png)repeat-x bottom;margin:15px 5px
}
.post .title {
font-size: 2.6em;
margin: 0;
padding: 5px 5px 5px 15px;background: url(http://flambon.mywapblog.com/files/toh5.png)top left no-repeat, url(http://flambon.mywapblog.com/files/toh7.png)top right no-repeat,#6b9a00
}
.post .title a {
text-decoration: none;
color:#fff}
.post .byline {
margin-bottom: 2em;background:#6b9a00;margin:0;padding:0 5px 5px 15px;color:#005500}
.post .date {
display: block;
float: left;
width: 69px;
height: 64px;
margin: 7px 0 20px 7px;
background: #eeeeee;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #222;border:1px solid #cccccd
}
.post .date .month {
display: block;
height: 16px;
padding: 1px 0 0 0;
background: #6b9a00;
color: #FFFFFF;margin:0 0 2px 0
}
.post .date .day {
height: 47px;
font: bold 28px Georgia, "Times New Roman", Times, serif;
}
.post .date .year {
display: block;
}
.post .entry {
margin: 10px 20px 0 90px;
}
.post .entry p, .post .entry ol, .post .entry ul, .post .entry2 p, .post .entry2 ol, .post .entry2 ul {
margin-bottom: 1.6em;
line-height: 180%;
list-style-position: inside;
}
.post .links {
height: 22px;
padding: 5px 0 0 10px;
background:#bbbbbb;
clear: both;
margin-top: 20px;border-top:1px solid #aaaaaa
}
.post .links a {
text-decoration: none;
font-weight: bold;
}
.post .links a:hover {
text-decoration: underline;
}
.post .links .more {
padding-left: 10px;
background: url(http://dasad.pun.bz/themes/desktop/TheMissingPiece/images/img16.gif) no-repeat 0 5px;
}
.post .links .comments {
padding-left: 20px;
background: url(http://flambon.mywapblog.com/files/aa15.png) no-repeat;
}
.post .links .rss {
padding-left: 20px;
background: url(http://flambon.mywapblog.com/files/toh6.png) no-repeat ;
}
#sidebar {
float: right;
width: 320px;
background:#cccccc;margin:0;padding:0;border:1px solid #bbbbbb}
#sidebar ul {
background: #fffffe;
padding: 0;
margin:0;list-style:none
}
#sidebar li {
padding: 0;
margin: 0;
}
#sidebar li ul {
padding:0;
line-height: 200%;
}
#sidebar li li {
padding:7px;
background:#fffffe url(http://flambon.mywapblog.com/files/fd1.png)repeat-x bottom;margin:0;border-bottom:1px solid #cccccd;
}
#sidebar h3 {
padding: 10px;
background:#639e00;
font-size: 1.6em;
margin: 0;color:#ffffff
}
#sidebar a {
text-decoration: none;
}
#sidebar a:hover {
text-decoration: underline;
}
#calendar {
}
#calendar_wrap {
padding: 10px 20px 30px 20px;
}
#calendar table {
width: 200px;
border-collapse: collapse;
text-align: center;
}
#calendar caption {
padding: 2px 0;
font-weight: bold;
color: #333;
}
#calendar thead th {
padding: 2px 0;
border-top: 2px solid #BFD19A;
border-bottom: 2px solid #BFD19A;
}
#calendar tbody td {
padding: 4px 0;
}
#calendar tfoot td {
padding: 2px 0;
border-top: 2px solid #BFD19A;
font-weight: bold;
}
#prev {
text-align: left;
}
#next {
text-align: right;
}
#today {
background: #BFD19A;
font-weight: bold;
}
#footer {
clear: both;
padding: 25px 0;
background: #ccc;font-size: 11px;
color: #666666;
margin: 0;border-top:1px solid #aaaaaa
}
#footer p {
text-align: center;
line-height: 2em;
padding: 0;
}
.inp-text {
width: 400px;
}
.inp-textarea {
width: 400px;
height: 150px;
}
#pagination_links
{
font-size: 18px;
text-align: center;
padding-bottom: 20px;
}
#pagination_links span
{
padding: 8px;
display: inline-block;
background: #bbbbbb;
margin-top: 2px;
color: #222;
}
#pagination_links a
{
padding: 8px;
background: #639e00;
color: #ffffff;
display: inline-block;
margin-top: 2px;
text-decoration: none;
}
#pagination_links a:hover
{
text-decoration: none;
}
.no-link, .no-link:hover {
text-decoration: none;
color: inherit;
}
.messages {
background: #fffffe;
padding: 10px;
font-size: 2em;
color: #333;
list-style: none;
margin: 0;
}
#ad {
width: 980px;
margin: 0 auto;
height: 15px;
overflow: hidden;
}
#comments h4 {
font-size: 20px;}
.comment {
background: #fffffe url(http://flambon.mywapblog.com/files/fd1.png)repeat-x bottom;
padding: 5px;
color: #333;
margin: 10px 0 10px 0;border:1px solid #cbcbcb
}
.comment-alt {
background: #eeeeee;
color: #222;border:1px solid #cbcbcb
}
.comment h5 {
font-size: 16px;
margin: 0;color:#888888
}
.comment a {
text-decoration: none;
}
#share_buttons {
background:#639e00;
padding: 2px;
clear: left;text-align:center
}
body a {color:#437e00}
.post h1,.post .byline a{color:#ffffff}
h1, h2, h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
}
h1 {
font-size: 4em;
}
h2 {
font-size: 3em;
}
h3 {
font-size: 2em;
}
a:hover {
text-decoration: none;
}
#comments h3 a{color:#111111;}
#footer:after {content:"Edited By Flambon";display:block;font-size:small;text-align:center;margin:0;padding:7px;}
.post .entry h3 {background:#eee;margin:3px;padding:5px;text-align:center;font-size:small;color:#222222;}
#sidebar li h5 {margin:-7px;padding:7px;background:#dddddd;}
[class="advrt"] {content:" ";} [class="advrt"] a {content:" ";} [class="advrt"] a img {content:" ";} [class="advrt"] img {content:" ";}
#comment_form:after {
content : "BERIKAN KOMENTAR ANDA SESUAI ISI POSTINGAN. TERIMAKASIH.";
background:none;
display : block;
text-align : center;
color : #555;
font-weight : bold;
margin : 5px;
padding : 0;
}
anda bisa download di bawah ini code nya