a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
border: 0;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
color: #000;
}
html {
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
background: #22b4d8;
font: 15px 'Abel', sans-serif;
color: #000000;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, td, th {
font-weight: 400;
text-align: left;
}
blockquote:after, blockquote:before, q:after, q:before {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:active, a:focus, a:hover {
outline: 0;
}
a img {
border: 0;
}
.clearfix {
clear: both;
} .post h2 a:hover, a, a:link {
text-decoration: none;
font-weight: 100;
}
a:hover {
text-decoration: underline;
} h1 {
font-size: 18px;
}
h2, h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
#footer, #main-menu, .Nav, h5, h6 {
font-size: 16px;
}
.related_posts ul, p {
margin: 5px 0;
}
p img {
padding: 0;
} .alignleft {
float: left;
}
#sidebar, .alignright {
float: right;
}
.aligncenter, div.aligncenter {
display: block;
margin: 0 auto;
text-align: center;
}
img.alignleft {
margin: 5px 15px 10px 0;
}
img.alignright {
margin: 5px 0 10px 10px;
}
img.aligncenter {
margin: 10px auto;
} #wrap, .container {
width: 900px;
margin: 0 auto;
}
#wrap {
background: #fff;
}
#main {
float: left;
width: 880px;
padding: 10px;
}
#content {
float: left;
width: 570px;
margin-right: 10px;
}
#sidebar {
width: 300px;
} .post, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
.post {
padding: 10px 0;
overflow: hidden;
border-bottom: 1px solid #efefef;
}
.post:first-child {
border-top: 1px solid #efefef;
}
.post h2 {
font-size: 18px;
line-height: 25px;
margin-bottom: 10px;
}
.post .thumb {
float: left;
width: 100px;
height: 80px;
margin-right: 15px;
}
.post p {
margin: 0;
line-height: 20px;
} .entry img {
max-width: 570px;
}
.entry p {
line-height: 25px;
}
.entry blockquote {
margin: 20px;
padding: 0 30px 0 20px;
overflow: hidden;
border-left: 10px solid #f7f7f7;
}
.entry table, .entry table td, .entry table th {
border: 1px solid #e9e9e9;
}
.entry ol, .entry ul {
margin: 0 0 5px 3em;
}
.entry ol {
list-style-type: decimal;
line-height: 25px;
}
.entry ul {
list-style-type: square;
}
.entry ol ol, .entry ol ul, .entry ul ol, .entry ul ul {
margin: 0 0 0 20px;
}
h1.stitle {
color: #000000;
font-size: 19px;
font-weight: 100;
line-height: 25px;
margin: 10px 0;
}
.entry h2, .entry h3, .entry h4 {
font-size: 17px;
margin: 5px 0;
}
.entry table {
width: 100%;
margin: 1em 0;
border-collapse: collapse;
border-spacing: 0;
}
.entry table th {
padding: 6px 3px;
background: #eee;
text-shadow: 1px 1px #fff;
}
.entry table td {
padding: 6px 10px 3px;
} .social-container {
margin: 15px 0;
width: 100%;
}
.SocialCustomMenu, .related_posts p {
margin: 0;
}
.SocialCustomMenu a, .SocialCustomMenu a:visited, .SocialCustomMenu span {
padding: 5px;
font-size: .95em;
display: inline;
text-decoration: none;
}
.SocialCustomMenu a, .SocialCustomMenu a:visited {
color: #fff !important;
}
.social-container .twitter {
background-color: #000000;
}
.social-container .facebook {
background-color: #3b5998;
}
.social-container .sharetext {
background: #efefef;
color: #333 !important;
} .related_posts {
width: 100%;
margin-top: 15px;
}
.related_posts .thumb {
float: right;
width: 100px;
height: 80px;
margin-right: 10px;
overflow: hidden;
}
.related_posts h3 {
background: #efefef;
font-size: 16px;
padding: 4px 10px;
font-weight: 100;
}
.related_posts ul li {
padding: 1%;
width: 98%;
display: inline-block;
overflow: hidden;
margin-bottom: 5px;
border: 1px solid #efefef;
}
.related_posts h4 {
font-size: 17px;
line-height: 25px;
margin-bottom: 5px;
}
.related_posts .relatedcontent {
float: left;
overflow: hidden;
} .Nav a, .Nav a:visited, .Nav span {
background: #f9f9f9;
}
.Nav {
width: 100%;
margin: 20px 0;
}
.Nav a {
border: 1px solid #ddd;
color: #000 !important;
padding: 6px;
}
.Nav .on, .Nav a:visited, .Nav span {
border: 1px solid #ccc;
}
.Nav a:hover {
background: #dfdfdf;
text-decoration: none;
}
.Nav span {
margin-right: 3px;
padding: 6px 5px;
}
.Nav .on {
background: #dfdfdf;
padding: 6px;
} #sidebar h3.title {
height: 26px;
line-height: 26px;
font-size: 12px;
text-transform: uppercase;
border-bottom: 2px solid #dfdfdf;
}
#sidebar h3.title span {
line-height: 26px;
padding: 0 10px;
color: #000;
font-size: 15px;
}
#sidebar .widget {
margin-bottom: 15px;
}
#sidebar .widget ul {
padding: 5px 0 0;
}
#sidebar .widget ul li {
background: url(//updesa.com/wp-content/themes/Updesa%20Theme/img/list.png) 5px 10px no-repeat;
padding: 4px 4px 4px 15px;
border-bottom: 1px solid #efefef;
}
#sidebar table {
width: 100%;
font-size: 90%;
border: 1px solid #efefef;
border-bottom: none;
border-right: none;
}
#sidebar table td {
padding: 2px 3px;
border-right: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
#sidebar .widget_ads {
margin: 5px 0;
} #footer {
width: 100%;
background: #ffffff;
border-top: 1px solid #e2e2e2;
}
#footer .inner {
float: left;
padding: 10px 15px;
}
#footer .copyright {
float: left;
color: #666;
width: 440px;
}
#footer .copyright a {
color: #666;
}
#footer .menu {
float: right;
width: 430px;
}
#footer .menu ul li {
float: right;
border-left: 1px solid #ccc;
padding: 0 10px;
}
#footer .menu ul li:last-child, #main-menu .main-menu li li, #main-menu .main-menu li li:first-child {
border: none;
}
#footer .menu ul li a {
line-height: 15px;
font-weight: 700;
text-transform: capitalize;
color: #666;
}
#footer .menu ul li a:hover {
text-decoration: none;
color: #666;
} nav select {
display: none;
border: 1px solid #dfdfdf;
padding: 3px;
font: 15px 'Abel', sans-serif;
}
#main-menu {
width: 100%;
height: 35px;
border-bottom: 2px solid #dfdfdf;
border-top: 1px solid #dfdfdf;
font-weight: 700;
text-align: center;
overflow: hidden;
}
#main-menu .ihome {
float: left;
margin: 5px 10px;
display: inline;
}
#main-menu .main-menu {
padding: 9px 0;
text-align: left;
}
#main-menu .main-menu ul {
width: 100%;
}
#main-menu .main-menu li {
float: left;
border-right: 1px solid #002aff;
}
#main-menu .main-menu li a {
color: #002aff;
padding: 0 12px;
font-weight: 100;
text-transform: uppercase;
display: inline-block;
}
#main-menu .main-menu li a:hover {
text-decoration: none;
color: #ccc;
}
#main-menu .main-menu li.current-menu-item a, #main-menu .main-menu li.current-post-parent a {
color: #ccc;
} #main-menu .main-menu li li a, #main-menu .main-menu li li a:link, #main-menu .main-menu li li a:visited {
background: #dfdfdf;
color: #000;
position: relative;
text-transform: uppercase;
width: 138px;
line-height: 32px;
padding: 0 10px;
border-bottom: 1px solid #bbb;
}
#main-menu .main-menu li li a:hover {
background-color: inherit;
}
#main-menu .main-menu li ul {
height: auto;
left: -9999px;
position: absolute;
width: 160px;
z-index: 9999;
margin: 0;
padding-top: 14px;
}
#main-menu .main-menu li ul a {
width: 140px;
}
#main-menu .main-menu li ul ul {
margin: -33px 0 0 159px;
}
#main-menu .main-menu li:hover > ul {
left: auto;
} h3.reply-title {
background: #efefef;
font-size: 14px;
padding: 5px 10px;
} .breadcrumbs {
background: #f7f7f7;
width: 550px;
font-size: 13px;
padding: 2px 10px;
text-transform: capitalize;
font-weight: 100;
} .wp-caption, .wp-caption img, p img {
max-width: 100%;
}
.wp-caption {
text-align: center;
border-bottom: 1px solid #dadada;
background-color: #fff;
padding-top: 5px;
margin-bottom: 10px !important;
}
.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 18px;
padding: 0 4px 5px;
margin: 0;
} .entry .post-meta {
font-size: 15px;
color: #474747;
margin-top: 0px;
margin-bottom: 5px;
display: block;
font-style: normal;
line-height: 55px;
}
.entry .post-meta span {
margin-right: 5px;
}
.entry .post-meta a {
color: #000;
}
.updated-news {
font-size: 15px;
color: #474747;
font-style: normal;
} .floating-ad-container {
position: fixed;
bottom: 40vh;
right: 0;
z-index: 1000000000;
transform-origin: right center;
width: 336px;
transform: scale(0.70);
height: auto !important;
text-align: center;
}
.close-button {
position: absolute;
top: -10px;
left: -10px;
width: 25px;
height: 25px;
z-index: 1;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 18px;
color: #000;
}
.svg {
display: inline-block;
height: auto;
max-width: 100%;
vertical-align: top;
} .responsive-iframe {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.responsive-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .dokumen-unduhan {
list-style: none;
padding: 0;
text-align: center;
margin: 20px auto;
}
.dokumen-unduhan li {
margin: 30px 0;
}
.dokumen-unduhan a {
text-decoration: none;
color: #002aff;
font-weight: bold;
padding: 10px 15px;
background-color: #f1f1f1;
border: 1px solid #ddd;
border-radius: 5px;
transition: all 0.3s ease;
}
.dokumen-unduhan a:hover {
background-color: #002aff;
color: #fff;
border-color: #0056b3;
} @media only screen and (max-width: 769px) {
#main, #wrap {
width: 96%;
}
img, object, video {
max-width: 100%;
height: auto;
}
#main {
padding: 2%;
}
#footer, #mainmenu {
width: 100%;
}
#content {
margin: 0 2% 0 0;
width: 60%;
}
#content img {
max-width: 100%;
}
#sidebar {
width: 38%;
}
.breadcrumbs, .wp-caption {
width: 95%;
}
}
@media only screen and (max-width: 600px) {
#footer .menu ul li, #footer .menu ul li:first-child {
float: left;
border-right: 1px solid #ccc;
border-left: none;
}
#footer .copyright, #footer .menu, #main, #mainmenu, #wrap, .entry, .wp-caption {
width: 100%;
}
#main {
padding: 0;
}
#footer .menu ul li:first-child {
padding-left: 0;
}
#content, #footer, #sidebar, .breadcrumbs {
width: 96%;
padding: 0 2%;
margin: 0;
}
.breadcrumbs {
margin-top: 10px;
}
.related_posts ul li {
width: 96%;
padding: 2%;
}
#fb-comments, nav ul {
display: none;
}
nav select {
display: inline-block;
width: 300px;
height: 25px;
margin: 5px 0;
overflow: hidden;
background: #ffffff;
float: none;
font-size: 14px;
}
.iklan {
margin-top: 15px;
margin-bottom: 15px;
}
}