@charset "utf-8"; /* CSS Document */ body{ background-image:url('back.jpg'); color:#000305; font-size:87.5%; font-family:Arial, Helvetica, sans-serif; line-height: :2; text-align:left; } a{ text-decoration:none; } a:link, a:visited{ color:#044476; } a:hover, a:active{ background-color: #003366; color:#FFF; } .body{ margin:0 auto; width:70%; clear:both; /*CLEAR BERFUNGSI UNTUK MERAPIKAN KONTEN SAAT AUTO FIX*/ } .mainHeader img{ width:30%; height:auto; margin:2% 0 } .mainHeader nav{ background-color:#121c46; height:40px; border-radius : 5px; -moz-border-radius : 5px; /*ini untuk mozila*/ -webkit-border-radius : 5px; /*ini untuk webkit*/ } .mainHeader nav ul{ list-style:none; margin: 0 auto; } .mainHeader nav ul li{ float:left; display:inline; } .mainHeader nav a:link, .mainHeader nav a:visited{ color: #fff; display: inline-block; padding:10px 25px; height:20px; } .mainHeader nav a:hover, .mainHeader nav a:active, .mainHeader nav .active a:link, .mainHeader nav .active a:visited{ background-color: #044476; text-shadow:none; } .mainHeader nav ul li a{ border-radius : 5px; -moz-border-radius : 5px; /*ini untuk mozila*/ -webkit-border-radius : 5px; /*ini untuk webkit*/ } .mainContent{ line-height:25px; border-radius : 5px; -moz-border-radius : 5px; /*ini untuk mozila*/ -webkit-border-radius : 5px; /*ini untuk webkit*/ } .content{ width:100%; float:left; } .post-info{ font-style:italic; color:#999; font-size:85%; } .topcontent, .secondcontent, .botomcontent{ background-color:#FFF; border-radius : 5px; -moz-border-radius : 5px; /*ini untuk mozila*/ -webkit-border-radius : 5px; /*ini untuk webkit*/ padding: 3% 5%; margin-top:2%; } .top-sidebar, .middle-sidebar, .botom-sidebar{ width:21%; float:left; background-color:#FFF; border-radius : 5px; -moz-border-radius : 5px; /*ini untuk mozila*/ -webkit-border-radius : 5px; /*ini untuk webkit*/ margin-left:3%; margin-botom:2%; margin-top:1.5%; padding: 2% 3%; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #000036 ; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown:hover .dropdown-content { display: block; color:#FFFFFF; } .desc { padding: 15px; text-align: center; } .mainFooter{ width:100%; height:40px; float:left; border-radius : 5px; -moz-border-radius : 5px; /*ini untuk mozila*/ -webkit-border-radius : 5px; /*ini untuk webkit*/ background-color: #333333; margin-top: 2%; margin-bottom:2%; } .mainFooter p{ width:92%; margin:1% auto; color: #FFF; } @media only screen and (min-width:150px) and (max-width:600px){ .body{ width:90%; font-size:95%; } .mainHeader img{ width:100%; } .mainHeader nav{ height:160px; /*40 kali 4 menu 160*/ } .mainHeader nav ul{ padding-left:0; } .mainHeader nav ul li{ width:100%; text-align:center; } .mainHeader nav a:link, .mainHeader nav a:visited{ padding:10px 25px; height:20px; display:block; /*untuk link warna ungu sampai batas kanan*/ } .content{ width:100%; float:left; margin-top:2%; } .post-info{ display:none;/*untuk menyembunyikan post info */ } .topcontent{ background-color:#fff; border-radius : 5px; -moz-border-radius : 5px; /*ini untuk mozila*/ -webkit-border-radius : 5px; /*ini untuk webkit*/ padding: 3% 5%; margin-top:2%; margin-botom:4%; } .botomcontent{ margin-top:3%; } .top-sidebar, .middle-sidebar, .botom-sidebar{ width:94%; /*94 DARI PADDINGNYA 3*2 -> 100- 6 =94*/ margin-top:2%; margin-left:0%; margin-botom:2%; padding: 2% 3%; } .desc { padding: 15px; text-align: center; } }/* CSS Document */