lightbox css kodu
h1#title{display: none;}h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
.buy_from_tf{
width:115px;
height: 115px;
position: absolute;
right:0;
}
a{
outline: none;
}
textarea{
resize: none;
}
body{background-image: url(http://img512.imageshack.us/img512/6084/01rx6.jpg);}
.pngfix {
behavior: url(js/pngfix/iepngfix.htc);
}
.clear{
clear: both;
}
fieldset, img {
border:0;
}
.main {
margin:0px auto;
padding:0px;
width:900px;
border:0px solid red;
position:relative;
}
.header {
float:left;
width:850px;
height:85px;
margin:32px 0 0 0;
display:inline;
}
.logo {
float:left;
height:50px;
width:250px;
margin-top:7px;
margin-left:21px;
}
.menu {
float:right;
width:325px;
margin-right:6px;
margin-top:3px;
border:0px solid red;
}
.menu ul {
list-style:none;
}
.menu ul li {
float:left;
font:normal 15px Georgia;
color:#613016;
margin-right:30px;
display:inline;
}
.menu ul li a {
color:#613016;
text-decoration:none;
}
.menu ul li a:hover {
color:#4d4d4d;
}
.content {
position:relative;
display:block;
float:left;
width:100%;
border:0px solid red;
min-height:600px;
}
.contentLeft {
float:left;
width:410px;
margin-left:23px;
position:relative;
display:inline;
}
.contentRight {
float:left;
width:280px;
position:relative;
margin-left:20px;
}
.pictureframe {
float:left;
position:relative;
}
.frame {
position:absolute;
left: -18px;
top:-12px;
}
.intro {
float:left;
width:360px;
margin:20px 0px 0px 22px;
}
.intro h1 {
font:normal 13px Georgia;
color:#55504c;
margin:5px 0 0 0;
line-height:22px;
}
.Gallerymenu {
width:190px;
height:241px;
background-image:url(https://img.webme.com/pic/t/terkenkoyugaleri/shadowbk.png);
background-position:top left;
background-repeat:no-repeat;
position:absolute;
left: 137px;
top: 229px;
border:0px solid red;
}
.pic1 {
margin:30px 0 0 35px;
display:inline;
behavior: url(js/pngfix/iepngfix.htc);
}
.pic2 {
margin:23px 0 0 30px;
display:inline;
behavior: url(js/pngfix/iepngfix.htc);
}
.pic3 {
margin:9px 0 0 28px;
display:inline;
behavior: url(js/pngfix/iepngfix.htc);
}
.socialb {
float:left;
width:160px;
margin:25px 0 0 25px;
display:inline;
}
.socialb img {
margin-left:5px;
}
.redrope {
position:absolute;
top:290px;
left:0px;
}
.footer {
float:left;
width:100%;
text-align:center;
position: relative;
top: -14px;
}
.footer p {
font:normal 13px Georgia;
margin:0;
color:#7c7671;
}
.slideshow {
float:left;
width:100%;
position:relative;
}
.arrLeft {
float:left;
width:26px;
height:51px;
position:absolute;
left: -14px;
top: 93px;
}
.arrRight {
float:right;
width:26px;
height:51px;
position:absolute;
right: -5px;
top: 93px;
}
.arrCenter {
float:left;
width:850px;
height:250px;
}
.imgSlideshow {
float:left;
margin-left:30px;
position:relative;
display:inline;
}
.imgslide {
position:absolute;
left:-10px;
top: 35px;
}
.firstpic {
margin-left:32px;
display:inline;
margin-right:15px;
}
.lastpic {
margin-left:20px;
display:inline;
margin-right:10px;
}
.imgSlideshow h2 {
text-align:center;
font:normal 19px Georgia;
margin:20px 0 0 0;
}
.imgSlideshow h2 a {
color:#000;
text-decoration:none;
}
.imgSlideshow a img {
opacity:1;
}
.imgSlideshow a:hover img {
opacity:1;
}
.imgSlideshow p {
text-align:center;
font:normal 12px Arial;
color:#595959;
margin:13px 0 13px 0;
}
.imgSlideshow p a {
color:#595959;
text-decoration:none;
}
.paginaregallery {
float:right;
height:40px;
border:0px solid red;
margin-top:33px;
margin-right:31px;
}
.paginareLeft {
float:left;
background-image:url(https://img.webme.com/pic/t/terkenkoyugaleri/paginareLeft.png);
background-repeat:no-repeat;
background-position:left;
height:40px;
width:7px;
}
.paginareCenter {
float:left;
background-image:url(https://img.webme.com/pic/t/terkenkoyugaleri/paginareCenter.png);
background-repeat:repeat-x;
background-position:left;
height:40px;
}
.paginareRight {
float:left;
background-image:url(https://img.webme.com/pic/t/terkenkoyugaleri/paginareRight.png);
background-repeat:no-repeat;
background-position:left;
height:40px;
width:7px;
}
.paginare {
float:right;
height:40px;
border:0px solid red;
margin-right:0px;
margin-top:7px;
}
.page {
width:23px;
height:23px;
float:left;
margin-left:5px;
}
.page a {
font:bold 15px Georgia;
color:#423933;
text-decoration:none;
margin:3px 0px 0px 6px;
border:0px solid red;
float:left;
}
.page a:hover {
color:#978a82;
}
#selecteditem {
background-color:#423933;
width:23px;
height:23px;
float:left;
margin:3px 0px 0px 6px;
border:0px solid #7b7b7b;
}
#selecteditem a {
font:bold 15px Georgia;
color:#fff;
text-decoration:none;
margin:0px 0px 0px 6px;
border:0px solid red;
float:left;
}
#selecteditem a:hover {
color:#fff;
}
.bench {
position:absolute;
top:334px;
left:70px;
}
.categories {
position:relative;
float:right;
width:241px;
height:50px;
margin-right:33px;
margin-top:12px;
}
.categories img {
position:absolute;
top:180px;
}
.menuservices {
float:left;
width:350px;
height:300px;
position:relative;
}
.menuservices ul {
list-style:none;
margin:0;
padding:0;
display:block;
position:absolute;
}
.menuservices ul li {
margin:4px 0 4px 0;
padding:4px 0 4px 0;
font:normal 19px Arial;
color:#545652;
background-image:url(https://img.webme.com/pic/t/terkenkoyugaleri/arrowmenu.png);
background-position:90% 50%;
background-repeat:no-repeat;
height:22px;
width:350px;
position:relative;
}
.menuservices ul li img {
position:absolute;
top:-5px;
}
.menuservices ul li a {
color:#545652;
text-decoration:none;
}
.menuservices ul li a:hover {
color:#6d2d09;
}
.menuservices ul li .selected {
color:#6d2d09;
}
.polles {
float:left;
position:relative;
}
.polles img {
position:absolute;
left: -60px;
top:200px;
}
.contentTextSlide {
float:right;
width:380px;
margin:0px 35px 0px 0px;
overflow: hidden;
height:370px;
position:relative;
}
.servicesText {
border:0px solid red;
margin-bottom:80px;
}
.servicesText p {
font:normal 13px Georgia;
color:#55504c;
line-height:22px;
margin:0;
}
.servicesText img {
float:right;
}
.contact {
float:left;
width:100%;
}
.form {
width:400px;
border:0px solid red;
float:left;
}
.inputcontact {
width:210px;
border:6px solid #525150;
padding:5px;
font:normal 14px Georgia;
}
.form_info{
width: 430px;
font:normal 14px Georgia;
color:#55504c;
}
.email_label, .phone_number_label, .your_company_label{
width: 150px;
float: left;
height: 61px;
position: relative;
top: 10px;
}
.email_input{
width: 270px;
float: left;
}
.chair {
float:left;
position:relative;
}
.chair img {
position:absolute;
left: -60px;
top: 77px;
}
.messagebox {
float:right;
width:350px;
border:0px solid red;
margin-right:60px;
}
.messageinput {
width:320px;
height:230px;
border:6px solid #525150;
padding:4px;
font:normal 14px Georgia;
}
.messagebox img {
float:right;
margin-top:25px;
}
.bigCarusel {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}
.bigCarusel li {
display:block;
float:left;
padding: 10px;
height:640px;
width: 850px;
}
/* gallery menu */
.galleryMenu {
border:0px solid red;
position:absolute;
bottom:150px;
right:35px;
width:224px;
z-index:1000;
}
.galleryMenu-top {
width:224px;
height:18px;
background-image:url(https://img.webme.com/pic/t/terkenkoyugaleri/menu_up.png);
}
.galleryMenu-center {
width:224px;
background-image:url(https://img.webme.com/pic/t/terkenkoyugaleri/menu_content.png);
}
.galleryMenu-row {
width:200px;
float:left;
margin: 5px 0px 0px 10px;
padding:2px 0px 4px 0px;
background-image:url(https://img.webme.com/pic/t/terkenkoyugaleri/menu_row_bottom.png);
background-repeat:no-repeat;
background-position:bottom;
}
.galleryMenu-row .thisText {
margin: 0px;
padding: 0px;
font: bold 14px Arial;
color: #e9e2d3;
float:left;
margin:0px 0px 0px 10px;
cursor:pointer;
}
.galleryMenu-row .checkbox {
width:19px;
height:19px;
background-image:url(https://img.webme.com/pic/t/terkenkoyugaleri/checkbox.png);
background-position: 0px -19px;
cursor:pointer;
float:left;
}
.galleryMenu-row .checkbox:hover {
background-position: 0px 0px;
}
.galleryMenu-row .checkboxSelected {
background-position: 0px 0px;
}
.galleryMenu-bottom {
width:224px;
height:18px;
background-image:url(https://img.webme.com/pic/t/terkenkoyugaleri/menu_bottom.png);
}
textarea:focus, input:focus {
background-image: url(https://img.webme.com/pic/l/limitsiz-paylasim/00100111010.png);
background-position: center;
}
input, textarea {
border:solid 1px #000;
-moz-border-radius: 3px;
padding:5px;
background-color:#0c467a;
margin: 0 0 5px 0;
}
textarea:focus, output:focus {
background-image: url(http://www.fileden.com/files/2009/5/3/2427786/0010011101.png);
background-position: center;
}
output, textarea {
border:solid 1px #000;
-moz-border-radius: 3px;
padding:5px;
background-color:#c32353;
margin: 0 0 5px 0;
}
p{
font-family: arial, sans-serif;
font-size:20px;
}
td{
font-family: arial, sans-serif;
font-size:20px;
}
//-->
</style>
</head>
<body id="hpb_cssonly">
<style type="text/css">
#ad-8f14 br {
display: none;
}
</style>
<table height="102" id="ad-8f14">
<tr>
<td height="102">
<iframe src="http://ads.webme.com/banner.php?pos=bw" frameborder="0" width="728" height="90" scrolling="no"></iframe></td>
</tr>
</table>
<style type="text/css">
/*
FancyBox - jQuery Plugin
Simple and fancy lightbox alternative
Copyright (c) 20010 Janis Skarnelis
Examples and documentation at: http://fancybox.net
Version: 1.3.0 (02/02/2010)
Requires: jQuery v1.3+
Dual licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
height: 40px;
width: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
background: transparent;
z-index: 1104;
display: none;
}
* html #fancybox-loading { /* IE6 */
position: absolute;
margin-top: 0;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_loading.png') no-repeat;
}
#fancybox-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
z-index: 1100;
display: none;
}
* html #fancybox-overlay { /* IE6 */
position: absolute;
width: 100%;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 20px;
z-index: 1101;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #272626;
}
#fancybox-inner {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
outline: none;
overflow: hidden;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 32px;
height: 32px;
background: url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_close.png') top left no-repeat;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox_error {
color: #444;
font: normal 12px/20px Arial;
}
#fancybox-content {
height: auto;
width: auto;
padding: 0;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
-ms-interpolation-mode: bicubic;
}
#fancybox-frame {
position: relative;
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-title {
position: absolute;
bottom: 0;
left: 0;
font-family: Arial;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding: 10px 0;
text-align: center;
color: #333;
}
.fancybox-title-outside {
padding-top: 5px;
color: #FFF;
text-align: center;
}
.fancybox-title-over {
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background: url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_title_over.png');
display: block;
}
#fancybox-title-wrap {
display: inline-block;
}
#fancybox-title-wrap span {
height: 32px;
float: left;
}
#fancybox-title-left {
padding-left: 15px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_title_left.png') repeat-x;
}
#fancybox-title-main {
font-weight: bold;
line-height: 29px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_title_main.png') repeat-x;
color: #e5e1dd;
padding: 0 4px 0 4px;
}
#fancybox-title-right {
padding-left: 15px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_title_right.png') repeat-x;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background-image: url('https://img.webme.com/pic/t/terkenkoyugaleri/blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_nav_left.png') no-repeat;
}
#fancybox-right-ico {
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_nav_right.png') no-repeat;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
div.fancy-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
z-index: 1001;
}
div#fancy-bg-n {
top: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_shadow_n.png') repeat-x;
}
div#fancy-bg-ne {
top: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_shadow_ne.png') no-repeat;
}
div#fancy-bg-e {
top: 0;
right: -20px;
height: 100%;
width: 20px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_shadow_e.png') repeat-y;
}
div#fancy-bg-se {
bottom: -20px;
right: -20px;
width: 20px;
height: 20px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_shadow_se.png') no-repeat;
}
div#fancy-bg-s {
bottom: -20px;
left: 0;
width: 100%;
height: 20px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_shadow_s.png') repeat-x;
}
div#fancy-bg-sw {
bottom: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_shadow_sw.png') no-repeat;
}
div#fancy-bg-w {
top: 0;
left: -20px;
height: 100%;
width: 20px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_shadow_w.png') repeat-y;
}
div#fancy-bg-nw {
top: -20px;
left: -20px;
width: 20px;
height: 20px;
background: transparent url('https://img.webme.com/pic/t/terkenkoyugaleri/fancy_shadow_nw.png') no-repeat;
}
</style>
<script type='text/javascript' src='http://www.mdn.fm/files/208049_pjij5/jquery.js?ver=1.4.2'></script>
<script type='text/javascript' src='http://www.mdn.fm/files/208055_riqvj/sendmail.js?ver=1.1'></script>
<script type="text/javascript" src="http://www.mdn.fm/files/208050_wr8nn/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="http://www.mdn.fm/files/208052_2mrxi/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://www.mdn.fm/files/208047_ufw5k/cufon.js"></script>
<script type="text/javascript" src="http://www.mdn.fm/files/208054_kcsmj/RNS_Camelia_275.font.js"></script>
<script type="text/javascript" src="http://www.mdn.fm/files/208053_3k1ay/jquery.fancybox-1.3.0.pack.js"></script>
<script type="text/javascript" src="http://www.mdn.fm/files/208051_xda8q/jquery.bbq.js"></script>
<script type="text/javascript" src="http://www.mdn.fm/files/208046_dvvrz/swfobject.js"></script>
<script type="text/javascript" src="http://www.mdn.fm/files/208048_tixkz/custom.js"></script>
<script type="text/javascript">
Cufon.replace('.menuservices li', {hover: true});
Cufon.replace('h2');
</script>
<script type="text/javascript">
/*!
* Art gallery website
*
* Copyright 2010, Dinca Andrei
* andrei.webdeveloper@gmail.com
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* Date: 07.05.2010
!*/
$(document).ready(function(){
// layout initialization
initLayouts();
// website controler
var websiteControl = {
/* generic/layout settings */
'startPage': '#home', // change start page
'caruselWrapper': '#caruselWrapper',
/* navigation settings */
'nav_speed': 850,
'nav_easing': 'easeInOutExpo',
'nav_menuSelectedClass': 'selected',
'nav_callback': "",
/* services settings */
'services_wrapper': '.contentTextSlide',
'services_speed': 850,
'services_easing': 'easeInOutExpo',
/* gallery carusel */
'carusel_wrapper': '.galleryCarusel',
'carusel_stepSize': 795,
'carusel_imgItems': '.imgSlideshow',
'carusel_speed': 350,
'carusel_easing': 'easeInOutExpo',
'carusel_callback': ""
};
// gallery init
websiteCarusel.init(websiteControl);
// gallery page lightbox
$("a.galleryLightbox").fancybox({
'titleShow' : true,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic'
});
// menu services
$('.menuservices ul li a').click(function(){
$(".menuservices").find('.selected').removeClass('selected');
$(this).addClass('selected');
servicesSlide($(this).attr('rel'), websiteControl);
Cufon.replace('.menuservices li', {hover: true});
return false;
});
// observer hash change. Work back button.
$(window).bind('hashchange', function () {
var hash = window.location.hash || websiteControl['startPage'];
navigateToPage(hash, websiteControl);
});
$(window).trigger("hashchange");
initLayouts();
});
$(window).resize(function() {
// if window resize
initLayouts();
});
</script>
<script type="text/javascript" src="http://www.mdn.fm/files/208045_pr8fi/core.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-13020774-10']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-15832274-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
