/**********************************************/ /* @name: style.css */ /* @date: 19/11/07 */ /* @desc: JMyCarousel css */ /* @auth: kevin@enova-tech.net */ /**********************************************/ /** General Elements && arrows description ***/ div.jMyCarousel .prev{ background: url('left.png') center center no-repeat; width:47px; height:61px; border:0px; } div.jMyCarousel .next{ background: url('right.png') center center no-repeat; width:40px; height:61px; border:0px; } div.jMyCarousel .up{ background: url('up.png') center center no-repeat; width:61px; height:40px; border:0px; } div.jMyCarousel .down{ background: url('down.png') center center no-repeat; width:47px; height:61px; border:0px; } div.jMyCarousel{ border:1px solid #1c6f8e; } div.jMyCarousel ul{ } div.jMyCarousel ul li{ margin:0px; border:1px solid #ccc; line-height:0px; padding:0px; } div.jMyCarousel ul li a{ /* in case of link */ display:block; } div.jMyCarousel ul li img{ display:block; border:0px; } ul.jd_menu {margin: 0px; padding: 0px; list-style-type: none;} ul.jd_menu ul {display: none;} ul.jd_menu li {float: right; } /* -- Sub-Menus -- */ ul.jd_menu ul {position: absolute; display: none; list-style-type: none; margin: 0px; padding: 0px; z-index: 4;} ul.jd_menu ul li {float: none; margin: 0px;} ul.jd_menu {height: 63px;} ul.jd_menu ul {height:auto;} * html ul.jd_menu ul {width: 1%;} ul.jd_menu li {font-family:Arial; font-size:12px; font-weight:bold; color:#5c6f7c; margin: 0px; cursor: pointer; white-space: nowrap; text-align:center; padding:0px; background:url('../img/menu_oge_back.jpg') repeat-x top left;} ul.jd_menu li.ara {width:2px; padding:0px; text-align:center; background:url('../img/menu_orta.jpg') no-repeat center center; height:63px;} ul.jd_menu li a {color:#5c6f7c; text-decoration: none; display:block; z-index:5; padding:20px 10px; height:auto; position:relative; margin:0px; line-height:23px;} ul.jd_menu li.aktif a {color:#c4161c; background-color:white;} ul.jd_menu li a:Hover, ul.jd_menu li.jdm_hover a, ul.jd_menu li.jdm_active a {color:#c4161c; background-color:white; } ul.jd_menu ul {} ul.jd_menu li li { width: 183px; height:auto; font-size:11px; line-height:normal; font-weight:normal; text-align:left; padding:0px 7px 0px 10px; background:url('../img/menu_ul_back.png') repeat-y center center;} ul.jd_menu li li.son { width: 200px; height:13px; padding:0px; background:url('../img/menu_ul_son_back.png') no-repeat top center; cursor:default; font-size:0px; line-height:0px;} ul.jd_menu li li a, ul.jd_menu li.jdm_hover li a, ul.jd_menu li.jdm_active li a {color:#5c6f7c; font-weight: normal; display:block; white-space:normal; background:url('../img/menu_a_back1.gif') no-repeat top left; padding:3px 4px 3px 9px; line-height:normal; border:none;} ul.jd_menu li a.altkategorisivar img{float:right; width:6px; height:10px; vertical-align: baseline;} ul.jd_menu li li a:Hover, ul.jd_menu li.jdm_hover li a:Hover, ul.jd_menu li.jdm_active li a:Hover {color:#c4161c; background-image:url('../img/menu_a_back2.gif');} ul.jd_menu li li li { width: 183px; top:-13px; left:2px; position:relative; padding:0px 7px 0px 3px; background:url('../img/menu_ul_back2.png') repeat-y center left;} ul.jd_menu li li li.ilk { width: 195px; height:13px; background:url('../img/menu_ul_ilk_back2.png') no-repeat bottom left;} ul.jd_menu li li li.son { width: 195px; height:13px; background:url('../img/menu_ul_son_back2.png') no-repeat top left;}#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; width:550px; height:412px; /*opacity: 0.85;*/ } #tooltip h3, #tooltip div { margin: 0; } /** * The "classic" theme CSS for Shadowbox. * * This file is part of Shadowbox. * * Shadowbox is an online media viewer application that supports all of the * web's most popular media publishing formats. Shadowbox is written entirely * in JavaScript and CSS and is highly customizable. Using Shadowbox, website * authors can showcase a wide assortment of media in all major browsers without * navigating users away from the linking page. * * Shadowbox is released under version 3.0 of the Creative Commons Attribution- * Noncommercial-Share Alike license. This means that it is absolutely free * for personal, noncommercial use provided that you 1) make attribution to the * author and 2) release any derivative work under the same or a similar * license. * * If you wish to use Shadowbox for commercial purposes, licensing information * can be found at http://mjijackson.com/shadowbox/. * * @author Michael J. I. Jackson * @copyright 2007-2008 Michael J. I. Jackson * @license http://creativecommons.org/licenses/by-nc-sa/3.0/ * @version SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $ */ /*_____________________________________________________ container & overlay */ #shadowbox_container, #shadowbox_overlay { top: 0; left: 0; height: 100%; width: 100%; margin: 0; padding: 0; } #shadowbox_container { position: fixed; display: none; visibility: hidden; z-index: 999; text-align: center; /* centers #shadowbox in quirks and IE */ } #shadowbox_overlay { position: absolute; } /*_______________________________________________________________ shadowbox */ #shadowbox { position: relative; margin: 0 auto; text-align: left; /* reset left alignment */ } /*____________________________________________________________________ body */ #shadowbox_body { position: relative; margin: 0; padding: 0; border: 0px solid #333; overflow: hidden; } #shadowbox_body_inner { position: relative; height: 100%; } #shadowbox_content.html { height: 100%; overflow: auto; /* make html content scrollable */ } /*_________________________________________________________________ loading */ #shadowbox_loading { position: absolute; top: 0; width: 100%; height: 100%; } /*#shadowbox_body, */#shadowbox_loading { background-color: #060606; /* should match loading image background color */ } #shadowbox_loading_indicator { float: left; margin: 10px 10px 0 10px; height: 32px; width: 32px; background-image: url(icons/loading.gif); background-repeat: no-repeat; } #shadowbox_loading span { font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 10px; float: left; margin-top: 16px; } #shadowbox_loading span a:link, #shadowbox_loading span a:visited { color: #fff; text-decoration: underline; } /*____________________________________________________________ title & info */ #shadowbox_title, #shadowbox_info { position: relative; margin: 0; /* these must have no vertical margin or padding */ padding: 0; overflow: hidden; } #shadowbox_title_inner, #shadowbox_info_inner { position: relative; font-family: 'Lucida Grande', Tahoma, sans-serif; line-height: 16px; } #shadowbox_title { border: 0px solid; height: 26px; } #shadowbox_title_inner { font-size: 16px; padding: 5px 0; color: #fff; } #shadowbox_info { border: 0px solid; height: 20px; } #shadowbox_info_inner { font-size: 12px; color: #fff; } /*_____________________________________________________________________ nav */ #shadowbox_nav { float: right; height: 16px; padding: 2px 0; width: 45%; } #shadowbox_nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; } #shadowbox_nav_close { background-image: url(icons/close.png); background-repeat: no-repeat; } #shadowbox_nav_next { background-image: url(icons/next.png); background-repeat: no-repeat; } #shadowbox_nav_previous { background-image: url(icons/previous.png); background-repeat: no-repeat; } #shadowbox_nav_play { background-image: url(icons/play.png); background-repeat: no-repeat; } #shadowbox_nav_pause { background-image: url(icons/pause.png); background-repeat: no-repeat; } /*_________________________________________________________________ counter */ #shadowbox_counter { float: left; padding: 2px 0; width: 45%; } #shadowbox_counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; } #shadowbox_counter a.shadowbox_counter_current { text-decoration: underline; } /*___________________________________________________________________ clear */ div.shadowbox_clear { clear: both; /* clear floating counter & nav */ } /*________________________________________________________________ messages */ div.shadowbox_message { font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 12px; padding: 10px; text-align: center; } div.shadowbox_message a:link, div.shadowbox_message a:visited { color: #fff; text-decoration: underline; } html {width:100%; height:100%; overflow-y:scroll;} body {width:100%; height:100%; margin:0px; padding:0px; font-family:Tahoma; font-size:12px; color:#5c6f7c; background:url('../img/body_back.jpg') repeat-x top center #e7e7e7;} form {margin:0px; padding:0px;} img {border:none;} ul, ol {margin:5px 5px 5px 10px; padding:0px 0px 0px 20px;} table {border-spacing: 0px; border-collapse: collapse;} td {padding:0px; } a {text-decoration:none;} div.clear {clear:both; height:1px; font-size: 1px; line-height: 1px;} label.error, font.error {color:red;clear:both;} input.error, textarea.error {background-color:#ffdbc8; border-color:red;} /* --------ana yapi----------- */ #baslik {position:relative; margin:0px auto; width:970px; height:371px; overflow:visible; z-index:0; background:url('../img/baslik_back.jpg') no-repeat 0px 130px;} #baslik .logo {position:absolute; top:63px; left:8px; width:215px; height:112px; z-index:2;} #baslik .bth {position:absolute; top:52px; right:0px; width:250px; height:20px; padding-top:9px; text-align:right; background:url('../img/sd_back.jpg') no-repeat bottom right; z-index:1;} #baslik .bth a {font-weight:bold; color:#5c6f7c; font-size:13px; line-height: 18px; margin-right:10px;} #baslik .bth a img{width:21px; height:18px; vertical-align:bottom; margin-right:5px;} #baslik .sd {position:absolute; top:5px; right:0px; width:250px; height:20px; padding-top:13px; text-align:right; background:url('../img/sd_back.jpg') no-repeat bottom right; z-index:1;} #baslik .sd a {font-weight:bold; color:#5c6f7c; line-height: 14px; margin-right:10px;} #baslik .sd a img{width:21px; height:14px; vertical-align:bottom; margin-right:5px;} #baslik .menu {position:absolute; top:113px; right:0px; width:740px; height:63px; z-index:4; overflow:visible;} #baslik .la_b {position:absolute; top:176px; right:0px; width:333px; height:47px; z-index:2; background:url('../img/la_back.png') no-repeat top center;} #baslik .la {position:absolute; top:176px; right:0px; width:333px; height:47px; z-index:3;} #baslik .la form {z-index:3;} #baslik .la .l {position:absolute; top:0px; left:10px; width:100px; height:24px; padding:12px 0px 0px 28px; color:#868686; font-weight:bold;} #baslik .la .t {position:absolute; top:8px; left:150px; width:139px; height:17px; color:#5c6f7c; background:none; border: none; padding:3px 3px 0px 3px; z-index:3;} #baslik .la .i {position:absolute; top:7px; left:301px; width:22px; height:22px;} #baslik .banner {position:absolute; top:217px; left:0px; width:970px; height:154px; z-index:1; overflow: hidden; text-align: center;} #baslik .banner img{width:970px; height:154px;} div#govde {position:relative; margin:0px auto; width:970px; z-index:0; } div#alt {position:relative; margin:0px auto; width:970px; height:33px; z-index:0; color:#5c6f7c; text-align:center; padding:10px 0px 4px; line-height:16px; } div#alt a{color:#5c6f7c;} div#alt a:Hover{text-decoration:underline;} div#alt div.logolar {position:absolute; top:10px; left:0px; width:315px; height:30px; text-align: left;} div#alt div.logolar img {width:85px; height:30px; margin:0px 1px;} div#alt div.birtek {position:absolute; top:12px; right:0px; width:90px; height:28px; font-size:10px; text-align: right;} div#alt div.birtek a{line-height: 9px;} div#alt div.birtek a:Hover {text-decoration:none;} div#alt div.birtek img {float:right; width:33px; height:28px; margin-left:1px;} div#alt div.birtek span {display: none;} /* --------ana yapi----------- */ /* Anasayfa */ body#anasayfa #baslik {height:404px;} body#anasayfa #baslik .banner {top:177px; left:1px; height:226px;} body#anasayfa #baslik .banner img {width:970px; height:246px;} #govde table.anasayfa {width:970px; margin-top:2px;} #govde table.anasayfa td.b {text-align:left; vertical-align:middle; padding-left:15px; font:normal normal bold 17px/17px Helvetica,Tahoma; color:#ffffff; width:307px; height:45px; background-repeat: no-repeat; background-position: top left;} #govde table.anasayfa td.b.b1 {background-image:url('../img/ana_b1.jpg');} #govde table.anasayfa td.b.b2 {background-image:url('../img/ana_b2.jpg');} #govde table.anasayfa td.b.b3 {background-image:url('../img/ana_b3.jpg');} #govde table.anasayfa td.ara {width:2px;} #govde table.anasayfa td.a {height:2px;} #govde table.anasayfa td.r {text-align:left; vertical-align:middle; width:322px; height:111px;} #govde table.anasayfa td.r.r1 {background-image:url('../img/ana_r1.jpg');} #govde table.anasayfa td.r.r2 {background-image:url('../img/ana_r2.jpg');} #govde table.anasayfa td.r.r3 {background-image:url('../img/ana_r3.jpg');} #govde table.anasayfa td.l {text-align:left; vertical-align:top; width:292px; padding:15px; background: url('../img/ana_l_back.jpg') repeat-x top left #e9e9e9;} #govde table.anasayfa td.l a {padding-left:12px; background: url('../img/ok1.gif') no-repeat left 3px; color:#5c6f7c;} #govde table.anasayfa td.l span a{padding:0px; background:none;} /* Anasayfa */ /* Altsayfa */ #govde table.genelicerik {width:970px; margin-top:2px;} #govde table.genelicerik td.sol {width:240px; background-color:#ffffff; vertical-align: top;} #govde table.genelicerik td.ara {width:10px;} #govde table.genelicerik td.sag {width:720px; background-color:#ffffff; vertical-align: top;} #govde table.genelicerik tr.ust td.sol {height:3px; background-color:#5c6f7c; font-size:0px;} #govde table.genelicerik tr.ust td.sag {height:3px; background-color:#c4161c; font-size:0px;} #govde table.genelicerik tr.alt td.sol {height:25px; background:url('../img/genelicerik_alt_sol.png') no-repeat top center; font-size:0px;} #govde table.genelicerik tr.alt td.sag {height:25px; background:url('../img/genelicerik_alt_sag.png') no-repeat top center; font-size:0px;} #govde table.genelicerik tr.orta td.sol a {display:block; color:#5c6f7c; font:normal normal 13px/15px Tahoma; padding:5px 5px 5px 22px; background:url('../img/genelicerik_menu_back.jpg') no-repeat top left #ffffff;} #govde table.genelicerik tr.orta td.sol a:hover, #govde table.genelicerik tr.orta td.sol a.s {color:#c4161c; background-image:url('../img/genelicerik_menu_back_s.jpg');} #govde table.genelicerik tr.orta td.sol div.altmenu {margin:0px 0px 5px 20px;} #govde table.genelicerik tr.orta td.sol div.altmenu a {font-size:11px; padding:3px 3px 3px 17px; background:url('../img/genelicerik_altmenu_back.jpg') no-repeat top left #ffffff;} #govde table.genelicerik tr.orta td.sol div.altmenu a:hover, #govde table.genelicerik tr.orta td.sol div.altmenu a.s {color:#c4161c; background-image:url('../img/genelicerik_altmenu_back_s.jpg')} #govde table.genelicerik td h1 {color:#c4161c; font:normal normal 17px/19px Tahoma; margin:0px; height:22px; padding:28px 0px 0px 25px; background:url('../img/h1_back.jpg') no-repeat top left;} #govde table.genelicerik td h1 span {border-bottom:1px solid #c4161c; padding:0px 5px;} #govde table.genelicerik td h2.h1 {color:#5c6f7c; font:normal normal 17px/19px Tahoma; margin:0px; height:22px; padding:28px 0px 0px 25px; background:url('../img/h2_back.jpg') no-repeat top left;} #govde table.genelicerik td h2.h1 span {border-bottom:1px solid #5c6f7c; padding:0px 5px;} #govde table.genelicerik td div.yazilar {color:#000000; padding:10px 15px;} #govde table.genelicerik td div.yazilar h2.yazilar_ic {color:#5c6f7c; margin-top:0px; font:normal bold 15px/17px Tahoma;} #govde table.genelicerik td div.yazilar h2.yazilar_ic span {border-bottom:1px solid #5c6f7c; padding:0px 5px;} #govde table.genelicerik td div.yazilar h3.yazilar_ic {color:#5c6f7c; margin-top:0px; font:normal bold 14px/15px Tahoma;} #govde table.genelicerik td div.yazilar table.malitablo {width:100%; margin-bottom:20px;} #govde table.genelicerik td div.yazilar table.malitablo th, #govde table.genelicerik td div.yazilar table.malitablo td {padding:5px;} #govde table.genelicerik td div.yazilar table.malitablo th {background-color:#e7e7e7; font-size:15px;} #govde table.genelicerik td div.yazilar table.malitablo td.yil {width:125px; color:#C4161C; background-color:#ffeeee; font-weight:bold; font-size:15px; text-align:center;} #govde table.genelicerik td div.yazilar table.malitablo td select {width:250px;} #govde table.genelicerik td div.linkler {padding:10px 15px;} #govde table.genelicerik td div.linkler a {display:block; padding:3px 10px; font-size:13px; color:#5c6f7c; line-height:20px; border-bottom:1px dotted #E7AEB0;} #govde table.genelicerik td div.linkler a img {vertical-align:middle; width:20px; height:20px; margin-right:5px;} #govde table.genelicerik td div.yazilar div.linkler {padding:0px; clear:both;} #govde table.genelicerik td div.yazilar div.linkler a {cursor:pointer; padding-right:0px; clear:both;} #govde table.genelicerik td div.yazilar div.linkler a.list {padding-left:15px; background:url('../img/genelicerik_altmenu_back.jpg') no-repeat 0px 3px #ffffff;} #govde table.genelicerik td div.yazilar div.linkler div.ikonlar {width:90px; height:20px; float:right; text-align: right; margin:0px; padding:0px; background:none; border:none;} #govde table.genelicerik td div.yazilar div.linkler div.ikonlar img {width:20px; height:20px; float:left; margin:0px 1px; display:inline;} #govde table.genelicerik.iletisim td.sol {width:480px;} #govde table.genelicerik.iletisim td.sag {width:480px;} #govde table.genelicerik.iletisim tr.ust td.sol {background-color:#c4161c;} #govde table.genelicerik.iletisim tr.ust td.sag {background-color:#5c6f7c;} #govde table.genelicerik.iletisim tr.alt td.sol {background:url('../img/iletisim_alt.png') no-repeat top center;} #govde table.genelicerik.iletisim tr.alt td.sag {background:url('../img/iletisim_alt.png') no-repeat top center;} #govde table.genelicerik.iletisim tr.orta td.sol h1 {color:#c4161c;} #govde table.genelicerik.iletisim tr.orta td.sol a {background:none; padding:0px; margin:0px; display:inline; color:blue;} #govde table.genelicerik.iletisim tr.orta td.sol div.resss {width:166px; height:126px;} #govde table.genelicerik.iletisim tr.orta td.sol div.resss a{width:166px; height:126px; padding:0px; background: none;} #govde table.genelicerik.iletisim tr.orta td.sol div.resss img{width:160px; height:120px;} table.iletisimformu {width:100%; margin:5px;} table.iletisimformu td {padding:2px; vertical-align: top; line-height:20px;} table.iletisimformu td.a {text-align: right; padding-right:5px; width:115px;} table.iletisimformu input, table.iletisimformu textarea {width:300px; border:1px solid #cccccc; padding:1px;} table.iletisimformu input.s {width:114px; height:30px; border:none; background:url('../img/submit_back.jpg') no-repeat center center #ffffff;} div.siteharitasi {margin:25px;} div.siteharitasi a {color:#5c6f7c;} div.siteharitasi a.s1 {padding-left:10px; font-weight:bold; font-size:13px; line-height: 150%; background:url('../img/ok2.gif') no-repeat center left;} div.siteharitasi a.s2 {padding-left:10px; margin-left:20px; font-size:12px; line-height: 150%; background:url('../img/ok1.gif') no-repeat center left;} div.siteharitasi a.s3 {padding-left:10px; margin-left:40px; font-size:11px; line-height: 150%; background:url('../img/menu_a_back1.gif') no-repeat 0px -4px;} div.siteharitasi a.s4 {margin-left:60px; font-size:11px;} #govde table.genelicerik.basinda td.sag {width:970px;} #govde table.genelicerik.basinda tr.ust td.sag {background-color:#c4161c;} #govde table.genelicerik.basinda tr.alt td.sag {background:url('../img/tam_alt.png') no-repeat top center;} #govde table.genelicerik.basinda tr.orta td.sag h1 {color:#c4161c;} div.resss {position:relative; width:226px; height:171px; float:right; display:inline; margin:0px 0px 10px 10px; border:1px solid #dbdbdb;} div.resss a{display:block; width:226px; height:171px;} div.resss img{position:absolute; top:0px; left:0px; width:220px; height:165px; padding:3px;} div.resss_yazisiz {position:relative; text-align:center; clear:both;} div.resss_yazisiz img{padding:3px; border: 1px solid #dbdbdb; margin:5px 0px;} /* ----------- formlar ------------- */ /* table.forms { border:1px solid #b2b2b2; width:100%;} table.forms td {padding:1px; height:20px; color:#000000; font-family:Verdana; font-size:11px; font-weight:normal; vertical-align:middle;} table.forms td.c {background-color:#dfdfdf; padding-left:20px; font-weight:bold; font-size:16px; height:20px; line-height:20px;} table.forms td.d {background-color:#ebebeb; padding-left:10px;} table.forms td.a {width:170px; background:url('../img/form_a_back.gif') no-repeat left center #e8e8e8; border-bottom:1px solid #dbdbdb; padding-left:20px;} table.forms td.b {color:#747474; background-color:#f5f5f5; border-bottom:1px solid #e7e7e7; padding:2px 20px 2px 10px;} table.forms td.b input.t, table.forms td.b select, table.forms td.b textarea {border:1px solid #b0b0b0; width:350px;} table.forms td.b input.ucret {border:1px solid #b0b0b0; width:75px; text-align:right;} table.forms td.b input.tarih {border:1px solid #b0b0b0; width:75px;} table.forms td.b textarea {height:50px;} table.forms td.b input.i {width:90px; height:26px;} table.forms.detay {width:100%;} table.forms.detay td.b {color:#000000; font-weight: bold;} */ /* ----------- formlar ------------- */