CSS Red Blog - CSS Desktop MyWapBlog - CSS EarthlingTwo

Tags: CSS Desktop MyWapBlog, CSS Mobile, free download, Hosting Murah, html, Pulsa Murah, script

CSS Red Blog - CSS Desktop MyWapBlog - CSS EarthlingTwo

CSS Desktop MyWapBlog

/*
Free CSS Red Blog For MyWapBlog
Design by Koplak Kampung
http://www.koplakkampung.blogspot.com
Author Fitz Freedom
Date 04-Juni-2013
http://www.fitzfreedom.mywapblog.com
http://www.kayuhbaimbai.blogspot.com
http://www.fitzfreedom.blogspot.com
From CSS EarthlingTwo MyWapBlog
Released for free under a Creative Fitz Freedom
*/
body {
	margin: 0px;
	padding: 0px;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height:1.5em; 
	background-color: #821764;
    background-image: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/body.jpg);
	background-repeat: repeat;}
a, a:link, a:visited {
	color: #000;}
a:hover {
	color: #FFF;
	text-decoration: none;}
p { margin: 0px; padding: 0 0 10px 0; }
img { border: none; }
h1 { font-size: 40px; font-weight: bold; margin: 0 0 30px 0; padding: 5px 0; color: #000; }
h2 { font-size: 34px; font-weight: normal; line-height: 28px; margin: 0 0 30px 0; padding: 0; color: #4b0f09; }
h3 { font-size: 21px; font-weight: normal; margin: 0 0 20px 0; padding: 0; padding: 0; color: #1da3e9; }
h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0 0 10px 0; color: #e4ff00; border-bottom: 1px dashed #e4ff00; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #1da3e9;}
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #1da3e9;}
.image_wrapper {
	display: inline-block;
	padding: 8px;
	border: 1px solid #999;
	background: #ffffff;
	margin-bottom: 10px;}
blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; }
cite span { color: #8da332; }
em { color: #5d6d1e; }
#koplak_twitter a {
	float: right;
	display: block;
	width: 200px;
	height: 80px;
	padding: 10px 10px 0 0;
	font-weight: bold;
	color: #382512;
	line-height: 20px;
	text-decoration: none;
	background: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/4.png) no-repeat top right;}
#koplak_twitter a:hover {
	text-decoration: none;}
/*
#header_wrapper {
	width: 100%;
	height: 200px;
        padding: 0px 0px 0px 0px;
	background: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/menu.jpg) no-repeat top;}
*/
#header {
	width: 100%;
	height: 300px;
	margin: 0 auto;
	padding: 0 auto;
	background: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/header.jpg) no-repeat center;}
#logo {
  float: center;
  margin: 0 auto;
  padding: 20px 0px 0px 0px;
  color: #000;
  background: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/css-desktop-red-blog-2f.png)no-repeat left;}
#logo .heading {
  margin: 0 auto;
  padding: 20px 0 0 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-size: 44px;
  text-shadow: 2px 1px 0px #848484;
  font-weight: bold;
  text-align: center;}
#logo .heading a {
  color: #fff;}
#logo .description {
  margin: 10px 0px 0px 0px;
  padding: 10px 0 0 2px;
  font: normal 19px Georgia, "Times New Roman", Times, serif;
  color: #000;
  text-align: center} 
#logo a {
  border: none;
  background: none;
  text-decoration: none;
  color: #fff;}
#search {
  float: top;
  width: 100px;
  height: 40px;
  margin: 2px 0 0 0;
  padding: 0px;
  background: #E2E2E2;
  border-bottom: 4px solid #FFF;}
#search form {
  height: 40px;
  margin: 0;
  padding: 2px 0 0 0px;}
#search fieldset {
  margin: 0;
  padding: 0;
  border: none;}
#search-text {
  width: 50px;
  padding: 2px 5px;
  border: 1px solid #000;
  background: #fff;
  text-transform: uppercase;
  font: normal 11px Arial, Helvetica, sans-serif;
  color: #000;}
#search-submit {
  width: 20px;
  height: 22px;
  border: none;
  background: #fff;
  color: #000;}
#banner {
  margin-bottom: 20px;
  border: 12px #ECECEC solid;}
#menu {
width: 100%;
margin: 0 auto;
padding: 0px 0px 0px 0px;
height: 170px;
background: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/main.jpg)no-repeat center;}
#menu ul {
	margin: 0;
	padding: 0 0 0 300px;
	list-style: none;}
#menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
        box-shadow: 2px 2px 2px 2px #FF0040;
        border-radius:10px;
        transition:all 0.65s ease-in-out;}
#menu ul li a {
	float: left;
	display: block;
	width: 130px;
	height: 50px;
	padding: 17px 10px 0 170;
	margin: 0 30px 0 0 ;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #6d450f;	
	font-weight: bold;
	outline: none;}
#menu ul li a:hover, #menu ul li .current{
	color: #000;
	background: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/menu_hover.png)}
#menu ul li a:hover{ 
        box-shadow: 2px 2px 2px 2px #FF0040;
        border-radius:10px;
	transition:all 0.65s ease-in-out;}
#ad {
  width: 980px;
  margin: 0 auto;
  background-color: #fff;
  height: 15px;
  overflow: hidden;
  float: right;}
#ad #google-ad {
  width: 728px;
  margin: 0 0px 0 248px;}
#page {
        width: 1080px;
        padding: 0px 0px 0px 0px;
	margin: 0 auto;
	background:url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/content.jpg) center repeat-y;}
#main {
	width: 1080px;
	margin: 0 auto;
	 background:url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/content.jpg) center repeat-y;}
#main_top {
	width: 1080px;
	background: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/main.jpg) no-repeat center top;}
#main_bottom {
	width: 1080px;
	height: 180px;
	margin: 0 auto;
	background: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/main_bottom.jpg) no-repeat center top;}
#content {
        float: left;
	width: 640px;
	margin: 0 0 0 100px;
        padding: 0px 0px 0px 0px;
        background: transparent url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/icon_mywapblog.png) no-repeat bottom right;}
#content ol {
       list-style: decimal inside;}
#content .no-link {
       color: #32639A;
       text-decoration: none;}
#content h3 {
       line-height: 2em;}
#content #pagination_links {
      text-align: center;
      font-size: 22px;}
.post {
  margin: 2px 2px 10px 10px;
  padding: 2px 5px 10px 5px;
  margin-bottom: 15px;
  text-align: left;
  border: 1px solid #000;
  border-radius: 8px;
  color: #000;
  background: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/date.png) no-repeat top right;}
.post-bgtop {}
.post-bgbtm {}
#content .title {
  margin: 0px;
  padding: 0px;
  letter-spacing: -.5px;
  font-size: 20px;
  color: #000;
  font-weight: normal;}
.post .title a {
  color: #000;
  border: none;}
.post .title a:hover { 
color: #FF0040; 
text-decoration: none;
font-weight: bold;}
.post .meta {
  margin: 5px;
  padding: 0px 0px 0px 0px;
  letter-spacing: -1px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  font-family: Georgia, "Times New Roman", Times, serif;}
.meta .categories {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  font-weight: normal;}
.meta .categories a {
  color: inherit;
  font-weight: bold;}
.post .meta .date {
  float: left;}
.post .meta .posted {
  float: right;}
.post .meta a {color: #FF0040;}
.post .entry {
  background: transparent;
  padding: 2px 0px 30px 0px;
  text-align: left;}
.links {
  padding-top: 20px;}
.more {
  padding-left: 16px;
  background: none;
  text-decoration: none;
  height: 25px;
  font-size: 12px;
  font-weight: normal;}
.comments {
  padding-left: 18px;
  background:none;
  text-decoration: none;
  height: 33px;
  font-size: 12px;
  font-weight: normal;
  box-shadow: 2px 2px 2px 2px #FF0040;
  border-radius:10px;
  transition:all 0.65s ease-in-out;}
.more,.comments:hover {
  color: #FF0040;
  text-decoration: blink;}
#sidebar {
        float: right;
        overflow: auto;
        height: 1200px;
	color: #FFF;
	width: 220px;
	margin: 0 60px 0 40px;
	padding-top: 10px;}
#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;}
#sidebar li {
background: none;
	margin:0px;
	padding: 0px;
	line-height: 1em;}
#sidebar li ul {
  margin: 0px 0px;
  padding-bottom: 5px;}
#sidebar li li {
  line-height: 12px;
  margin: 0px;
  padding: 2px 0px;
  border-left: none;}
#sidebar li li span a {
  color: #FFF;}
#sidebar h3 {
  height: 40px;
  background: transparent;
  letter-spacing: -.5px;
  font-size: 18px;
  color: #FFFF00;
  text-transform: uppercase;
  font-weight: bold;}
#sidebar p {
  margin: 0 0px;
  padding: 0px 0px 30px 0px;
  text-align: left;}
#sidebar p strong {
  color: #FFF;}
#sidebar a {
  border: none;}
#sidebar a:hover {
text-decoration: blink;
color: #FFFF00;
box-shadow: 2px 2px 2px 2px #FF0040;
border-radius:10px;
transition:all 0.65s ease-in-out}
#sidebar .text-box {
  border: 1px solid #000;
  width: 200px;}
#sidebar .button {
  background-color: #000;
  width: 50px;}
#calendar {}
#calendar_wrap {
  padding: 20px;}
#calendar table {
  width: 100%;}
#calendar tbody td {
  text-align: left;}
#calendar #next {
  text-align: left;}
#footer-content {
  width: 920px;
  height: 200px;
  margin: 0 auto;
  padding: 5px 20px 2px 30px;
  background: transparent;
  font-size: 12px;
  color: #000;}
#footer-content h3 {
  margin: 0px;
  padding: 20px;  
  background: #D8D8D8;}
#footer-content .column1 {
  float: left;
  width: 570px;
  height: 190px;
  overflow: hidden; 
  border: 1px solid #D8D8D8;
  border-radius: 8px 8px 8px 8px;}
#footer-content .column2 {
  float: right;
  width: 273px;
  height: 190px;
  overflow: hidden;
  border: 1px solid #D8D8D8;
  border-radius: 8px 8px 8px 8px;}
#footer-content .column1 ul, #footer-content .column2 ul {
  margin: 0;
  padding: 20px;
  list-style: none;}
#footer-content h3 {
  padding-bottom: 10px;
  font-size: 20px;
  color: #8A0829;}
#footer-content strong {
  color: #000;}
#footer-content a {
  color: #000;}
#footer-content a:hover {
  color: #FFF;
  text-decoration: blink;
box-shadow: 2px 2px 2px 2px #000;
border-radius:10px;
transition:all 0.65s ease-in-out;}
.list li {
  margin-bottom: 6px;}
#footer {
	width: 980px;
	margin: 0 auto;
	padding: 0 10px 30px;
	text-align: center;
	color: #000;}
#footer a {color: #000;}
#footer a:hover {
  color: #FFF;
  text-decoration: blink;
box-shadow: 2px 2px 2px 2px #000;
border-radius:10px;
transition:all 0.65s ease-in-out}
#pagination_links
{
width: 1080px;
	height: 180px;
  font-size: 18px;
  text-align: center;
  margin: 0; padding:0;
background: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/main_bottom.jpg) no-repeat bottom;}
#pagination_links span
{
  padding: 6px;
  display: inline-block;
  border: 2px solid #848484;
  margin-top: 2px;
  box-shadow: 2px 2px 2px 2px #FF0040;
  border-radius:10px;
  transition:all 0.65s ease-in-out}
#pagination_links a
{
  padding: 8px;
  background: #848484;
  color: #000;
  display: inline-block;
  margin-top: 2px;
  text-decoration: none;}
#pagination_links a:hover
{
  text-decoration: blink;
  color: #FFF;
  box-shadow: 2px 2px 2px 2px #FF0040;
  border-radius:10px;
  transition:all 0.65s ease-in-out}
/* Kayuh Baimbai Blog Mobile Fitz Freedom */
.post img {
padding:15px; 
background: transparent; 
-moz-transition: all 1s; 
-webkit-transition: all 1s; 
-o-transition: all 1s;}
.post img:hover {
border-radius:20%; 
box-shadow: 10px 10px 10px #FF0040; 
-moz-transition: all 1s; 
-webkit-transition: all 1s; 
-o-transition: all 1s; cursor:pointer;}
.post blockquote{
font:10px trebuchet #FF0040; 
background: #6b5927; 
margin: 0 20px; 
padding: 20px; 
font-size: 0.9em;
border:3px solid #FF0040;}
.post blockquote:hover { 
background: #6b5927; 
margin: 0 20px; 
padding: 20px 20px 10px 45px; 
font-size: 0.9em;
border:3px outset  #FF0040;
box-shadow:10px 10px 10px;} 
.post blockquote p {
margin: 0; 
padding-top: 10px; }/*
.post img{
    transition:all 1.2s ease-out; 
    -o-transition:all 1.2s ease-out; 
    -moz-transition:all 1.2s ease-out; 
    -webkit-transition:all 1.2s ease-out; } 
.post img:hover {
    z-index:99;
    transform:rotate(-10deg) scale(1.4) translate(5px,-3px);  
    -o-transform:rotate(-10deg) scale(1.4) translate(5px,-3px);
    -moz-transform:rotate(360deg) scale(2) translate(1px,-3px); 
    -webkit-transform:rotate(30deg) scale(2) translate(10px,-3px);
    box-shadow: 0 3px 6px rgba(0,0,0,.5);}*/
.post:hover, .thumbnail:hover, #comments h3:hover {
	box-shadow: 2px 2px 2px 2px #FF0040;
        border-radius:10px;
	transition:all 0.65s ease-in-out}
.links:hover, .post .meta:hover {
        transition:all 0.65s ease-in-out;
	box-shadow: 2px 2px 2px 2px #FF0040;
        text-decoration: none;
	border-radius:8px}
/* KOPLAK PAKAI EFFECK HOVER KOPLAK */
#logo .heading a:hover {
  color:#FF0040;
  text-shadow: 2px 2px 2px 2px #FFF;
  transition:all 0.65s ease-in-out}
#menu a:hover {
background: #f2e304;
text-decoration: none;
	color: #000;
transition:all 0.65s ease-in-out;
	font-weight:bold;
text-shadow: 2px 2px 2px 2px #FF0040;}
.post:hover, .thumbnail:hover, #comments h3:hover {
	box-shadow: 2px 2px 2px 2px #FF0040;border-radius:10px;
	transition:all 0.65s ease-in-out}
.links:hover, .post .meta:hover {transition:all 0.65s ease-in-out;
	box-shadow: 2px 2px 2px 2px #FF0040;text-decoration: none;
	border-radius:8px}
#comments {
	max-height: 600px;
	overflow: auto;
	width: 640px;
	margin: 2px 0;
	padding: 8px;
	background: transparent;
	border: none;}
#comments h4 {
	text-align: left;
	border-bottom: 2px inset #000;
	padding-bottom: 15px; 
        color: #000;
        box-shadow: 2px 2px 2px 2px #000;
        border-radius:10px;
	transition:all 0.65s ease-in-out;}
.comment {
	margin:2px 0 8px 0;
	padding:2px;
        background: brown;
	border: 2px solid #000;
	border-radius:10px; 
        color: #fff;
        text-align: left;}
.comment h5 {
	margin:0;
	padding:0;
	text-transform: uppercase;
	font-size:14px; 
        color: #fff;}
.comment p {
	margin:0;
	padding:0;}
.comment p a{
         color: #FFF;}
.comment h5 small {
   display:block;
   padding:0px;
   color: #FFF;
   border-bottom: 4px inset #000;}
.comment a:before {
	content:url(http://kayuhbaimbai.xtgem.com/css/development/comments.png);
	float:left;
	margin-right:1px}
.inp-text {
  width: 400px;
border: 1px solid #000;
border-radius: 8px;
box-shadow: 2px 2px 2px 2px #FF0040;
transition:all 0.65s ease-in-out;}
.inp-textarea {
  width: 400px;
  height: 150px;
box-shadow: 2px 2px 2px 2px #FF0040;
        border-radius:10px;
	transition:all 0.65s ease-in-out;}
/* Tambahan dari si Koplak - Kamu mau Copy...oke silakan kawan..! *//*
body:before{
        content: url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/menu.jpg);
        margin: -10px; padding: 0px;
        height: 102px;
        display: block;
        text-align: left;}*/
#footer:before {
	content:url(http://fitz-freedom.wen.ru/css/mwb/earthlingtwo/red_blog/images/css-desktop-red-blog-2f.gif);
	text-decoration:none;
	color:#000;
	margin-top: 2px;
        font-size: 12px;
        display: block;
        text-align: center;}
.thumbnail{
border: 1px solid #999999 !important;
height:95px !important;
width:95px !important;
margin: 0 5px 0 0 !important;}
/*
Free CSS Red Blog For MyWapBlog
Design by Koplak Kampung
http://www.koplakkampung.blogspot.com
Author Fitz Freedom
Date 04-Juni-2013
http://www.fitzfreedom.mywapblog.com
http://www.kayuhbaimbai.blogspot.com
http://www.fitzfreedom.blogspot.com
From CSS EarthlingTwo MyWapBlog
Released for free under a Creative Fitz Freedom
*/

Created at 2013-06-05 06:40:34

0 Rate up

Star

Back to posts

Comments:

[2015-04-13 04:58:34] KB9REC0GxdY :

Reply / View thread Report spam

HUHU! I was going MAD whith this! I've been trying to fix my code for alsmot a week. Why didn't I just search the web and, why does Firefox do this in the first place? I hate these thing!Anyway, THANK YOU!

[2013-06-15 03:15:52] rampage :

Reply / View thread Report spam

izin pkai yr...?

UNDER MAINTENANCE