/*
Simple Man
Kunjungi :
www.dzikrulloh.com
*/ body {
background :#f0f0f1;
color :#222;
font-family :"Trebuchet MS",
Arial, Helvetica, sans-serif;
font-size :12px; margin :auto;
max-width :720px;
word-wrap :break-word;
padding :0;
}
body img { max-width :80%;
max-height :80%;
}
h1 {
font-size :25px;
} h2 {
font-size :20px;
}
h3 {
font-size :20px;
color :#fff; }
h4 {
font-size :15px;
}
h5 {
font-size :15px; }
h6 {
font-size :12px;
}
a {
color :#276399; text-decoration :none;
}
a:hover {
text-decoration :none;
}
a.no-link, a.no-link:hover { color :#fff;
text-decoration :none;
}
#header {
background :#276399 url()
center center no-repeat; margin :0;
padding :0;
text-align :left;
overflow :hidden;
}
#header .heading { margin :0;
padding :6px;
text-decoration :none;
overflow :hidden;
}
#header .heading a { color :#fff;
font-weight :bold;
overflow :hidden;
text-decoration :none;
text-shadow :0 1px 1px #333;
} #header .description {
color :#ddd;
margin :0;
font-size :10px;
overflow :hidden;
padding :0 6px 6px; font-weight :normal;
width :100%;
}
#navigation {
overflow :hidden;
background :#333; border-top :1px solid #000;
text-align :center;
margin :0;
padding :6px;
}
#navigation span { border-right :1px solid #111;
border-left :none;
margin :0;
text-align :center;
padding :0;
display :inline-block; width :28%;
font-weight :bold;
}
#navigation span + span {
border-left :1px solid #444;
border-right :1px solid #111; }
#navigation span + span +
span {
border-left :1px solid #444;
border-right :none;
} #navigation span a {
color :#eee;
padding :2px;
margin :0;
display :inline-block;
text-decoration :none; width :95%;
}
#navigation span + span +
span a {
content : "Menu";
} #top-content {
background :#ddd;
border-bottom :1px solid #
fff;
margin :0;
padding :6px; text-align :center;
}
#search-form [type="text"] {
width :67%;
background :#f0f0f0;
padding :4px 2px; color :#222;
border :1px solid #ccc;
}
#search-form
[type="submit"] {
width :24%; border :1px solid #ccc;
padding :4px 3px;
background :#276399;
color :#eee;
}
#content { border-top :1px solid #ccc;
border-bottom :1px solid #
ccc;
margin :0;
padding :6px 0 0;
} .post, .post-single {
background :#fff;
margin :0 6px 6px;
padding :0;
font-size :12px;
border :1px solid #ccc; text-align :justify;
font-size :12px;
padding :6px;
position :relative;
}
.thumbnail { background :#fffffe !
important;
border :1px solid #deffbd !
important;
margin :6px !important;
width :50px !important; height :55px !important;
padding :0 !important;
position :absolute;
top :0;
left :0;
right :0; }
.post:before {
position :absolute;
top :0;
left :0;
right :0; width :50px;
height :55px;
margin :6px;
padding :0;
content :"";
background :#fffffe url (http://
eko27.mywapblog.com/files/
thumb2.png) center no-
repeat;
border :1px solid #deffbd;
background-size :100% 100% ;
}
.post-meta {
color :#888;
font-size :12px;
margin :0; padding :0 0 5px 0;
}
.post .post-meta {
padding :0 0 5px 59px;
}
.post-meta .title { color :#0b2064;
font-weight :normal;
margin :0;
padding :0;
}
.post-meta .categories { border-top :3px double #
ddd;
border-bottom :3px double #
ddd;
color :#222;
font-size :10px; margin :4px 0;
padding :4px 0;
}
.post-content, .post-
single .post-content {
overflow-wrap :break-word; margin :auto;
text-align :justify;
}
.post .post-content {
overflow :hidden;
margin :auto; font-size :0;
height :0;
}
.post-meta2 {
margin :0;
padding :5px 0 0 59px; text-align :left;
}
.post-meta2 a {
color :#fccd00;
margin :0;
padding :0; }
.post-meta2 span {
content : "Comment ";
}
#share-buttons:before {
content : "Share : "; }
#share-buttons {
border-top :3px double #
ddd;
text-align :right;
padding :6px; margin :4px 0;
}
#share-buttons a:first-child {
content :url(http://
eko27.mywapblog.com/files/
facebook.png); margin :3px;
}
#share-buttons a:last-child {
content :url(http://
eko27.mywapblog.com/files/
twitter.png); margin :3px;
}
#comments {
margin-bottom :6px;
padding :0;
text-align :left; }
#comments h4 {
background :#ccc;
border :1px solid #fff;
margin :6px;
padding :6px; text-align :center;
}
#comments h5 {
border-bottom :1px solid #
ccc;
margin :0; padding :6px;
text-align :center;
}
.comment {
background :#dde1e4;
margin :9px 6px; padding :6px;
border-left :5px solid #
a7aeb8;
position :relative;
}
.comment:before { background :none;
position :absolute;
left :-15px;
top :25px;
content :' ';
height :0; width :0;
display :block;
margin :0 auto;
padding :0;
border-width :5px;
border-style :solid; border-color :transparent #
a7aeb8 transparent
transparent;
z-index :1;
}
.comment-content { margin :auto;
padding :0;
overflow-wrap :break-word;
}
#comments .comment .
comment-header { font-size :12px;
color :#888;
padding :0;
}
#comments .comment .
comment-header .title { border : none !important;
color :#0b2064;
font-weight :normal;
margin : 0 !important;
padding : 0 !important;
text-align :left !important; }
#comments .comment .
comment-header .title a {
padding :0 5px 0 0;
text-decoration :none;
font-weight :bold; }
#comments .comment .
comment-left-content .date {
color :#888;
margin :0;
padding :0; text-align :right;
}
#comment_form {
background :#fff;
border :#ccc solid 1px;
margin :6px; padding :6px;
text-align :center;
}
#comments form textarea {
color :#222;
width :80%; margin :2px 0;
padding :2px;
height :85px;
}
#comments form
[type="text"] { color :#222;
width :80%;
margin :2px 0;
padding :2px;
}
#comments form [type="submit"] {
color :#222;
padding :2px;
margin-top :4px;
width :80%;
} #pagination-links {
background :#ddd;
border-top :1px solid #fff;
margin :0;
padding :4px;
text-align :center; font-size :12px;
}
#pagination-links span {
padding :4px;
margin :2px 0;
display :inline-block; color :#fff;
content :'...';
width :20%;
}
#pagination-links a {
display :none; padding :4px;
margin :2px;
background :#276399;
border :1px solid #fff;
color :#fff;
width :20%; }
#pagination-links a:first-
child {
display :inline-block;
content :"Prev";
float :left; }
#pagination-links a:last-
child {
display :inline-block;
content :"Next";
float :right; }
#pagination-links:after {
display :block;
content :"";
clear :both;
} #bottom-content {
border-bottom :1px solid #
ccc;
font-size :12px;
}
ol,ul { background: #fff;
border :1px solid #ccc;
margin :6px 6px 0;
padding: 0;
}
li{ margin :0 2px;
padding :6px;
border-bottom :1px solid #
eee;
list-style :none;
} li:last-child {
border-bottom :0;
}
h3, #following-list h4, #
recent-posts-list h4 {
margin :0; background :url(http://
eko27196.wen.ru/Eko27/
Mobnet/H3.png) #333;
background-size :100% 100%
;
color :#fff; padding :8px;
text-align :left;
text-shadow :-1px 0 #222, 0
1px #222,1px 0 #222, 0 -1px #
222;
} #navigation-menu h3 a {
color :#fff;
text-shadow :-1px 0 #222, 0
1px #222,1px 0 #222, 0 -1px #
222;
} #category-bottom, #blogroll
{
margin-bottom :6px;
}
#navigation-menu ul {
border :none; margin :0;
padding :0;
}
#navigation-menu li {
background: #f0f0f0;
border-top :1px solid #fff; border-bottom :1px solid #
ddd;
margin :0;
}
#category-bottom li {
text-align :right; }
#category-bottom li a {
float :left;
}
#recent-posts-list li, #
blogroll_list li { list-style :inside decimal;
}
#blogroll li a:before {
content :url(http://
eko27196.wen.ru/img/li.png)
; margin-left :5px;
float :right;
}
#following-list li a:before {
content :url(http://
eko27196.wen.ru/img/li.png) ;
margin-right :5px;
float :left;
}
#recent-posts-list, #
following-list, #blogroll_list { margin :0 -6px;
}
#recent-posts-list ul, #recent-
posts-list ol, #following-list
ul, #following-list ol, #
blogroll_list ul, #blogroll_list ol {
border :none;
margin :0;
padding :0;
}
#footer { background :#ddd;
border-top :#fff solid 1px;
text-align :center;
font-size :12px;
color :#222;
padding :6px; position :relative;
}
#footer #powered-by {
padding :0;
margin : 0;
line-height :8px; }
#powered-by a { content : "
DJ TAPASH"; }
#footer h6:before {
color :#0b2064;
content :""; }
#footer span {
border :none !important;
color :#0b2064 !important;
background :transparent !
important; }
#footer img {
content :none !important;
}
.highlight, .messages {
background :#276399; border :1px solid #fff;
text-align :center;
margin :6px;
padding :6px;
color :#fff;
text-shadow :none; }
#bottom-content ul li h3 {
background :#444;
margin :-6px;
text-shadow :-1px 0 #222, 0
1px #222,1px 0 #222, 0 -1px # 222;
}
.comment sub {
color :green;
vertical-align :baseline;
} .comment sup {
color :blue;
vertical-align :baseline;
}
.post-content textarea {
background :#f5f5f5; border :1px solid #c5c5c5;
border-left :15px solid #
c5c5c5;
}
.post-content h2, .post-
content h5 { background :#eee;
border :1px solid #ddd;
margin :4px;
padding :4px;
text-align :center;
} .post-content h4, .post-
content h6 {
background :#ddd;
border :1px solid #ccc;
margin :4px;
padding :4px; text-align :center;
}
.post-content ul, .post-
content ol {
border :none;
margin :0; padding-bottom :6px;
}
.post-content li {
margin :0;
border-bottom :1px dotted #
ccc; }
.post-content form textarea {
width :85%;
margin :2px 0;
padding :2px;
height :150px; }
.post-content form
[type="text"] {
width :70%;
margin :2px 0;
padding :2px; }
.post-content form
[type="submit"] {
padding :2px;
margin-top :4px;
width :70%; } /* MORE */ .more {
border :1px solid #ccc !
important;
padding :0px;
}
.more ul { background :#fff;
margin :0;
padding :0;
border :0;
}
.more li { background :none !
important;
border-top :0 !important;
border-bottom :1px solid #
ddd !important;
margin :0 2px !important; }
.more2 {
text-align :right;
margin :5px 0 5px 5px;
padding :5px;
} .more2 a {
background :#276399;
color :#fff !important;
padding: 5px !important;
border :1px solid #fff !
important; margin :0 !important;
} /* RESPONSIVE */ @media only screen and
(min-width: 480px) {
.thumbnail {
width :120px !important;
height :55px !important;
} .post:before {
width :120px;
height :55px;
}
.post .post-meta {
padding :0 0 5px 129px; }
.post-meta2 {
margin :0;
padding :5px 0 0 129px;
text-align :left;
} } @media only screen and
(max-width: 240px) {
.thumbnail {
width :40px !important;
height :50px !important;
} .post:before {
width :40px;
height :50px;
}
.post .post-meta {
padding :0 0 5px 59px; }
.post-meta2 {
margin :0;
padding :5px 0 0 59px;
text-align :left;
} } @media only screen and
(max-width: 320px) {
.thumbnail {
width :45px !important;
height :55px !important;
} .post:before {
width :45px;
height :55px;
}
.post .post-meta {
padding :0 0 5px 64px; }
.post-meta2 {
margin :0;
padding :5px 0 0 64px;
text-align :left;
} }