body { background: rgba(243,226,199,1); background: -moz-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(182,141,76,1) 0%, rgba(193,158,103,1) 27%, rgba(233,212,179,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,226,199,1)), color-stop(0%, rgba(182,141,76,1)), color-stop(27%, rgba(193,158,103,1)), color-stop(100%, rgba(233,212,179,1))); background: -webkit-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(182,141,76,1) 0%, rgba(193,158,103,1) 27%, rgba(233,212,179,1) 100%); background: -o-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(182,141,76,1) 0%, rgba(193,158,103,1) 27%, rgba(233,212,179,1) 100%); background: -ms-linear-gradient(top, rgba(243,226,199,1) 0%, rgba(182,141,76,1) 0%, rgba(193,158,103,1) 27%, rgba(233,212,179,1) 100%); background: linear-gradient(to bottom, rgba(243,226,199,1) 0%, rgba(182,141,76,1) 0%, rgba(193,158,103,1) 27%, rgba(233,212,179,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=0 ); font-family: 'Roboto', sans-serif; } .container{ width:70%; background:white; padding:0; } .heading1{ background:#30231C; padding: 32px; } h1{ font-size: 22px; margin-top: 15px; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; font-family: "Lustria",Georgia,"URW Bookman L",serif; } h1:hover{ white-space: normal; } h2{ font-family: 'Italianno', cursive; font-size: 29pt; margin-top: -14px; padding-bottom: 16px; } h2 a,h2 a:hover,h2 a:focus{ color:#fff; } h3{ font-size: 19px; font-weight: 400; font-family: "Lustria",Georgia,"URW Bookman L",serif; } h3 a{ color:#30231C; } h4{ font-weight: 400; margin-top: 22px; } a,h3 a:hover{ color:#C33; } a:hover, a:focus{ color:#30231C; text-decoration:none; } .image{ float:left; padding-right: 25px; } ul li, .aside li{ list-style-type:none; } .rel-img{ display: table; position: relative; float: left; margin: 3px 5px 9px 0px; } .rel-img img{ width: 144px; height: 211px; } .related{ margin: 2% auto; } table{ margin-bottom: 23px; } table > tbody >tr { border-top:1px solid rgba(48,35,28,0.11); line-height: 25px; } table > tbody >tr > td{ padding-right:10px; } .bold{ font-weight:500; } .navigasi ul li{ position: relative; float: left; padding: 9px; font-family: "Lustria",Georgia,"URW Bookman L",serif; font-size:13px; } .navigasi ul li a{ color:#BAA694; display: inline-block; } .navigasi ul{ margin-bottom: -1px; display: inline-block; } .lines{ border-bottom: 7px solid #30231C; margin-bottom: 5px; margin-top: 6px; } .hr{ margin-bottom: 14px; margin-top: 6px; border-bottom: 1px solid rgba(48,35,28,0.11);} .dotted{ border-bottom: 1px dotted rgba(48,35,28,0.4); } .dotted{ margin-bottom: 5px; margin-top: 6px; } p{ font-size: 13px; text-align:justify; line-height: 21px; } .aside{ padding:0; font-size:12px;} .aside li{ border-bottom:1px dotted rgba(48,35,28,0.4); margin-bottom: 10px; } .fa{ font-size:10px; margin-right:2px; } .foot{ background:#30231C; margin-top: 42px;} .foot p{ text-align:center; padding: 7px; color:#fff; } .tags{ margin-bottom:17px; } .i-tags, .bread{font-size:9pt;} .bread{ background:#E7E7E7; padding:1px; } .hrh{ margin-bottom: 13px; margin-top: 5px; border-bottom: 3px solid rgba(48,35,28,0.83); } .user img{ margin-right: 10px; width:14%; float:left; position:relative; display:block; margin-top: 18px;} .contn{display: table;} @media (max-width: 767px) { .container{ width:100%; } }