/* Resets --------------------------------------------------------------------------------*/ ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; } a img { border: 0; } a { text-decoration: none; } /* General Styling and Structure --------------------------------------------------------------------------------*/ body { font-family: 'Droid Sans', sans-serif; font-size: 15px; color:#444444; line-height:26px; background:url(header-footer-bg.jpg) repeat; } .container { margin: 0 auto; width: 940px; } #header-wrap, #banner-wrap, #nav-wrap, #nav-border-top, #nav-border-bottom, #main-wrap, #footer-wrap, #footer-inner-wrap, #outer-banner-wrap { background: url(content-bg.jpg) repeat; width:100%; } a { color: #d3222d; } a:hover { color: #86141b; } h2 { font-size: 30px; padding: .5em 0 .2em 0; line-height: 1.2; font-family: 'Oswald', sans-serif; font-weight:bold; text-transform:uppercase; color: #333333; } p { line-height: 1.5; padding: .5em 0; } div#content {min-height:400px;} /* Header --------------------------------------------------------------------------------*/ #header-wrap { padding:10px 0px; } #logo, #logo a { font-size:40px; color:#fff; text-transform:uppercase; font-weight:bold; font-family: 'Oswald', sans-serif; padding:15px 0; text-shadow: 0px 0px 15px #999999; display:block; line-height:50px; max-width:500px; } #logo a:hover { color:#fff; } #header, #nav-wrap table { border-collapse: collapse; border-spacing: 0; width:100%; } #header td, #nav-wrap table td { vertical-align: middle; text-align: left; } #header-right table { float: right; width: 1px; } #header-right td, #header-left td { padding: 0; } #header-left table { float: left; width: 1px; margin-left:-5px; } /* Header: Phone Number --------------------------------------------------------------------------------*/ #header-right .phone-number .wsite-text { color: #aaaaaa; font-size: 14px; font-style: italic; display: block; white-space: nowrap; } /* Header: Social Links --------------------------------------------------------------------------------*/ .wsite-social { vertical-align: middle; } .wsite-social-item { width: 25px; height: 25px; margin: 0 0 0 3px; background-image:url(social-grey-to-black.png); } .wsite-social-facebook {background-position:0 0;} .wsite-social-facebook:hover {background-position:0 -25px;} .wsite-social-facebook:active {background-position:0 -50px;} .wsite-social-pinterest {background-position:-25px 0;} .wsite-social-pinterest:hover {background-position:-25px -25px;} .wsite-social-pinterest:active {background-position:-25px -50px;} .wsite-social-twitter {background-position:-50px 0;} .wsite-social-twitter:hover {background-position:-50px -25px;} .wsite-social-twitter:active {background-position:-50px -50px;} .wsite-social-linkedin {background-position:-75px 0;} .wsite-social-linkedin:hover {background-position:-75px -25px;} .wsite-social-linkedin:active {background-position:-75px -50px;} .wsite-social-mail {background-position:-100px 0;} .wsite-social-mail:hover {background-position:-100px -25px;} .wsite-social-mail:active {background-position:-100px -50px;} .wsite-social-rss {background-position:-125px 0;} .wsite-social-rss:hover {background-position:-125px -25px;} .wsite-social-rss:active {background-position:-125px -50px;} .wsite-social-flickr {background-position:-150px 0;} .wsite-social-flickr:hover {background-position:-150px -25px;} .wsite-social-flickr:active {background-position:-150px -50px;} .wsite-social-plus {background-position:-175px 0;} .wsite-social-plus:hover {background-position:-175px -25px;} .wsite-social-plus:active {background-position:-175px -50px;} .wsite-social-vimeo {background-position:-200px 0;} .wsite-social-vimeo:hover {background-position:-200px -25px;} .wsite-social-vimeo:active {background-position:-200px -50px;} .wsite-social-yahoo {background-position:-225px 0;} .wsite-social-yahoo:hover {background-position:-225px -25px;} .wsite-social-yahoo:active {background-position:-225px -50px;} .wsite-social-youtube {background-position:-250px 0;} .wsite-social-youtube:hover {background-position:-250px -25px;} .wsite-social-youtube:active {background-position:-250px -50px;} /* Header: Search Box --------------------------------------------------------------------------------*/ #header-left .wsite-search { margin-right: 15px; vertical-align: middle; background:url(search-bg.png) no-repeat top left; width:227px; height:28px; } #header-left .wsite-search-input { width: 180px; background: none; border: none; margin-top: 2px; color: #666666; float:right; font-size:12px; font-style:italic; font-family: 'Droid Serif', serif; } #header-left .wsite-search-button { position: relative; width: 16px; height: 15px; margin: 7px 10px; background: url(serach-icon.png) no-repeat top left; } /* Navigation --------------------------------------------------------------------------------*/ #nav-wrap { background:url(header-footer-bg.jpg) repeat; } #nav-border-top { background:url(nav-border-top.jpg) repeat-x top; } #nav-border-bottom { background:url(nav-border-bottom.jpg) repeat-x bottom; } #nav-wrap .container { clear: both; position: relative; } #nav-wrap .container ul { list-style: none; float: right; height:100% } #nav-wrap .container ul li { list-style: none; float: left; height:100%; } #nav-wrap .container ul li a { display: block; font-family: 'Oswald', sans-serif; color: #fff; padding: 42px 15px; border: 0; outline: 0; list-style-type: none; font-size: 16px; text-transform:uppercase; text-shadow: 0px 0px 15px #fff; height:100%; } #nav-wrap .container ul li#active a, #nav-wrap .container ul li a:hover { color: #d3222d; text-shadow: 0px 0px 15px #d3222d; border: 0; background:url(nav-active-red.png) repeat-x center bottom; } /* Navigation Submenu's --------------------------------------------------------------------------------*/ #wsite-menus .wsite-menu { border:1px solid #000; } #wsite-menus .wsite-menu li { border-bottom:1px solid #000; } #wsite-menus .wsite-menu li:last-child { border-bottom:none; } #wsite-menus .wsite-menu li a { font-family: 'Oswald', sans-serif; font-size:16px; font-weight:bold; color: #fff; text-transform:uppercase; background: #444444; border: 1px solid #575757; } #wsite-menus .wsite-menu li a:hover { color: #d3222d; background: #444444; } /* Page type: Tall header --------------------------------------------------------------------------------*/ #banner-wrap { padding:35px 0; } .tall-header-page #banner-wrap { background:url(banner-tall-bg.png) no-repeat center; height:405px; } .tall-header-page .wsite-header { width: 920px; height: 380px; background: url(banner-tall.jpg) no-repeat; margin: 12px 0 0 10px; float:left; } /* Page type: Short header --------------------------------------------------------------------------------*/ .short-header-page #banner-wrap { background:url(banner-short-bg.png) no-repeat center; height:224px; } .short-header-page .wsite-header { width: 920px; height: 200px; background: url(banner-short.jpg) no-repeat; margin: 12px 0 0 10px; float:left; } /* Page type: No header --------------------------------------------------------------------------------*/ .no-header-page .wsite-header { display:none; } /* Page type: Landing page --------------------------------------------------------------------------------*/ .landing-page #banner { background: none; padding: 0; } #bannerleft { float: left; width: 544px; height:404px; background:url(banner-landing-bg.png) no-repeat; } .landing-page .wsite-header { width: 520px; height: 380px; background: url(banner-landing.jpg) no-repeat; margin: 12px 0 0 12px; float:left; } #bannerright { float: right; width: 360px; padding-left: 36px; } #bannerright h2 { color: #fff; font-size: 60px; padding-top: 0px; } #bannerright p { color: #aaaaaa; } #bannerright .wsite-button { margin-top:20px; } /* Main Content --------------------------------------------------------------------------------*/ #main-wrap { padding-bottom:35px; } #main-wrap .container { padding:5px; background:#151515; border:1px solid #565656; margin:0 auto; } #main-wrap .inner-container { background:url(content-bg-white.jpg) repeat; padding:20px; min-height:400px; } #main-wrap .container blockquote { font-style:italic; background:url(quotes.png) no-repeat left top; padding-left:60px; border-left:none; color:#777; margin:15px 0px; } #main-wrap .paragraph ul { padding-left:0px !important; } #main-wrap .paragraph li { list-style:none !important; background:url(bullet-content.png) no-repeat 0px 3px; padding-left:25px !important; } #main-wrap .container form .wsite-button { margin-top:20px; } /* Footer --------------------------------------------------------------------------------*/ #footer-wrap { text-align:right; background:url(header-footer-bg.jpg) repeat; color:#aaa; padding-bottom:20px; } #footer-inner-wrap { background:url(footer-top-bg.jpg) repeat-x top left; padding-top:25px; } #footer-wrap .container h2 { color:#fff; font-size:19px; } #footer-wrap .container a:hover { color: #fff; } #footer-wrap .paragraph ul { padding-left:0px !important; } #footer-wrap blockquote { font-style:italic; border-left:4px solid #444; margin:10px 0 10px 0; padding-left:20px; line-height:1.5; color:#666; } #footer-wrap .paragraph li { list-style:none !important; background:url(bullet-footer.png) no-repeat 0px 4px; padding-left:25px !important; } #footer-wrap .wsite-form-container { text-align:left; margin-top:0px !important; } /* Form Customization --------------------------------------------------------------------------------*/ .wsite-form-label { display: inline-block; font-weight:normal; } .wsite-form-input, .wsite-search-element-input { border: 1px solid #000; padding: 10px !important; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size:12px; -webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.3); box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.3); background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e0e0e0 0%,#ffffff 100%); background: -o-linear-gradient(top, #e0e0e0 0%,#ffffff 100%); background: -ms-linear-gradient(top, #e0e0e0 0%,#ffffff 100%); background: linear-gradient(to bottom, #e0e0e0 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); } .wsite-form-left .wsite-input, .wsite-form-right .wsite-input { width:160px !important; } .form-radio-container { margin:0 !important; } /* Buttons --------------------------------------------------------------------------------*/ /* Small structure & regular style */ .wsite-button { height: 36px; display: inline-block; padding: 0px 30px 0px 0px; background: url(button-highlight.png) no-repeat 100% -108px; } .wsite-button:hover { background-position: 100% -144px; } .wsite-button:active { background-position: 100% -180px; } .wsite-button-inner { color: #fff !important; height: 36px; line-height: 36px; display: block; font-size: 14px; padding: 0px 0px 0px 30px; text-shadow:0 -1px 1px rgba(0,0,0,0.8); background: url(button-highlight.png) no-repeat 0px 0px; } .wsite-button:hover .wsite-button-inner { background-position: 0px -36px; } .wsite-button:active .wsite-button-inner { background-position: 0px -72px; }

maximum-hacker

Ana sayfa

Bugün 1 ziyaretçi (1 klik) kişi burdaydı!
.wsite-button-large { color: #fff !important; height: 46px; background: url(button-highlight-large.png) no-repeat 100% -144px; padding: 0px 27px 0px 0px; } .wsite-button-large:hover { background-position: 100% -192px; } .wsite-button-large:active { background-position: 100% -240px; } .wsite-button-large .wsite-button-inner { height: 46px ; line-height: 46px; padding: 0px 0px 0px 27px; background: url(button-highlight-large.png) no-repeat 0px 0px; } .wsite-button-large:hover .wsite-button-inner { background-position: 0px -48px; } .wsite-button-large:active .wsite-button-inner { background-position: 0px -96px; } Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol