.row { width: 100%; margin: 0 auto; overflow: hidden; } .thre { width:22.916666666666664% } .six { width:47.91666666666667% } .six, .thre { display:inline; float:left; margin:0 1.0416666666666665% } img { max-width:100% } .lcolor{ margin-top:15px; } .garis { box-shadow:1px 2px 2px #999; } .gede { font-size:1.4em; font-weight:normal; line-height:1.3em; font-family:helvetica, arial, sans-serif; } .clear { clear:both; overflow:hidden; margin-bottom:20px; } .admin_wrap { padding-left:20px; margin-left:-20px; padding-top:20px; padding-right:15px; } html{ background: url(../images/bg_k.png); } .clear{ margin:0; } .button-floating{ position:fixed; top:60%; right:0; bottom:0; } .input-floating{ padding:6px 25px 6px 25px; cursor:pointer; background:#123456 !important; color:#ffffff !important; border-top-left-radius: 17px !important; border-bottom-left-radius: 17px !important; } .input-floating:hover{ background:#900 !important; color:#ffffff !important; } a{ text-decoration:none } /* =Buttons (Colors) -------------------------------------------------------------- */ .blue,.red,.orange,.green,.purple,.brick,.brown,.gold,.pink,.silver,.gray,.black { border-radius:25px; font-size:18px; padding:10px 20px; width:120px; margin-left:30px; margin-top:-30px; margin-bottom:20px; text-align:center; } .blue { background-color:#4682b4; background-image:-webkit-gradient(linear, left top, left bottom, from(#5fb0f4), to(#4682b4)); background-image:-webkit-linear-gradient(top, #5fb0f4, #4682b4); background-image:-moz-linear-gradient(top, #5fb0f4, #4682b4); background-image:-ms-linear-gradient(top, #5fb0f4, #4682b4); background-image:-o-linear-gradient(top, #5fb0f4, #4682b4); background-image:linear-gradient(top, #5fb0f4, #4682b4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5fb0f4, endColorstr=#4682b4); border:1px solid #386890; color:#fff; text-shadow:0 1px 0 #386890; } .blue:hover { background-color:#4682b4; background-image:-webkit-gradient(linear, left top, left bottom, from(#4682b4), to(#4682b4)); background-image:-webkit-linear-gradient(top, #4682b4, #4682b4); background-image:-moz-linear-gradient(top, #4682b4, #4682b4); background-image:-ms-linear-gradient(top, #4682b4, #4682b4); background-image:-o-linear-gradient(top, #4682b4, #4682b4); background-image:linear-gradient(top, #4682b4, #4682b4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4682b4, endColorstr=#4682b4); border:1px solid #386890; color:#fff; text-shadow:0 1px 0 #386890; } .red { background-color:#b22222; background-image:-webkit-gradient(linear, left top, left bottom, from(#ed2e2e), to(#b22222)); background-image:-webkit-linear-gradient(top, #ed2e2e, #b22222); background-image:-moz-linear-gradient(top, #ed2e2e, #b22222); background-image:-ms-linear-gradient(top, #ed2e2e, #b22222); background-image:-o-linear-gradient(top, #ed2e2e, #b22222); background-image:linear-gradient(top, #ed2e2e, #b22222); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ed2e2e, endColorstr=#b22222); border:1px solid #8e1b1b; color:#fff; text-shadow:0 1px 0 #8e1b1b; } .red:hover { background-color:#b22222; background-image:-webkit-gradient(linear, left top, left bottom, from(#b22222), to(#b22222)); background-image:-webkit-linear-gradient(top, #b22222, #b22222); background-image:-moz-linear-gradient(top, #b22222, #b22222); background-image:-ms-linear-gradient(top, #b22222, #b22222); background-image:-o-linear-gradient(top, #b22222, #b22222); background-image:linear-gradient(top, #b22222, #b22222); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b22222, endColorstr=#b22222); border:1px solid #8e1b1b; color:#fff; text-shadow:0 1px 0 #8e1b1b; } .orange { background-color:#ff8C00; background-image:-webkit-gradient(linear, left top, left bottom, from(#fdc37d), to(#ff8C00)); background-image:-webkit-linear-gradient(top, #fdc37d, #ff8C00); background-image:-moz-linear-gradient(top, #fdc37d, #ff8C00); background-image:-ms-linear-gradient(top, #fdc37d, #ff8C00); background-image:-o-linear-gradient(top, #fdc37d, #ff8C00); background-image:linear-gradient(top, #fdc37d, #ff8C00); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdc37d, endColorstr=#ff8C00); border:1px solid #cc7000; color:#fff; text-shadow:0 1px 0 #cc7000; } .orange:hover { background-color:#ff8C00; background-image:-webkit-gradient(linear, left top, left bottom, from(#ff8C00), to(#ff8C00)); background-image:-webkit-linear-gradient(top, #ff8C00, #ff8C00); background-image:-moz-linear-gradient(top, #ff8C00, #ff8C00); background-image:-ms-linear-gradient(top, #ff8C00, #ff8C00); background-image:-o-linear-gradient(top, #ff8C00, #ff8C00); background-image:linear-gradient(top, #ff8C00, #ff8C00); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8C00, endColorstr=#ff8C00); border:1px solid #cc7000; color:#fff; text-shadow:0 1px 0 #cc7000; } .green { background-color:#2e8b57; background-image:-webkit-gradient(linear, left top, left bottom, from(#46d686), to(#2e8b57)); background-image:-webkit-linear-gradient(top, #46d686, #2e8b57); background-image:-moz-linear-gradient(top, #46d686, #2e8b57); background-image:-ms-linear-gradient(top, #46d686, #2e8b57); background-image:-o-linear-gradient(top, #46d686, #2e8b57); background-image:linear-gradient(top, #46d686, #2e8b57); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#46d686, endColorstr=#2e8b57); border:1px solid #256f46; color:#fff; text-shadow:0 1px 0 #256f46; } .green:hover { background-color:#2e8b57; background-image:-webkit-gradient(linear, left top, left bottom, from(#2e8b57), to(#2e8b57)); background-image:-webkit-linear-gradient(top, #2e8b57, #2e8b57); background-image:-moz-linear-gradient(top, #2e8b57, #2e8b57); background-image:-ms-linear-gradient(top, #2e8b57, #2e8b57); background-image:-o-linear-gradient(top, #2e8b57, #2e8b57); background-image:linear-gradient(top, #2e8b57, #2e8b57); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2e8b57, endColorstr=#2e8b57); border:1px solid #256f46; color:#fff; text-shadow:0 1px 0 #256f46; } .purple { background-color:#9932cc; background-image:-webkit-gradient(linear, left top, left bottom, from(#d481fd), to(#9932cc)); background-image:-webkit-linear-gradient(top, #d481fd, #9932cc); background-image:-moz-linear-gradient(top, #d481fd, #9932cc); background-image:-ms-linear-gradient(top, #d481fd, #9932cc); background-image:-o-linear-gradient(top, #d481fd, #9932cc); background-image:linear-gradient(top, #d481fd, #9932cc); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d481fd, endColorstr=#9932cc); border:1px solid #7a28a3; color:#fff; text-shadow:0 1px 0 #7a28a3; } .purple:hover { background-color:#9932cc; background-image:-webkit-gradient(linear, left top, left bottom, from(#9932cc), to(#9932cc)); background-image:-webkit-linear-gradient(top, #9932cc, #9932cc); background-image:-moz-linear-gradient(top, #9932cc, #9932cc); background-image:-ms-linear-gradient(top, #9932cc, #9932cc); background-image:-o-linear-gradient(top, #9932cc, #9932cc); background-image:linear-gradient(top, #9932cc, #9932cc); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9932cc, endColorstr=#9932cc); border:1px solid #7a28a3; color:#fff; text-shadow:0 1px 0 #7a28a3; } .pink { background-color:#ff69b4; background-image:-webkit-gradient(linear, left top, left bottom, from(#fcb8da), to(#ff69b4)); background-image:-webkit-linear-gradient(top, #fcb8da, #ff69b4); background-image:-moz-linear-gradient(top, #fcb8da, #ff69b4); background-image:-ms-linear-gradient(top, #fcb8da, #ff69b4); background-image:-o-linear-gradient(top, #fcb8da, #ff69b4); background-image:linear-gradient(top, #fcb8da, #ff69b4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcb8da, endColorstr=#ff69b4); border:1px solid #cc5490; color:#fff; text-shadow:0 1px 0 #cc5490; } .pink:hover { background-color:#ff69b4; background-image:-webkit-gradient(linear, left top, left bottom, from(#ff69b4), to(#ff69b4)); background-image:-webkit-linear-gradient(top, #ff69b4, #ff69b4); background-image:-moz-linear-gradient(top, #ff69b4, #ff69b4); background-image:-ms-linear-gradient(top, #ff69b4, #ff69b4); background-image:-o-linear-gradient(top, #ff69b4, #ff69b4); background-image:linear-gradient(top, #ff69b4, #ff69b4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff69b4, endColorstr=#ff69b4); border:1px solid #cc5490; color:#fff; text-shadow:0 1px 0 #cc5490; } .brick { background-color:#ff6347; background-image:-webkit-gradient(linear, left top, left bottom, from(#fcad9f), to(#ff6347)); background-image:-webkit-linear-gradient(top, #fcad9f, #ff6347); background-image:-moz-linear-gradient(top, #fcad9f, #ff6347); background-image:-ms-linear-gradient(top, #fcad9f, #ff6347); background-image:-o-linear-gradient(top, #fcad9f, #ff6347); background-image:linear-gradient(top, #fcad9f, #ff6347); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fcad9f, endColorstr=#ff6347); border:1px solid #cc4f39; color:#fff; text-shadow:0 1px 0 #cc4f39; } .brick:hover { background-color:#ff6347; background-image:-webkit-gradient(linear, left top, left bottom, from(#ff6347), to(#ff6347)); background-image:-webkit-linear-gradient(top, #ff6347, #ff6347); background-image:-moz-linear-gradient(top, #ff6347, #ff6347); background-image:-ms-linear-gradient(top, #ff6347, #ff6347); background-image:-o-linear-gradient(top, #ff6347, #ff6347); background-image:linear-gradient(top, #ff6347, #ff6347); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6347, endColorstr=#ff6347); border:1px solid #cc4f39; color:#fff; text-shadow:0 1px 0 #cc4f39; } .gold { background-color:#daa520; background-image:-webkit-gradient(linear, left top, left bottom, from(#fbd577), to(#daa520)); background-image:-webkit-linear-gradient(top, #fbd577, #daa520); background-image:-moz-linear-gradient(top, #fbd577, #daa520); background-image:-ms-linear-gradient(top, #fbd577, #daa520); background-image:-o-linear-gradient(top, #fbd577, #daa520); background-image:linear-gradient(top, #fbd577, #daa520); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbd577, endColorstr=#daa520); border:1px solid #ae841a; color:#fff; text-shadow:0 1px 0 #ae841a; } .gold:hover { background-color:#daa520; background-image:-webkit-gradient(linear, left top, left bottom, from(#daa520), to(#daa520)); background-image:-webkit-linear-gradient(top, #daa520, #daa520); background-image:-moz-linear-gradient(top, #daa520, #daa520); background-image:-ms-linear-gradient(top, #daa520, #daa520); background-image:-o-linear-gradient(top, #daa520, #daa520); background-image:linear-gradient(top, #daa520, #daa520); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#daa520, endColorstr=#daa520); border:1px solid #ae841a; color:#fff; text-shadow:0 1px 0 #ae841a; } .brown { background-color:#8b4513; background-image:-webkit-gradient(linear, left top, left bottom, from(#d3691d), to(#8b4513)); background-image:-webkit-linear-gradient(top, #d3691d, #8b4513); background-image:-moz-linear-gradient(top, #d3691d, #8b4513); background-image:-ms-linear-gradient(top, #d3691d, #8b4513); background-image:-o-linear-gradient(top, #d3691d, #8b4513); background-image:linear-gradient(top, #d3691d, #8b4513); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3691d, endColorstr=#8b4513); border:1px solid #6f370f; color:#fff; text-shadow:0 1px 0 #6f370f; } .brown:hover { background-color:#8b4513; background-image:-webkit-gradient(linear, left top, left bottom, from(#8b4513), to(#8b4513)); background-image:-webkit-linear-gradient(top, #8b4513, #8b4513); background-image:-moz-linear-gradient(top, #8b4513, #8b4513); background-image:-ms-linear-gradient(top, #8b4513, #8b4513); background-image:-o-linear-gradient(top, #8b4513, #8b4513); background-image:linear-gradient(top, #8b4513, #8b4513); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8b4513, endColorstr=#8b4513); border:1px solid #6f370f; color:#fff; text-shadow:0 1px 0 #6f370f; } .silver { background-color:#c0c0c0; background-image:-webkit-gradient(linear, left top, left bottom, from(#fbf8f8), to(#c0c0c0)); background-image:-webkit-linear-gradient(top, #fbf8f8, #c0c0c0); background-image:-moz-linear-gradient(top, #fbf8f8, #c0c0c0); background-image:-ms-linear-gradient(top, #fbf8f8, #c0c0c0); background-image:-o-linear-gradient(top, #fbf8f8, #c0c0c0); background-image:linear-gradient(top, #fbf8f8, #c0c0c0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbf8f8, endColorstr=#c0c0c0); border:1px solid #9a9a9a; color:#111; text-shadow:0 1px 0 #fff; } .silver:hover { background-color:#c0c0c0; background-image:-webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#c0c0c0)); background-image:-webkit-linear-gradient(top, #c0c0c0, #c0c0c0); background-image:-moz-linear-gradient(top, #c0c0c0, #c0c0c0); background-image:-ms-linear-gradient(top, #c0c0c0, #c0c0c0); background-image:-o-linear-gradient(top, #c0c0c0, #c0c0c0); background-image:linear-gradient(top, #c0c0c0, #c0c0c0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0c0c0, endColorstr=#c0c0c0); border:1px solid #9a9a9a; color:#111; text-shadow:0 1px 0 #fff; } .gray { background-color:#696969; background-image:-webkit-gradient(linear, left top, left bottom, from(#c0bfbf), to(#696969)); background-image:-webkit-linear-gradient(top, #c0bfbf, #696969); background-image:-moz-linear-gradient(top, #c0bfbf, #696969); background-image:-ms-linear-gradient(top, #c0bfbf, #696969); background-image:-o-linear-gradient(top, #c0bfbf, #696969); background-image:linear-gradient(top, #c0bfbf, #696969); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0bfbf, endColorstr=#696969); border:1px solid #545454; color:#fff; text-shadow:0 1px 0 #111; } .gray:hover { background-color:#696969; background-image:-webkit-gradient(linear, left top, left bottom, from(#696969), to(#696969)); background-image:-webkit-linear-gradient(top, #696969, #696969); background-image:-moz-linear-gradient(top, #696969, #696969); background-image:-ms-linear-gradient(top, #696969, #696969); background-image:-o-linear-gradient(top, #696969, #696969); background-image:linear-gradient(top, #696969, #696969); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#696969, endColorstr=#696969); border:1px solid #545454; color:#fff; text-shadow:0 1px 0 #111; } .black { background-color:#000000; background-image:-webkit-gradient(linear, left top, left bottom, from(#515151), to(#000000)); background-image:-webkit-linear-gradient(top, #515151, #000000); background-image:-moz-linear-gradient(top, #515151, #000000); background-image:-ms-linear-gradient(top, #515151, #000000); background-image:-o-linear-gradient(top, #515151, #000000); background-image:linear-gradient(top, #515151, #000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#515151, endColorstr=#000000); border:1px solid #000000; color:#fff; text-shadow:0 1px 0 #000000; } .black:hover { background-color:#000000; background-image:-webkit-gradient(linear, left top, left bottom, from(#191919), to(#000000)); background-image:-webkit-linear-gradient(top, #191919, #000000); background-image:-moz-linear-gradient(top, #191919, #000000); background-image:-ms-linear-gradient(top, #191919, #000000); background-image:-o-linear-gradient(top, #191919, #000000); background-image:linear-gradient(top, #191919, #000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#191919, endColorstr=#000000); border:1px solid #000000; color:#fff; text-shadow:0 1px 0 #000000; } .warning { display: block; padding: 10px; margin: 10px 0; background: #abf5b7 !important; border: 1px solid #2b8a39; } .img-opborder{ margin-left:20px; box-shadow: 2px 2px 2px #999; } .img-opborder:hover{ box-shadow:0px 0px 2px #999; opacity:.9; } .haempat{ font-family:georgia; font-weight:bold; color:#555; margin-left:30px; font-size:1.2em; } #admin_head { width: 100%; padding-right: 5px; } #admin_heading { margin-top: -3px; } .image-bg { width: 98%; padding: 4px 1% 0 1%; overflow: hidden; } #font-bg { padding: 5px 10px; background: #f5f5f5; font-size: 1.3em; margin-top: 10px; border-left: 2px solid #ddd; } .form{ margin-top: 10px !important; float: left; width: 75%; } .settings table { margin: 0 0 20px 0 !important; background: #fff; border: 1px solid #ddd; } .settings .form-table tr td, .settings .form-table tr th { border: 1px solid #ddd; padding: 15px !important; } .settings .form-table tr th { color: #777; font-size: 1.0em; font-weight: bold; background: #f8f8f8; } .settings .form-table label { color: #555; font-size: 1.1em; font-style: italic; } .settings .form-table input { margin-bottom: 5px; } .settings .form-table input[type=text]{ width: 100%; } .settings .form-table textarea{ width: 100%; } .settings .form-table .lcolor { width: 80px !important; margin-left:20px; margin-top:0; margin-bottom:10px; } .settings h3 { font-size: 1.0em; background:#ddd; border: 1px solid #ddd; border-bottom: none; padding: 4px 10px !important; margin: 0 !important; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; } #tabs_navi { padding-left: 5px; margin: 15px 0; } .options_sidebar { margin-top: 25px; width: 23%; margin-left: 77%; } .options_sidebar dl { margin-bottom: 20px; background: hsla(50,10%,100%,.3); border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .options_sidebar dt { background:#ddd; padding: 4px 10px !important; border-bottom: 1px solid #ddd; } .options_sidebar dt h4 { padding: 0 !important; margin: 0 !important; } .options_sidebar dd { padding: 10px 15px 5px 15px; margin: 0; } .options_sidebar dd p { margin: 5px 0 10px 0; } .options_sidebar dd ul { margin: 5px 0; list-style: inside circle; } .options_sidebar .subscribe { list-style: none; } .options_sidebar .subscribe li{ padding: 1px 0; } .options_sidebar .subscribe img{ float: left; margin-right: 5px; width: 16px; height: 16px; } @media screen and (max-width:820px) {body:before{display:none;}.six, .thre { width:97.1666666666667% }}