| 11:06

CSS DESKTOP MYWAPBLOG

CSS SUPERMAN 

DEMO LIVE | MY BLOG

COPY CODE SCRIPT
/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License Modify1 by http://www.fitzfreedom.mywapblog.com Modify2 by http://WWW.fitzfreedom.blogspot.com Author Koplak Kampung (Fitz Freedom/2F) Date: 09-Maret-2013 */ body { margin-top: 20px; background: darkblue; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: whitesmoke; margin: 0; padding: 0;} form {text-align:center; border-radius: 8px 8px 8px 8px;} input, textarea { font: normal 1em Arial, Helvetica, sans-serif; color: black; text-align;center; border-radius: 8px 8px 8px 8px; border: 2px solid darkblue;} textarea {background:#fff url("ghost.gif")no-repeat center; text-align:center;} h1, h2, h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #666; text-shadow: 0px 1px 0px #ccc; font: 22px Droid Serif; filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',direction='100',strength='2');} h1 {font-size: 4em;} h2 {font-size: 3em;} h3 {font-size: 2em;} a {color: white;} a:hover {text-decoration: none;} /* Header */ #header { width: 980px; height: 140px; color: yellow; margin: 0 auto; border-radius: 10px 10px 10px 10px; border: 4px solid maroon; background: #000;} #logo {float: left; height: 100px; padding: 0 0 0 115px; background: #000 url(http://fitz-freedom.wen.ru/css/desktop/superman/img1.png) no-repeat; 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: marroon; width: 620px; margin: 0;} #logo p { } #logo a {text-decoration: none; color: yellow;} #search {float: right; width: 200px; padding: 0 20px 0 0; background:none;} /*url(url-img) no-repeat right top*/ #search form {height: 25px; padding: 65px 0 0 25px; background: none;} /*url(url-mimg) no-repeat 0 60px*/ #search fieldset { border: none; padding: 0; margin: 0;} #search-text { width: 170px; border-radius: 6px 6px 6px 6px; border:2px solid maroon; background: darkblue;} #menu { clear: both; height: 40px; background:none;} /* url(url-img) no-repeat right bottom*/ #menu ul { height: 28px; padding: 12px 0 0 20px; background:none; /* url(url-img) no-repeat left bottom*/ list-style: none; margin: 0;} #menu li { display: inline;} #menu a { padding: 0 20px; background: none; /*url(url-img) no-repeat left center*/ text-decoration: none; font-weight: bold; color: #36393D;} #menu a:hover { text-decoration: underline;} #menu .current_page_item a { background: none; /*url(url-img) no-repeat left center;*/ color: #B42600;} /* Page */ #page { width: 980px; margin: 0 auto; padding: 20px 0 0 0;} #back2top { margin-top: 50px; height: 72px; background: none;} /*url(url-img)no-repeat left bottom;*/ #back2top a { display: block; width: 40px; padding: 27px 0 0 27px; text-decoration: none; text-align: right; border-radius: 6px 10px 6px 10px; border:2px solid maroon; background: black;} #back2top a:hover { text-decoration: underline;} /* Content */ #content { float: left; width: 600px;} .post {border-radius: 8px 8px 8px 8px; border: 1px solid gray; background: black; padding: 20px 0;} .post .title { font-size: 2.6em; margin: 0; padding: 0; border-radius: 8px 8px 8px 8px; border: 4px solid black; background-color: maroon;} .post .title a { text-decoration: none;} .post .title a:hover {background: maroon; border-bottom: 1px solid yellow;} .post .byline { margin-bottom: 2em;} .post .date { display: block; float: left; width: 69px; height: 64px; margin: 7px 0 20px 0; background: maroon; /*w tgl url(url-img) no-repeat;*/ text-align: center; font-size: 11px; font-weight: bold; color: darkblue;} .post .date .month { display: block; height: 16px; padding: 1px 0 0 0; background: maroon; /*#BF3600 url(url-img) no-repeat;*/ color: white;} .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 .entry2 { margin: 10px 20px 0 0;} .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; border-radius: 4px 4px 4px 4px; border: 4px solid darkblue; padding: 5px 0 0 10px; background: maroon; /*url(img) no-repeat;*/ clear: both; margin-top: 20px;} .post .links a { text-decoration: none; font-weight: bold;} .post .links a:hover { text-decoration: underline;} .post .links .more { padding-center: 10px; background:none;} /*url(img) no-repeat 0 5px;}*/ .post .links .comments { padding-center: 12px; background: none;} /* url(IMG) no-repeat 0 6px;}*/ .post .links .rss { padding-center: 10px; background: darkblue;} /*url(IMG) no-repeat 1px 6px;}*/ /* Sidebar */ #sidebar { float: right; width: 320px; border-radius: 8px 8px 8px 8px; border: 1px solid black;} #sidebar ul { background: none; list-style: none; color: #36393D; padding: 0; margin: 0;} #sidebar li { background:none; /*url(img) no-repeat left bottom*/ padding: 0; margin: 0;} #sidebar li ul { padding: 10px 20px 30px 20px; line-height: 200%; background: none;} #sidebar li li { padding: 0 0 0 10px; background: #000; }/* url(img) no-repeat left center;*/ #sidebar h3 { height: 42px; padding: 8px 0 0 10px; background: maroon; /*#BA3300 url(img) no-repeat;*/ border-radius: 8px 8px 8px 8px; border: 4 px solid darkblue; font-size: 1.6em; margin: 0;} #sidebar a { text-decoration: none; color: #BA3300;} #sidebar a:hover { text-decoration: underline;} /* Calendar */ #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: #BA3300;} #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;} /* url(img) */ #next {text-align: right;}/* url(img) */ #today {background: black; font-weight: bold;} /* Footer */ #footer { clear: both; background:black; padding: 25px 0; font-size: 12px; color: whitesmoke;} #footer p { text-align: center; line-height: 2em; background: black; padding: 0;} #footer:before {content:"Design Modify by Kayuh Baimbai Mobile Blog"; display:block; text-align:center; color: gray;} #footer:after {content:"SuperHero and Ghost Theme CSS Desktop MWB - 2F"; display:block; text-align:center; color: whitesmoke;} #footer a {color: whitesmoke;} #pagination_links{ font-size: 18px; text-align: center; padding-bottom: 20px; border-radius: 4px 4px 4px 4px; border: 4px solid black; background: #363636;} #pagination_links span{ padding: 8px; display: inline-block; background: maroon; margin-top: 2px; color: white; border: 1px solid whitesmoke;} #pagination_links a{ padding: 8px; background: darkblue; color: white; display: inline-block; margin-top: 2px; border: 1px solid whitesmoke; text-decoration: none;} #pagination_links a:hover{ text-decoration: none;} .no-link, .no-link:hover { text-decoration: none; color: inherit;} .inp-text {width: 400px;} .inp-textarea { width: 400px; height: 150px;} .messages {background: maroon; padding: 10px; font-size: 2em; color: white; list-style: none; margin: 0; border-radius: 8px 8px 8px 8px; border: 2px solid black;} #ad {width: 980px; margin: 0 auto; height: 15px; overflow: hidden;} #comments h4 { font-size: 20px;} color: white; background: maroon; border-radius: 8px 8px 8px 8px; border: 2px solid black;} .comment { background: maroon; padding: 5px; color: yellow; margin: 10px 0 10px 0; border-radius: 8px 8px 8px 8px; border: 2px solid black;} .comment-alt { background: maroon; color: white; border-radius: 8px 8px 8px 8px; border: 2px solid maroon;} .comment h5 { font-size: 16px; margin: 0; background: maroon; border-radius: 8px 8px 8px 8px; border: 2px solid black;} .comment a {background: maroon; text-decoration: none; border-radius: 8px 8px 8px 8px; border: 2px solid black;} #share_buttons { background:none; /* (url (img)no-repeat*/ padding: 2px; clear: left;} body:before {content:url(http://fitz-freedom.wen.ru/css/desktop/superman/ghost.gif); position: fixed;} img {background:transparent; border-radius:px; -moz-border-radius:px; -webkit-border-radius:px; -o-transition:all 1.2s ease-out; -moz-transition:all 1.2s ease-nut; -webkit-transition:all 1.2s ease-out; } img:hover { z-index:99; background:transparent; -o-transform:rotate(-10deg) scale(1.4) translate(5px,-3px); -moz-transform:rotate(360deg) scale(2) translate(1px,-3px); -webkit-transform:rotate(360deg) scale(2) translate(10px,-3px); } img:hover {box-shadow: 0 0 20px red; -moz-box-shadow: 0 0 20px red; -webkit-box-shadow: 0 0 20px red; -moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; -ms-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; } a:visited{color:#ffff00} a:hover{color:#0000ff} textarea:hover {box-shadow: 10 10 70px red;}

Share on :