Berikut ini css detik mobile yang bisa kawan pelajari, bagi yang ingin membuat theme detik mobile, sila baca artikel saya sebelumnya, klik disini , bagi yang sudah paham, sila pelajari yang ini.

@charset "utf-8";
body {
margin: 0;
padding: 0;
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
}
.l_grey1,
.l_grey1 a {
color: #252425;
text-decoration: none;
}
.l_grey1 a:hover {
color: #000;
text-decoration: underline;
}
.l_grey,
.l_grey a {
color: #666;
text-decoration: none;
}
.l_grey a:hover { text-decoration: underline }
.l_red,
.l_red a {
color: #F00;
text-decoration: none;
}
.l_red:hover { text-decoration: underline }
.l_blue_detik,
.l_blue_detik a {
color: #00F;
text-decoration: none;
}
.l_blue_detik a:hover {
color: #F00;
text-decoration: underline;
}
.l_blue2_detik,
.l_blue2_detik a {
color: #284296;
text-decoration: none;
}
.l_blue2_detik a:hover {
color: #;
text-decoration: underline;
}
.l_blue3_detik,
.l_blue3_detik a {
color: #105598;
text-decoration: none;
}
.l_blue3_detik a:hover {
color: #105598;
text-decoration: underline;
}
.l_yellow_detik,
.l_yellow_detik a {
color: #f5ff88;
text-decoration: none;
}
.l_yellow_detik a:hover {
color: #FFF;
text-decoration: underline;
}
.l_white_detik,
.l_white_detik a {
color: #FFF;
text-decoration: none;
}
.l_white_detik a:hover {
color: #FF0;
text-decoration: underline;
}
.l_red_detik,
.l_red_detik a {
color: #f00;
text-decoration: none;
}
.l_red_detik a:hover {
color: #009;
text-decoration: underline;
}
.l_green_detik,
.l_green_detik a {
color: green;
text-decoration: none;
}
.l_green_detik a:hover {
color: green;
text-decoration: underline;
}
.l_black_detik,
.l_black_detik a {
color: black;
text-decoration: none;
}
.l_black_detik a:hover {
color: black;
text-decoration: underline;
}
.l_orange,
.l_orange a {
color: #F60;
text-decoration: none;
}
.l_orange a:hover {
color: #F60;
text-decoration: underline;
}
.bold { font-weight: bold }
.normal { font-weight: normal }
.italic { font-style: italic }
.clearfix { clear: both }
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
.fl { float: left }
.fr { float: right }
img { border: 0 }
.header {
background: url(f-1076065356bg_header.jpg) bottom repeat-x #f5f5f5;
border-top: 1px solid #f0f0f0;
}
.header .logo {
float: left;
padding-left: 5px;
}
.header .tgl {
float: right;
font-size: .8em;
color: #666;
padding-right: 10px;
padding-top: 20px;
}
.menu {
background: #004083;
padding: 5px;
font-size: 1.15em;
color: #7fa7cf;
text-align: center;
}
.menu a {
color: white;
text-decoration: none;
line-height: 130%;
display: inline-block;
padding: 1px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.menu a.sp { color: yellow }
.menu a:hover {
text-decoration: none;
background: #001e3c;
}
.menu a.rmdn { color: #4de407 }
.menu .selected {
text-decoration: none;
background: #001e3c;
}
.search {
background: #001e3c;
padding: 5px;
text-align: center;
height: 27px;
}
.search_detik {
padding-top: 3px;
margin: auto;
}
.search_detik .input {
background: 0;
font-size: 13px;
font-family: Arial,Helvetica,sans-serif;
background: 0;
border: 0;
width: 85%;
color: #666;
clear: none;
height: 21px;
padding-left: 10px;
float: left;
}
.search_detik form {
width: 300px;
height: 23px;
width: 95%;
background: white;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin: auto;
-moz-box-shadow: inset 0 0 5px #999;
-webkit-box-shadow: inset 0 0 5px #999;
box-shadow: inset 0 0 5px #999;
}
.search_detik .btn {
width: 28px;
height: 23px;
background: 0;
border: 0;
cursor: pointer;
float: right;
background: url(f-1638184697btn_search.gif) no-repeat left center;
}
.search_detik .btn:hover { opacity: .50 }
.foot_menu {
background: #004083;
padding: 5px;
font-size: 1.15em;
color: #7fa7cf;
text-align: center;
}
.foot_menu a {
color: white;
text-decoration: none;
line-height: 130%;
}
.foot_menu a:hover { text-decoration: underline }
.breadcrumb {
padding: 5px 8px;
background: #3794c6;
background: -moz-linear-gradient(top,rgba(55,148,198,1) 0,rgba(15,134,198,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(55,148,198,1)),color-stop(100%,rgba(15,134,198,1)));
background: -webkit-linear-gradient(top,rgba(55,148,198,1) 0,rgba(15,134,198,1) 100%);
background: -o-linear-gradient(top,rgba(55,148,198,1) 0,rgba(15,134,198,1) 100%);
background: -ms-linear-gradient(top,rgba(55,148,198,1) 0,rgba(15,134,198,1) 100%);
background: linear-gradient(top,rgba(55,148,198,1) 0,rgba(15,134,198,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3794c6',endColorstr='#0f86c6',GradientType=0);
color: #CCC;
border-bottom: 2px solid #0071b7;
}
.breadcrumb a {
color: white;
font-weight: bold;
text-decoration: none;
font-size: 1em;
display: inline-block;
}
.breadcrumb a.home {
float: left;
display: block;
padding-right: 5px;
padding-top: 2px;
}
.list_1 {
list-style: none;
padding: 0;
margin: 0;
}
.list_1 li {
padding: 6px 8px;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid white;
}
.list_1 li:hover { background: #f0f0f0 }
.list_1 li .date {
font-weight: normal;
font-size: .75em;
color: #999;
}
.list_1 li h4 {
font-size: .95em;
color: #F00;
}
.list_1 li a {
line-height: 130%;
padding-bottom: 3px;
color: #003164;
text-decoration: none;
font-size: 1em;
}
.list_1 li a:hover {
color: black;
text-decoration: none;
}
.list_1 li.hl {
background: #e5e5e5;
background: -moz-linear-gradient(top,rgba(229,229,229,1) 0,rgba(206,206,206,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(229,229,229,1)),color-stop(100%,rgba(206,206,206,1)));
background: -webkit-linear-gradient(top,rgba(229,229,229,1) 0,rgba(206,206,206,1) 100%);
background: -o-linear-gradient(top,rgba(229,229,229,1) 0,rgba(206,206,206,1) 100%);
background: -ms-linear-gradient(top,rgba(229,229,229,1) 0,rgba(206,206,206,1) 100%);
background: linear-gradient(top,rgba(229,229, 229,1) 0,rgba(206,206,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',endColorstr='#cecece',GradientType=0);
color: white;
padding: 8px;
border-bottom: 1px solid #bfbfbf!important;
}
.list_1 li.hl h4 {
font-size: .9em;
color: red;
}
.list_1 li.hl a {
line-height: 130%;
padding-bottom: 3px;
color: #036;
text-decoration: none;
font-size: 1.1em;
}
.list_1 li.hl a:hover {
color: #000;
text-decoration: none;
}
.list_1 li .pic {
width: 80px;
height: 80px;
float: left;
margin-right: 10px;
padding: 2px;
background: #CCC;
border: 1px solid #CCC;
}
.list_1 li a {
color: #003164;
text-decoration: none;
}
.list_1 li.harilalu {
background: #eaf8ff;
background: -moz-linear-gradient(top,rgba(234,248,255,1) 0,rgba(179,199,211,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(234,248,255,1)),color-stop(100%,rgba(179,199,211,1)));
background: -webkit-linear-gradient(top,rgba(234,248,255,1) 0,rgba(179,199,211,1) 100%);
background: -o-linear-gradient(top,rgba(234,248,255,1) 0,rgba(179,199,211,1) 100%);
background: -ms-linear-gradient(top,rgba(234,248,255,1) 0,rgba(179,199,211,1) 100%);
background: linear-gradient(top,rgba(234,248,255,1) 0,rgba(179,199,211,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf8ff',endColorstr='#b3c7d3',GradientType=0);
text-align: right;
}
.list_1 li.selanjutnya {
background: #eee;
background: -moz-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(238,238,238,1)),color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0);
text-align: right;
}
.list_1 li.selanjutnya:hover,
.list_1 li.harilalu:hover { background: #dedede }
.list_1 li.selanjutnya a,
.list_1 li.harilalu a {
font-size: .9em;
font-weight: bold;
color: #333;
}
.list_1 li.app {
background: #ff3019;
background: -moz-linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,48,25,1)),color-stop(100%,rgba(207,4,4,1)));
background: -webkit-linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);
background: -o-linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);
background: -ms-linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);
background: linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019',endColorstr='#cf0404',GradientType=0);
text-align: center;
color: white;
font-size: .9em;
}
.list_1 li.app a {
color: yellow;
font-weight: bold;
}
.list_1 li.title2 a.btn_kirim {
float: right;
display: inline-block;
padding: 3px 5px;
background: red;
color: white;
font-weight: bold;
font-size: .7em;
}
.list_2 {
list-style: none;
padding: 0;
margin: 0;
}
.list_2 li {
padding: 5px 8px;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid white;
}
.list_2 li .date {
font-weight: normal;
font-size: .75em;
opacity: .7;
}
.list_2 li h4 {
font-size: .95em;
color: #F00;
}
.list_2 li a {
line-height: 130%;
padding-bottom: 3px;
color: #333;
text-decoration: none;
font-size: .9em;
}
.list_2 li a:hover {
color: black;
text-decoration: none;
}
.list_2 li.title {
background: #0053aa;
background: -moz-linear-gradient(top,rgba(0,83,170,1) 0,rgba(0,49,100,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,83,170,1)),color-stop(100%,rgba(0,49,100,1)));
background: -webkit-linear-gradient(top,rgba(0,83,170,1) 0,rgba(0,49,100,1) 100%);
background: -o-linear-gradient(top,rgba(0,83,170,1) 0,rgba(0,49,100,1) 100%);
background: -ms-linear-gradient(top,rgba(0,83,170,1) 0,rgba(0,49,100,1) 100%);
background: linear-gradient(top,rgba(0,83,170,1) 0,rgba(0,49,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0053aa',endColorstr='#003164',GradientType=0);
padding: 4px 8px;
text-transform: uppercase;
border-bottom: 2px solid #00274f;
color: #f5ff88;
font-weight: bold;
}
.list_2 li.title2 {
background: #eee;
background: -moz-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(238,238,238,1)),color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0);
text-transform: uppercase;
border-bottom: 2px solid #d9d9d9;
color: #333;
font-weight: bold;
}
.list_2 li.title2 a.btn_kirim {
float: right;
display: inline-block;
padding: 3px 5px;
background: red;
color: white;
font-weight: bold;
font-size: .7em;
}
.list_2 li.bbc {
background: #a90329;
background: -moz-linear-gradient(top,rgba(169,3,41,1) 0,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(169,3,41,1)),color-stop(44%,rgba(143,2,34,1)),color-stop(100%,rgba(109,0,25,1)));
background: -webkit-linear-gradient(top,rgba(169,3,41,1) 0,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -o-linear-gradient(top,rgba(169,3,41,1) 0,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -ms-linear-gradient(top,rgba(169,3,41,1) 0,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: linear-gradient(top,rgba(169,3,41,1) 0,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329',endColorstr='#6d0019',GradientType=0);
padding: 4px 8px;
text-transform: uppercase;
border-bottom: 2px solid #8b0000;
color: #f5ff88;
font-weight: bold;
}
.list_2 li.aci {
background: #ff3019;
background: -moz-linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,48,25,1)),color-stop(100%,rgba(207,4,4,1)));
background: -webkit-linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);
background: -o-linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);
background: -ms-linea r-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);
background: linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019',endColorstr='#cf0404',GradientType=0);
padding: 4px 8px;
text-transform: uppercase;
border-bottom: 2px solid #ce0000;
color: #f5ff88;
font-weight: bold;
}
.list_2 li.alamat {
background: #f1e767;
background: -moz-linear-gradient(top,rgba(241,231,103,1) 0,rgba(254,182,69,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(241,231,103,1)),color-stop(100%,rgba(254,182,69,1)));
background: -webkit-linear-gradient(top,rgba(241,231,103,1) 0,rgba(254,182,69,1) 100%);
background: -o-linear-gradient(top,rgba(241,231,103,1) 0,rgba(254,182,69,1) 100%);
background: -ms-linear-gradient(top,rgba(241,231,103,1) 0,rgba(254,182,69,1) 100%);
background: linear-gradient(top,rgba(241,231,103,1) 0,rgba(254,182,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1e767',endColorstr='#feb645',GradientType=0);
text-align: center;
}
.list_2 li.alamat h3 {
padding-bottom: 3px;
font-size: .9em;
}
.list_2 li.satu { background: #f0f0f0 }
.list_3 {
padding: 5px 0;
text-align: center;
font-size: .9em!important;
}
.list_3 a {
text-decoration: none;
color: #666;
display: inline-block;
padding: 0 3px;
font-size: 1.1em!important;
}
.list_3 a:hover {
text-decoration: none;
color: #000;
}
.list_3 a span { color: red }
.list_4 {
border-top: 3px solid #ebebeb!important;
padding-bottom: 20px!important;
padding-top: 10px!important;
}
.list_4 a {
display: inline-block;
width: 45%;
padding: 2px 0 2px 5px;
font-size: 1em!important;
}
.list_4 a span { color: #F00 }
.list_info { padding: 0!important }
.list_info:hover { background: none!important }
.list_info a {
display: block;
background: url(f-1127216203bullet_1.png) 5px 10px no-repeat;
padding: 5px 5px 5px 18px;
border-bottom: 1px dotted #CCC;
}
.kursvalas {
background: #fcfff4;
background: -moz-linear-gradient(top,rgba(252,255,244,1) 0,rgba(233,233,206,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(252,255,244,1)),color-stop(100%,rgba(233,233,206,1)));
background: -webkit-linear-gradient(top,rgba(252,255,244,1) 0,rgba(233,233,206,1) 100%);
background: -o-linear-gradient(top,rgba(252,255,244,1) 0,rgba(233,233,206,1) 100%);
background: -ms-linear-gradient(top,rgba(252,255,244,1) 0,rgba(233,233,206,1) 100%);
background: linear-gradient(top,rgba(252,255,244,1) 0,rgba(233,233,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4',endColorstr='#e9e9ce',GradientType=0);
padding: 5px 8px;
font-size: 12px;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #CCC!important;
}
.kursvalas .satu {
width: 95px;
padding: 0 5px;
display: inline-block;
text-align: left;
}
.kursvalas .dua {
width: 30px;
display: inline-block;
}
.kursvalas .input_1 {
width: 90px;
display: block;
padding-top: 2px;
border: 1px solid #bfbfbf;
padding: 2px;
background: white;
}
.kursvalas .submit_1,
.lewatmana .submit_1 {
padding: 3px 5px;
background: red;
color: white;
font-weight: bold;
border: 0;
}
.lewatmana {
background: #eee;
background: -moz-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(238,238,238,1)),color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
background: linear-gradient(top,rgba(238,238,238,1) 0,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0);
padding: 5px 8px 3px 8px;
text-align: center;
border-top: 1px solid #FFF;
border-bottom: 1px solid #b3b3b3;
}
.lewatmana .title {
font-size: .9em;
padding-bottom: 5px;
color: #4c4c4c;
}
.lewatmana img {
padding-bottom: 4px;
text-align: center;
}
.lewatmana select {
display: inline-block;
padding: 2px;
margin-right: 5px;
}
.detail { padding: 8px }
.detail h1 {
color: #004581;
font-size: 1.7em;
padding-bottom: 5px;
line-height: 120%;
}
.detail h1 a {
color: #004581;
text-decoration: none;
}
.detail h2 {
color: #F00;
font-size: 1.4em;
}
.detail .author {
color: #666;
font-size: 1em;
font-weight: bold;
padding-bottom: 2px;
}
.detail .date {
color: #666;
font-size: .8em;
}
.detail .pic {
font-size: 1em;
color: #666;
width: 100%;
padding-bottom: 10px;
margin: 0 auto;
padding-top: 10px;
}
.detail .pic img {
margin: 0 auto;
display: block;
padding-bottom: 4px;
width: 100%;
}
.detail .text_detail {
font-size: 1.2em;
line-height: 130%;
padding-bottom: 15px;
}
.detail .text_detail a {
color: #006;
text-decoration: none;
font-weight: bold;
}
.detail .share {
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
padding: 8px 0;
font-size: 1em;
color: #333;
}
.detail .share a {
color: #039;
font-weight: bold;
text-decoration: none;
display: inline-block;
padding: 0 2px;
}
.detail .komentar {
border-bottom: 1px solid #CCC;
padding: 8px 0;
font-size: 1em;
color: red;
}
.detail .komentar a {
color: red;
font-weight: bold;
text-decoration: none;
display: inline-block;
padding: 0 2px;
}
.detail .bacajuga strong {
display: block;
padding: 10px 0 0 0;
font-size: 1.3em;
}
.detail .bacajuga a {
display: block;
background: url(f-1127216203bullet_1.png) 0 10px no-repeat;
padding: 5px 5px 2px 13px;
color: #036;
text-decoration: none;
font-size: 1.2em;
}
.noti {
display: block;
background: #FF9;
border: 1px solid #FC6;
color: #F00;
text-decoration: none;
text-align: center;
padding: 5px;
font-weight: bold;
margin: 10px 0;
}
.back {
display: block;
background: #cae6e9;
border: 1px solid #CCC;
color: black;
text-decoration: none;
text-align: right;
padding: 5px;
font-weight: bold;
margin: 10px 0;
}
.back:hover { background: #CCC }
.list_komentar {
list-style: none;
margin: 0;
padding: 0;
}
.list_komentar li {
padding: 7px;
color: #333;
font-size: 1.1em;
border-bottom: 1px solid #e6e6e6;
}
.list_komentar li.satu { background: #f0f0f0 }.list_komentar .nama { padding-bottom: 4px }
.list_komentar .nama .icon {
float: left;
margin-right: 3px;
}
.list_komentar .nama strong {
color: red;
font-size: 1.1em;
}
.list_komentar .nama .time {
float: right;
color: #666;
font-size: .9em;
}
.list_komentar .k_element {
color: #036;
font-weight: bold;
padding-top: 4px;
border-top: 1px dotted #e6e6e6;
margin-top: 3px;
}
.list_komentar .k_element a {
color: #036;
text-decoration: none;
}
.list_komentar .pro {
float: right;
display: inline-block;
padding: 2px;
background: #090;
color: white;
font-weight: bold;
font-size: .9em;
}
.list_komentar .kontra {
float: right;
display: inline-block;
padding: 2px;
background: #F00;
color: white;
font-weight: bold;
font-size: .9em;
}
.box_komentar .paging {
background: #e6e6e6;
padding: 6px 8px;
text-align: center;
color: grey;
border-top: 1px solid #CCC;
}
.box_komentar .head {
background: #e6e6e6;
padding: 6px 8px;
text-align: left;
color: red;
border-bottom: 1px solid #CCC;
}
.box_komentar .paging a {
color: black;
text-decoration: none;
font-weight: bold;
}
.kirim_komentar {
background: #f0f0f0;
padding: 10px;
margin-top: 15px;
border-top: 1px solid #CCC;
}
.kirim_komentar strong {
display: block;
padding-bottom: 4px;
font-size: 1.2em;
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
}
.kirim_komentar textarea {
display: block;
margin-top: 3px;
margin-bottom: 5px;
width: 97%;
height: 150px;
background: white;
border: 1px solid #CCC;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
padding: 5px;
}
.kirim_komentar .helo { font-weight: bold }
.kirim_komentar .helo a {
color: #039;
text-decoration: none;
}
.kirim_komentar .submit {
display: block;
padding: 5px 10px;
background: red;
color: white;
font-weight: bold;
border: 0;
margin-top: 5px;
cursor: pointer;
}
.kirim_komentar label { font-size: .9em }
.footer {
background: #eeeded;
text-align: center;
padding-bottom: 10px;
color: #666;
font-size: .9em;
}
.footer a {
color: #333;
text-decoration: none;
}
.footer a:hover { text-decoration: underline }
.foot_1 {
background: #dcdcdc;
padding: 5px;
font-size: 1.2em;
font-weight: bold;
}
.foot_2 {
padding: 5px;
font-size: 1.3em;
font-weight: bold;
}
.foot_3 {
padding-bottom: 5px;
font-size: 1.1em;
}
.paging_1 {
background: #ccf;
text-align: center;
padding: 5px;
}
.paging_1 a {
color: #006;
text-decoration: none;
font-weight: bold;
display: inline-block;
}
.top_banner {
text-align: center;
margin: auto;
padding: 5px 0;
}
.sponsor_1 {
font-size: 11px;
padding: 2px 0;
background: #e5e5e5;
border-bottom: 1px solid #CCC;
text-align: center;
}
.sponsor_1 span {
display: block;
padding-bottom: 3px;
color: #666;
}
.sponsor_1 a {
font-size: 1.3em;
color: green;
font-weight: bold;
text-decoration: none;
}
.sponsor_1 a:hover {
text-decoration: underline;
color: red;
}
.banner_1 { background: #e5e5e5 }
.list_3 .sp {
background: #306;
color: #FFF;
padding: 3px 5px;
border-radius: 5px;
}
.list_3 .sp:hover {
color: white;
background: #309;
}
.kirim_kirim strong { display: block }
.input_1 {
width: 90%;
border: 1px solid #CCC;
padding: 5px;
margin: 2px 0 10px 0;
font-size: 12px;
}
.text_1 {
width: 90%;
height: 50px;
border: 1px solid #CCC;
padding: 5px;
margin: 2px 0 10px 0;
font-size: 12px;
}
.btn_submit {
display: inline-block;
padding: 7px 10px!important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #F00;
color: yellow;
font-weight: bold;
font-size: 12px;
margin-right: 10px;
text-transform: uppercase;
border: 0;
}
.multipage {
text-align: center;
color: #666;
padding: 5px;
font-size: 12px;
margin-top: 10px;
border-top: 1px solid #CCC;
background: #e6e6e6;
}
.multipage2 {
border-top: 0 solid #CCC;
border-bottom: 1px solid #CCC;
}
.multipage .jl {
float: left;
width: 400px;
text-align: left;
font-size: 15px;
color: #666;
font-weight: bold;
padding-top: 5px;
}
.multipage span {
display: inline-block;
padding: 0 5px;
}
.multipage a {
font-family: Arial,Helvetica,sans-serif;
color: #fff;
padding: 5px 8px;
text-decoration: none;
display: inline-block;
font-weight: bold;
border: 1px solid #002b58;
text-shadow: 1px 1px 3px #666;
cursor: pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #004083;
}
.multipage .indeksmulti a {
background: 0;
border: 0;
color: #333;
text-shadow: none;
}
.multipage a:hover { opacity: .8 }
.multipage .lihat_indeks {
background: 0;
display: inline-block;
margin-top: 10px;
text-shadow: 0 0 0 #e6e6e6;
color: #333;
border: 0;
}
.list_multi a {
display: block;
padding: 4px 0;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
color: #004996;
}
.list_multi a:hover { text-decoration: underline }
.btn_login {
display: inline-block;
float: right;
background: #004083;
padding: 5px 8px;
color: white;
font-size: 12px;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 15px 5px 0 0;
}
.btn_login:hover { background: #003 }
.user_login {
float: right;
text-align: right;
padding-right: 5px;
color: #333;
padding-top: 7px;
font-size: 12px;
}
.user_login a {
color: #F00;
text-decoration: none;
font-weight: bold;
display: block;
padding-top: 3px;
}
.user_login a:hover { text-decoration: underline }
.list_pap {
list-style: none;
padding: 0;
margin: 0;
}
.list_pap li {
padding: 5px 8px;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid white;
}
.list_pap .title2 {
background: #704c00!important;
background: -moz-linear-gradient(top,rgba(112,76,0,1) 49%,rgba(102,66,0,1) 50%)!important;
background: -webkit-gradient(linear,left top,left bottom,color-stop(49%,rgba(112,76,0,1)),color-stop(50%,rgba(102,66,0,1)))!important;
background: -webkit-linear-gradient(top,rgba(1 12,76,0,1) 49%,rgba(102,66,0,1) 50%)!important;
background: -o-linear-gradient(top,rgba(112,76,0,1) 49%,rgba(102,66,0,1) 50%)!important;
background: -ms-linear-gradient(top,rgba(112,76,0,1) 49%,rgba(102,66,0,1) 50%)!important;
background: linear-gradient(top,rgba(112,76,0,1) 49%,rgba(102,66,0,1) 50%)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#704c00',endColorstr='#664200',GradientType=0);
!important text-transform: uppercase!important;
border-bottom: 2px solid #d9d9d9!important;
color: #FF0!important;
font-weight: bold!important;
padding: 7px 10px!important;
}
.no_dc { text-decoration: none!important }
.fbold { font-weight: bold }
.f14 { font-size: 14px }
.f20r { font-size: 20px }
.pap ul { margin: 0 0 0 -20px!important }
.papua_2 {
background: url(f1560996006papua_bg2.jpg) repeat-x top #d5b789;
padding: 10px;
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 17px;
text-shadow: 2px 2px 2px #66411c;
}
.btn_p {
background: #F00;
padding: 6px 15px;
color: #FFF;
font-weight: bold;
font-size: 14px;
border: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.btn_p:hover { opacity: .8 }
.mb10 { margin-bottom: 10px }
.footer_banner_jrk { height: 50px }
.footer_banner {
position: fixed;
z-index: 2;
bottom: 0;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
background: #e5e5e5;
}
.multipage {
text-align: center;
color: #666;
padding: 5px;
font-size: 12px!important;
margin-top: 10px;
border-top: 1px solid #CCC;
background: #e6e6e6;
}
.multipage2 {
border-top: 0 solid #CCC;
border-bottom: 1px solid #CCC;
}
.multipage span {
display: inline-block;
padding: 0 5px;
}
.multipage a:hover { opacity: .8 }
.multipage {
background: #e5e5e5;
padding: 0;
margin: 0;
border: 0;
height: 30px;
line-height: 100%;
}
.multipage span {
display: inline-block;
padding-top: 8px;
width: 60%;
}
.multipage a {
border: 0;
border-radius: 0;
width: 15%;
padding: 9px 0!important;
margin: 0;
text-decoration: none;
font-weight: bold;
background: #004088 no-repeat center;
color: white!important;
text-shadow: none;
cursor: pointer;
float: left;
text-align: center;
}
.multipage .indeks_mul {
background: 0;
color: #114d90;
text-shadow: none;
padding: 0;
display: inline-block;
text-decoration: underline;
width: 66%;
margin: 0;
}
.multipage .indeks_mul a {
width: 100%;
background: 0;
color: #606060;
font-weight: bold;
text-decoration: none;
}
.multipage a.fl {
background-image: url(f324412822multi_bg_btn_l.png);
background-position: left;
padding-left: 5px!important;
}
.multipage a.fr {
background-image: url(f329953948multi_bg_btn_r.png);
background-position: right;
float: right;
padding-right: 5px!important;
}
<<<<<<< HEAD .paging_artikel {
background: #ebeaea;
font-size: 14px;
font-weight: bold;
display: inline-block;
}
.paging_artikel span,
.paging_artikel a {
display: inline-block;
float: left;
color: #fff;
}
.paging_artikel span {
margin-right: 10px;
font-weight: bold;
}
.paging_artikel a {
background: #e30000;
text-align: center;
padding: 3px 8px;
text-decoration: none;
color: #fff!important;
}
.paging_artikel a.selected {
background: #e30000;
color: white;
}
.paging_artikel .next {
background: 0;
border-left: 1px solid #dedede;
color: #505050!important;
}
.inline { display: inline-block }
.paging_artikel_bar {
background: #0b417c;
color: #fff;
margin-top: 20px;
}
.paging_artikel_bar span,
.paging_artikel_bar a {
display: inline-block;
padding: 5px 8px;
}
.paging_artikel_bar a {
background: #1863b6;
color: #fff!important;
text-decoration: none;
}
.paging_artikel_bar a.selected { background: #e60707 }
.list_fotostory {
height: 60px;
margin: 10px 0;
overflow: hidden;
text-align: center;
}
.list_fotostory a {
width: 80px;
height: 60px;
overflow: hidden;
margin-right: 5px;
background: #ccc;
display: inline-block;
padding: 0;
text-align: center;
}
.list_fotostory a img {
height: 110%;
width: auto!important;
padding: 0!important;
}