/** * @package Quasar Template - RocketTheme * @version 1.5.0 January 21, 2010 * @author RocketTheme http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC * @license http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License */ /* Core */ html {height:100%;margin-bottom:1px;} body {background: #fff;color: #333;} a:hover {color: #A8B353;} h1, h2, h3, h4, h5 {color: #333;} /* Top */ /*#rt-top {background: #0f0f0f url(../images/backgrounds/style2/header-bg.png) 100% 0;color: #999;}*/ #rt-top .search .inputbox {background: url(../images/backgrounds/style2/search-bg.png) 0 0 no-repeat;color: #999;} #rt-top .title span {color: #ccc;} /* Header */ #rt-logo {width:432px;height:49px;background: url(../images/logo/style2/masjid.png) 0 0 no-repeat; z-index:999} #rt-header {background: #0f0f0f url(../images/backgrounds/style2/header-bg.png) 100% 0;} #rt-header2 {background: url(../images/backgrounds/style2/showcase-shadow.png) 50% 100% repeat-x;} /* #rt-header2 {background: url(../images/backgrounds/style2/header-div.png) 50% 100% repeat-x;}*/ /*#rt-header3 {background: url(../images/backgrounds/style2/header-div.png) 50% 0 repeat-x;}*/ .backgroundlevel-high #rt-header4, .backgroundlevel-med #rt-header4 {background: url(../images/backgrounds/style2/header-underlay.png) 50% 0 no-repeat;} #rt-header .title span {color: #ccc;} /* Top Menu */ #rt-header ul.menu li > a, #rt-header ul.menu li > .separator {color: #fff;} #rt-header ul.menu li.active > a, #rt-header ul.menu li:hover > a, #rt-header ul.menu li.active > .separator, #rt-header ul.menu li:hover > .separator {background: url(../images/menus/style2/menutab-r.png) 100% 0 no-repeat;color: #ffff99;} #rt-header ul.menu li.active > a span, #rt-header ul.menu li:hover > a span, #rt-header ul.menu li.active > .separator span, #rt-header ul.menu li:hover > .separator span {background: url(../images/menus/style2/menutab-l.png) 0 0 no-repeat;} /* Menu Dropdowns */ #rt-header li ul {background: #222;border: 1px solid #333;} /* Showcase */ #rt-showcase {background: #0f0f0f url(../images/backgrounds/style2/header-bg.png) 100% 0;color: #aaa;} #rt-showcase .showcase-title {color: #999;text-shadow: -1px -2px #000;} #rt-showcase .showcase-title span {text-shadow: -1px -2px #000;} #rt-showcase .title span {color: #ccc;} #rt-showcase .readon {background: url(../images/body/style2/readon-r.png) 100% -180px no-repeat;} #rt-showcase .readon span {background: url(../images/body/style2/readon-l.png) 0 -180px no-repeat;color: #999;} #rt-showcase .readon:hover {background: url(../images/body/style2/readon-r.png) 100% -210px no-repeat;} #rt-showcase .readon:hover span {background: url(../images/body/style2/readon-l.png) 0 -210px no-repeat;color: #fff;} /* Feature */ #rt-feature {background: #0f0f0f url(../images/backgrounds/style2/header-bg.png) 100% 0;color: #aaa;} #rt-feature .title span {color: #ccc;} /* Main Body */ #rt-toptab {background: #0f0f0f url(../images/backgrounds/style2/header-bg.png) 100% 0;} #rt-toptab .toptab {background: url(../images/body/style2/toptab-r.png) 100% 0 no-repeat;} #rt-toptab .toptab2 {background: url(../images/body/style2/toptab-l.png) 0 0 no-repeat;color: #333;} .backgroundlevel-high #rt-toptab .shadow, .backgroundlevel-med #rt-toptab .shadow {background: url(../images/backgrounds/style2/showcase-shadow.png) 50% 100% no-repeat;} #rt-content-top {background: url(../images/body/style2/body-div.png) 50% 100% repeat-x;} #rt-main-surround {background: #C8B694 url(../images/backgrounds/style2/body-bg.jpg) center top repeat-y;} #rt-main-surround .title span, #rt-main-surround .rt-article-title span {color: #000;} #rt-main-surround .readon span, #rt-main-surround .readon .button {color: #333;} #rt-main-surround .readon:hover span, #rt-main-surround .readon:hover .button {color: #000;} #form-login ul li a, #com-form-login ul li a, ul.rt-more-articles li a, .rt-section-list ul li a {background-image: url(../images/body/style2/arrows.png);background-repeat: no-repeat;} /* Modules */ .icon1 .module-icon, .icon2 .module-icon, .icon3 .module-icon, .icon4 .module-icon {background-image: url(../images/body/style2/module-icons.png);background-repeat: no-repeat;} /* Side Menu */ #rt-main-surround ul.menu li {background: url(../images/body/style2/body-div.png) 50% 100% repeat-x;} #rt-main-surround ul.menu li a, #rt-main-surround ul.menu li .separator, #rt-main-surround ul.menu li .item {background: url(../images/body/style2/arrows.png) 5px 10px no-repeat;color: #333;} #rt-main-surround ul.menu li.active > a, #rt-main-surround ul.menu li > a:hover, #rt-main-surround ul.menu li.active > .separator {color: #000;} /* Bottom */ #rt-bottom {background: #699714 url(../images/backgrounds/style2/bottom-bg.png) 50% 0 repeat-x;color: #fff;} #rt-bottom .title {color: #000;} #rt-bottom .title span {color: #fff;} #rt-bottom .readon span, #rt-bottom .readon .button {color: #597C16;} #rt-bottom .readon:hover span, #rt-bottom .readon .button {color: #333;} #rt-bottomtab {background: #fff;} #rt-bottomtab .bottomtab {background: url(../images/body/style2/bottomtab-r.png) 100% 0 no-repeat;} #rt-bottomtab .bottomtab2 {background: url(../images/body/style2/bottomtab-l.png) 0 0 no-repeat;color: #fff;} /* Footer */ #rt-footer {color: #666;} #rt-footer a:hover {color: #000;} #rt-footer .title {color: #777;} #rt-footer .title span {color: #333;} #rt-footer .readon span, #rt-footer .readon .button {color: #333;} #rt-footer .readon:hover span, #rt-footer .readon:hover .button {color: #000;} #rt-copyright {color: #999;} #rt-copyright a:hover {color: #000;} #rt-copyright .rt-container {border-top: 1px solid #ddd;} #rocket, #gantry-logo {background: url(../images/body/style2/footer-assets.png) 0 0 no-repeat;} /* Typography */ .readon {background: url(../images/body/style2/readon-r.png) 100% 0 no-repeat;} .readon span, .readon .button {background: url(../images/body/style2/readon-l.png) 0 0 no-repeat;color: #333;} .readon:hover span, .readon:hover .button {color: #000;} .rt-pagetitle {color: #333;} #rt-accessibility a.small .button, #rt-accessibility a.large .button, #rt-accessibility a.small:hover .button, #rt-accessibility a.large:hover .button {background-image: url(../images/body/style2/fontsizer.png);background-repeat: no-repeat;} .rokradios, .rokchecks, .rokradios-active, .rokchecks-active {background-image: url(../images/body/style2/inputs.png);} #rt-breadcrumbs {background: #fff;} #breadcrumbs-home {background: url(../images/body/style2/typography.png) 0 -23px no-repeat;} span.breadcrumbs img {background: url(../images/body/style2/arrows.png) 50% 4px no-repeat;} /* Joomla Specific */ .rt-joomla .icon {background-image: url(../images/body/style2/typography.png);} .rt-pollrow {background: url(../images/body/style2/body-div.png) 50% 100% repeat-x;} .rt-joomla .search_result .phrase legend, .rt-joomla .search_result .only legend {color: #333;} .rt-joomla legend {color: #333;} .rt-joomla label {color: #333;} .rt-joomla-table {color: #333;} .button2-left a, .button2-right a, .button2-left span, .button2-right span {color: #666;} .button2-left span, .button2-right span {color: #666;} .button2-left a:hover, .button2-right a:hover {color: #000 !important;} .button2-left {background: url(../images/system/light/j_button2_left.png) no-repeat;color: #666;} .button2-right {background: url(../images/system/light/j_button2_right.png) 100% 0 no-repeat;color: #666;} .button2-left .image {background: url(../images/system/light/j_button2_image.png) 100% 0 no-repeat;} .button2-left .readmore {background: url(../images/system/light/j_button2_readmore.png) 100% 0 no-repeat;} .button2-left .pagebreak {background: url(../images/system/light/j_button2_pagebreak.png) 100% 0 no-repeat;} .button2-left .blank {background: url(../images/system/light/j_button2_blank.png) 100% 0 no-repeat;} body .button2-left .linkmacro {background: url(../images/system/light/j_button2_rokcandy.png) 100% 0 no-repeat;} .button2-left .blank a {color: #666;} /* RTL */ body.rtl #rt-top .search .inputbox {background: url(../images/backgrounds/style2/search-bg-rtl.png) 0 0 no-repeat;} body.rtl #form-login ul li a, body.rtl #com-form-login ul li a, body.rtl ul.rt-more-articles li a, body.rtl .rt-section-list ul li a {background-image: url(../images/body/style2/arrows-rtl.png);} body.rtl #rt-main-surround ul.menu li a, body.rtl #rt-main-surround ul.menu li .separator, body.rtl #rt-main-surround ul.menu li .item {background: url(../images/body/style2/arrows-rtl.png) 100% 10px no-repeat;} body.rtl span.breadcrumbs img {background: url(../images/body/style2/arrows-rtl.png) 50% 4px no-repeat;} body.rtl #rt-showcase .readon {background: url(../images/body/style2/readon-r-rtl.png) 100% -180px no-repeat;} body.rtl #rt-showcase .readon span {background: url(../images/body/style2/readon-l-rtl.png) 0 -180px no-repeat;} body.rtl #rt-showcase .readon:hover {background: url(../images/body/style2/readon-r-rtl.png) 100% -210px no-repeat;} body.rtl #rt-showcase .readon:hover span {background: url(../images/body/style2/readon-l-rtl.png) 0 -210px no-repeat;} body.rtl .readon {background: url(../images/body/style2/readon-r-rtl.png) 100% 0 no-repeat;} body.rtl .readon span, body.rtl .readon .button {background: url(../images/body/style2/readon-l-rtl.png) 0 0 no-repeat;} /* Added by Abu Hanif */ .arabic1 { line-height: 35px; font-size: 20pt; font-family: 'Traditional Arabic'; font-weight:bold; text-align:center; } .terjemahan { text-align:center; font-style:oblique; font-weight:bold; } .keterangan { font-style:normal; font-weight:normal; } .paragraf { text-align: justify; text-indent: 36pt; } .tombol1 { /*width: 200px;*/ padding: 6px 10px; color: #ff9; /*font-size: 12px;*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#800), to(#c30), color-stop(85%, #400)); text-shadow: #050505 0 -1px 0; background-color: #459300; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: solid 1px transparent; font-weight: bold; cursor: pointer; letter-spacing: 1px; } .tombol1:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#400), to(#800), color-stop(65%, #c30)); /*text-shadow: #050505 0 -1px 2px;*/ background-color: #a4d04a; color: #fc0; } .kotak1 { /*width: 200px;*/ padding: 6px 10px; color: #fff; /*font-size: 12px;*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c93), to(#c95), color-stop(85%, #551)); /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#400), to(#800), color-stop(65%, #c30));*/ text-shadow: #050505 0 -1px 0; background-color: #a4d04a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: solid 1px transparent; font-weight: bold; letter-spacing: 1px; } .inputbox { width: 260px; float: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; border: solid 1px transparent; color: #555; padding: 8px; font-size: 13px; } .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*aturan css untuk gambar pop up*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px solid gray; visibility: hidden; } .thumbnail span img{ /*aturan css untuk gambar pop up*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*aturan css untuk gambar pop up pada saat hover*/ visibility: visible; top: 0; left: 60px; /*posisi dimana gambar pop up akan diletakkan secara horizontal */ }