%PDF- %PDF-
Direktori : /home/kfvehpdt/epouse-et-moi.com/css/hydra/ |
Current File : /home/kfvehpdt/epouse-et-moi.com/css/hydra/main.css |
@charset "utf-8"; /******************** * Minimal CSS Reset * ********************/ html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, center, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; color: rgb(68, 68, 68); vertical-align: baseline; font-weight: 300; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } body, html { height: 100%; width: 100%; } /************* * Typography * *************/ h1, h2, h3, h4, h5, h6, body { font-family: 'Open Sans', sans-serif; } h1 { font-size: 30pt; } h2 { font-size: 17pt; } p { font-size: 10pt; line-height: 1.24; } a { text-decoration: none; } /***************** * Helper Classes * *****************/ /* Micro Clearfix */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .tc { text-align: center !important; } .mpf { margin: 0; padding: 0; } .rounded { border-radius: 2px; } .ease025S { -webkit-transition: all ease-in-out 0.25s; -moz-transition: all ease-in-out 0.25s; -ms-transition: all ease-in-out 0.25s; -o-transition: all ease-in-out 0.25s; transition: all ease-in-out 0.25s; } .ease05S { -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .ease1S { -webkit-transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; -ms-transition: all ease-in-out 1s; -o-transition: all ease-in-out 1s; transition: all ease-in-out 1s; } /******************** * DNS Button Styles * ********************/ .button { cursor: hand; cursor: pointer; display: inline-block; height: 20px; padding: 10px 30px; font-size: 10pt; color: #F1F1F1; line-height: 20px; text-align: center; vertical-align: middle; white-space: nowrap; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .button.blue { background: -moz-linear-gradient(top, rgba(62,141,221,1) 0%, rgba(33,104,175,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(62,141,221,1)), color-stop(100%,rgba(33,104,175,1))); background: -webkit-linear-gradient(top, rgba(62,141,221,1) 0%,rgba(33,104,175,1) 100%); background: -o-linear-gradient(top, rgba(62,141,221,1) 0%,rgba(33,104,175,1) 100%); background: -ms-linear-gradient(top, rgba(62,141,221,1) 0%,rgba(33,104,175,1) 100%); background: linear-gradient(to bottom, rgba(62,141,221,1) 0%,rgba(33,104,175,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e8ddd', endColorstr='#2168af',GradientType=0 ); } .button.blue:hover { background: #397ccd; } .button.blue:active { background: #255b9d; } .button.green { background: -moz-linear-gradient(top, #7ac142 0%, #68a038 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ac142), color-stop(100%,#68a038)); background: -webkit-linear-gradient(top, #7ac142 0%,#68a038 100%); background: -o-linear-gradient(top, #7ac142 0%,#68a038 100%); background: -ms-linear-gradient(top, #7ac142 0%,#68a038 100%); background: linear-gradient(to bottom, #7ac142 0%,#68a038 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac142', endColorstr='#68a038',GradientType=0 ); } .button.green:hover { background: #7ac142; } .button.green:active { background: #446c24; } /********************** * Main Element Layout * **********************/ .wrapper { position: relative; margin: 0 auto -100px auto; top: 0; width: 100%; min-height: 100%; padding: 0; } .full { width: 100%; } .view { width: 700px; margin: 0 auto; } .full, .view { text-align: center; position: relative; } /********** * Inquiry * **********/ .inquiry-bar { background: #333; } .inquiry-bar:hover { background: #609c31;} .inquiry > p { font-family: 'Open Sans', sans-serif; color: #FFF; line-height: 15px; padding: 5px 0; } /************** * Domain Name * **************/ .name-bar { position: relative; padding: 25px 0; overflow: hidden; height: 75px; } .name-container a { text-decoration: none; } .splash { display: none; min-width: 100%; min-height: 100%; position: absolute; left: 0; bottom: -360px; } .logo { width: 75px; height: 75px; display: inline-block; position: relative; } .logo > img { width: 75px; height: 75px; top: 0; left: 0; position: absolute; z-index: 1; } .logo > img + img { z-index: 0; } .name { max-width: 600px; height: 75px; margin-left: 25px; display: inline-block; vertical-align: top; line-height: 75px; } /********* * Search * *********/ .search-bar { padding: 20px 0; } .search-box { float: left; height: 25px; width: 565px; padding: 2px 10px 3px; font-size: 13pt; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; } .search-box:hover { border: 1px solid #bbb; border-top: 1px solid #aaa; box-shadow: inset 1px 2px 2px #F1F1F1; } .search-box:focus { border: 1px solid #ccc; border-top: 1px solid #bbb; outline: none; box-shadow: 0 0 0 1px #318DDE, inset 0 1px 2px #F1F1F1; } .search-button { float: right; margin-left: 10px; border: 1px solid #3079ed; background: #4d8ffd; background: -moz-linear-gradient(top, #4d8ffd 0%, #4787ed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d8ffd), color-stop(100%,#4787ed)); background: -webkit-linear-gradient(top, #4d8ffd 0%,#4787ed 100%); background: -o-linear-gradient(top, #4d8ffd 0%,#4787ed 100%); background: -ms-linear-gradient(top, #4d8ffd 0%,#4787ed 100%); background: linear-gradient(to bottom, #4d8ffd 0%,#4787ed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d8ffd', endColorstr='#4787ed',GradientType=0 ); } .search-button:hover { border: 1px solid #2f5bb7; background: #4c8ffd; background: -moz-linear-gradient(top, #4c8ffd 0%, #357ae8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c8ffd), color-stop(100%,#357ae8)); background: -webkit-linear-gradient(top, #4c8ffd 0%,#357ae8 100%); background: -o-linear-gradient(top, #4c8ffd 0%,#357ae8 100%); background: -ms-linear-gradient(top, #4c8ffd 0%,#357ae8 100%); background: linear-gradient(to bottom, #4c8ffd 0%,#357ae8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c8ffd', endColorstr='#357ae8',GradientType=0 ); } .search-button:active { box-shadow: inset 0 1px 4px #2455a3; } .search-button.caf { width: 102px; height: 28px; position: absolute; right: -3px; top: 1px; } .search-icon { width: 14px; padding: 7px 34px; } /**************** * Related Items * ****************/ .related { margin: 25px auto; } .related > div { padding: 20px 50px; } .true-buy > div { display: inline-block; } .price-info { width: 350px; margin: 40px 0; } .price-info > h3, .price-info > h2 { height: 50px; line-height: 50px; } .price-info > h3 { width: 350px; font-weight: 800; } .price-info > h2 { width: 145px; float: left; } .price-info .button { float: right; padding-top: 15px; padding-bottom: 15px; } p.block-text { text-align: left; font-size: 15px; font-weight: 300; line-height: 25px; margin: 15px 0; } /********* * Footer * *********/ .page-footer, .footer-push { height: 50px; } .page-footer { margin-top: 50px; } .boilerplate { font-size: 8pt; } /* -------- SECONDARY FEED STYLING --------- */ #secondaryfeed { font-family: arial, sans-serif; text-align: left; } #secondaryfeed h3 { display: block; color: #aaa; font-size: 16px; font-weight: normal; margin: 0; padding: 3px 4px 1px 4px;} #secondaryfeed ul { list-style-type: none; margin: 0; padding: 0;} #secondaryfeed li { padding: 5px 0 15px 32px; background: url(http://afs.googleusercontent.com/dp-nameadmin/chevron-gray.png) no-repeat 0 8px; } #secondaryfeed a:hover { color: #FF0000; } #secondaryfeed .title { font-size: 22px; line-height: 1.4em; color: #00f; text-decoration: underline; } #secondaryfeed .description { font-size: 18px; line-height: normal;; color: #000;} #secondaryfeed .display_url { font-size: 18px; line-height: normal; color: #11772D; text-decoration: none;} /* -------- END SECONDARY FEED STYLING -------- */