body { font: normal 11px Arial; padding-left:50px;padding-right:50px; background:#f2f5f6 url(http://www.sendetiklat.com/temalar/sendetiklat/arka.gif) repeat-x bottom } input,select{ border: 1px solid #a9a9a9; background-color: #F2f2f2; } a, a:Visited { font-size : 12px; color : blue; text-decoration : none; } a:Hover { font-size : 12px; color : #d6197b; text-decoration : underline; } #menu a { border-left:1px dashed #aaa; font-weight:bold;font-size:15px;color:#4e4b4b; background:url(http://www.sendetiklat.com/temalar/sendetiklat/menu.jpg) repeat-x 0 0; float:left;padding:10px} #menu a:hover {text-decoration:none} .code { background: #232323; border: 1px dashed #748200; color: #0CB600; line-height:20px; letter-spacing:2px; padding:10px; margin:10px; max-width:80% } .sol {background: #fff url(http://www.sendetiklat.com/temalar/sendetiklat/sol.gif) repeat-y 0px 20px;} .sag {background: url(http://www.sendetiklat.com/temalar/sendetiklat/sag.gif) repeat-y right 20px; } .ust {background: url(http://www.sendetiklat.com/temalar/sendetiklat/ust.gif) repeat-x top;} .sag-ust { background: url(http://www.sendetiklat.com/temalar/sendetiklat/sag-ust.jpg) no-repeat right top; } .sol-ust {background: url(http://www.sendetiklat.com/temalar/sendetiklat/sol-ust.jpg) no-repeat left top; } .sol-alt {background: url(http://www.sendetiklat.com/temalar/sendetiklat/sol-alt.jpg) no-repeat left bottom; } .sag-alt {padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:80px; background: url(http://www.sendetiklat.com/temalar/sendetiklat/sag-alt.jpg) no-repeat right bottom; } .alt {background: url(alt.jpg) repeat-x bottom;} .buton-orta{width:150px;background: url(http://www.sendetiklat.com/temalar/sendetiklat/buton/orta.jpg) repeat-x;height:50px} .buton-sol{background: url(http://www.sendetiklat.com/temalar/sendetiklat/buton/sol.jpg) no-repeat left; height:50px} .buton-sag{ cursor:pointer; text-align:center;line-height:45px; padding-left:25px;padding-right:25px;height:50px; background: url(http://www.sendetiklat.com/temalar/sendetiklat/buton/sag.jpg) no-repeat right; } .buton-sag a {font-weight:bold; font-size:15px;text-decoration:none;color:#1e219e} .buton-sag a:hover {font-size:18px;color:#b40000} .kutu-sol {background: #fff url(http://www.sendetiklat.com/temalar/sendetiklat/kutu/sol.jpg) repeat-y 0px 30px;} .kutu-sag {background: url(http://www.sendetiklat.com/temalar/sendetiklat/kutu/sag.jpg) repeat-y right 30px; } .kutu-ust {background: url(http://www.sendetiklat.com/temalar/sendetiklat/kutu/ust.jpg) repeat-x top;} .kutu-sag-ust { background: url(http://www.sendetiklat.com/temalar/sendetiklat/kutu/sag-ust.jpg) no-repeat right top; } .kutu-sol-ust {background: url(http://www.sendetiklat.com/temalar/sendetiklat/kutu/sol-ust.jpg) no-repeat left top; } .kutu-sol-alt {background: url(http://www.sendetiklat.com/temalar/sendetiklat/kutu/sol-alt.jpg) no-repeat left bottom; } .kutu-sag-alt {padding-top:30px;padding-left:30px;padding-right:30px;padding-bottom:30px; background: url(http://www.sendetiklat.com/temalar/sendetiklat/kutu/sag-alt.jpg) no-repeat right bottom; } .kutu-alt {background: url(http://www.sendetiklat.com/temalar/sendetiklat/kutu/alt.jpg) repeat-x bottom;} .girisKutusu {width:368px;height:121px;background:url(http://www.sendetiklat.com/temalar/sendetiklat/giris.jpg);float:right} .girisKutusu a{color:#1e219e;text-decoration:none;font-weight:bold;font-size:10px} .girisKutusu a:hover {text-decoration:underline;color:#b40000;font-weight:bold;font-size:10px} .baslikyazi { font-size: 15px; font-weight: bold; color: white; } #kareler { background:url(http://www.sendetiklat.com/temalar/sendetiklat/kareler.jpg); z-index:-1; position:absolute; left:0px; top:210px; height:150px; } .indir { display:inline-block; margin: 1em; padding: 1em 1em 1em 4em; border: 5px dashed #DBDBDB; background: #E1E1E2 url(http://www.sendetiklat.com/images/download.png) 0.5em center no-repeat; font:bold 12px tahoma; } #editorButonlari { line-height:30px; margin-left:5px; margin-top:5px } #editorButonlari select { background:#cececf; border:2px outset } #editorButonlari img { background:#cececf; padding:1px; border:1px outset #aaa; width:20px; height:20px } #isimbulamadim {float:left;margin-right:10px} #isimbulamadim a,#isimbulamadim a:visited { display:block; padding-right:5px; color:#000; font: bold italic 30px Arial; background: #dbdbdb; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px } #isimbulamadim a:hover {color:#fff} /* ----------------------------TABLO----------------------------------------- */ .tablo { background: #EFEFEF; border-color: #000000; border-bottom: 1px solid; border-left: 3px solid; border-right: 3px solid; } .baslik { background: #7192dd url(http://www.sendetiklat.com/images/baslik.gif) center; border-color: #000000; border-bottom: 3px solid; border-top: 3px solid; border-left: 3px solid; border-right: 3px solid; padding: 6px; } .hucre {border: 1px dotted #737876;} #sayfalar{font-size:14px;} #sayfalar a:hover {font-size:14px;font-weight:bold;background-color:#616561; color:#fff} /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_arrow_previous { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_arrow_previous { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content_container .pp_left { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_square .pp_content_container .pp_right { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_square .pp_expand { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_arrow_previous { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(http://www.sendetiklat.com/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_arrow_previous { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_nav .pp_arrow_previous { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_nav .pp_arrow_next { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_next:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(http://www.sendetiklat.com/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } a.pp_next { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(http://www.sendetiklat.com/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* ------------------------------------------------------------------------ Add this ------------------------------------------------------------------------- */ /* Share Stack Styles */ .stack { position: absolute; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #666; } .stack * { margin: 0; padding: 0; } .stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; } .stack ul { list-style: none; position: absolute; top: 5px; margin:0; cursor: pointer; z-index: 1; } .stack ul li { position: absolute; } .stack ul li img { border: 0; } .stack ul li span { display: none; } .stack .openStack li span { display: block; position: absolute; top: 17px; right: 60px; height: 14px; line-height: 14px; background-color:#000; border: 0; padding: 3px 10px; text-align: center; text-shadow: #000 1px 1px 1px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 12px; color: #fcfcfc; border-radius: 10px; opacity: .85; filter: alpha(opacity = 85); -webkit-border-radius: 10px; -moz-border-radius: 10px; } /* IE Fixes */ .stack { _position: absolute; } .stack ul { _z-index:-1; _top:-15px; } .stack ul li { *right:5px; }