basketball jerseys custom /* Theme Name: Oknareal Theme URL: http://yaneblogger.ru/blog Author: Alexandr Kuznetsov Author URI: http://yaneblogger.ru */ html,body{ width: 100%; height: 100%; } body{ font-size: 14px; font-family: "Roboto"; color: rgb(102, 102, 102); line-height: 1.714; } p { padding-top: 3px; } .openlink{ display: none; } a{ color: #116d66; } #wrapper{ width: 100%; min-height: 100%; overflow: hidden; } .alignleft{ float: left; } .alignright{ float: right; } .aligncenter{ display: block; margin-left: auto; margin-right: auto; } .wpb_content_element{ clear: both; } .wpb_content_element .wpb_wrapper:after{ content: ''; display: block; clear: both; } .wp-caption.alignright~.wp-caption.alignright{ clear: right; } .alignleft{ float: left; } .aligncenter{ display: block; margin-left: auto; margin-right: auto; } input{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*header*/ #header{ padding: 53px 0 15px; border-bottom: 6px solid #f9f9f9; } .logo{ max-width: 470px; margin-left: auto; margin-right: auto; position: relative; padding-top: 4px; margin-top: -40px; text-align: center; } .logo{ } .slogan{ margin-left: 175px; border-top: 2px solid #fab5b1; border-bottom: 2px solid #fab5b1; text-align: center; font-size: 13.8px; font-family: "Roboto"; color: rgb(48, 48, 48); text-transform: uppercase; line-height: 1.3; } .header_buttons{ padding-top: 21px; } a.btn{ display: block; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a.red_btn{ max-width: 170px; font-size: 13px; font-family: "Roboto"; color: rgb(253, 32, 22); line-height: 1.2; text-decoration: none; height: 32px; line-height: 30px; margin-bottom: 8px; border: 1px solid rgb(253, 32, 22); background: #fff; text-align: center; } a.blue_btn{ max-width: 170px; font-size: 13px; font-family: "Roboto"; color: #116d66; line-height: 1.2; text-decoration: none; height: 32px; line-height: 30px; margin-bottom: 8px; border: 1px solid #116d66; text-align: center; } a.big_btn{ max-width: 230px; } .address{ font-size: 12px; font-family: "Roboto"; color: rgb(102, 102, 102); line-height: 1.2; max-width: 200px; } .header_address{ font-size: 14px; } .nowrap{ white-space: nowrap; } .header_address{ padding-top: 21px; padding-left: 26px; background: url(images/ico_address.png) 0 21px no-repeat; padding-bottom: 1px; } .header_address>div{ margin-bottom: 5px; } .phones{ margin-top: 6px; padding-top: 15px; padding-left: 62px; background: url(images/ico_tel.png) 30px 17px no-repeat; border-left: 2px dotted #cdcdcd; border-right: 2px dotted #cdcdcd; } .phone{ font-size: 14px; font-family: "Roboto"; color: rgb(48, 48, 48); text-transform: uppercase; line-height: 22px; vertical-align: baseline; } .phone span{ font-size: 22px; color: #116d66; font-weight: bold; vertical-align: baseline; } .calltime{ font-size: 12px; font-family: "Roboto"; color: rgb(102, 102, 102); line-height: 2.5; } .emails{ padding-left: 30px; margin-top: 43px; background: url(images/ico_email.png) 0 50% no-repeat; font-size: 12px; font-family: "Roboto"; color: rgb(102, 102, 102); line-height: 1.5; } .navcontainer{ background: #fcfcfc; border-bottom: 4px solid #fd362d; } #topnav{ margin-bottom: 12px; } .nav>ul{ list-style: none; display: table; width: 100%; } .nav>ul>li{ display: table-cell; text-align: center; line-height: 42px; position: relative; } .nav>ul>li a{ display: block; font-size: 14px; font-family: "Roboto"; color: rgb(17, 109, 102); text-transform: uppercase; text-decoration: none; } .nav>ul>li>a:hover{ color: #fd2016; } .nav .sub-menu{ display: none; } .nav>ul>li>.sub-menu{ position: absolute; left: 0; top: 100%; list-style: none; min-width: 150%; z-index: 10; padding-top: 16px; } .nav>ul>li>.sub-menu li{ background: #fcfcfc; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; position: relative; } .nav>ul>li>.sub-menu li a{ display: block; text-align: left; padding-left: 19px; } .nav>ul>li>.sub-menu li>.sub-menu{ position: absolute; left: 100%; padding-top: 0; top: 0; padding-left: 1px; border-bottom: 1px solid #d5d5d5; min-width: 100%; list-style: none; } .nav>ul>li>.sub-menu li>.sub-menu li{ border-left: 0; } .nav .sub-menu li:hover{ background: #ff4b43 !important; } .nav .sub-menu li:hover>a{ color: #fff; } #topmenu .menu-item-has-children:hover>.sub-menu{ display: block; } .nav>ul>li:hover:before{ content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; border-bottom: 8px solid #fd362d; border-left: 8px solid transparent; border-right: 8px solid transparent; margin-left: -8px; } /*slider*/ .caption-wrap{ right: 0; top: 0; opacity: 1 !important; background: transparent !important; text-align: center !important; } .caption{ max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 30px !important; padding-right: 30px !important; margin-top: 35px; } .caption h2{ font-size: 26px; font-family: "Roboto"; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 30px; } .caption h2:first-line{ font-size: 36px; } .caption p{ font-size: 14px; font-family: "Roboto"; color: rgb(200, 200, 200); line-height: 1.2; margin-bottom: 30px !important; } .caption a{ display: inline-block; font-size: 12px; font-family: "Roboto"; color: rgb(255, 255, 255); text-transform: uppercase; text-align: center; background-color: rgb(253, 32, 22); opacity: 0.569; height: 34px; padding-left: 22px; padding-right: 22px; line-height: 34px; text-decoration: none; } .flex-control-nav{ bottom: 12px !important; line-height: 12px !important; z-index: 10; } .flex-control-nav li a,.slick-dots li button{ font-size: 0; width: 12px !important; height: 12px !important; background: url(images/slide_nav.png) 0 0 !important; } .slick-dots li button{ border-radius: 50%; background: #f6f6f6 !important; background-color: #f6f6f6 !important; margin-left: 4px; margin-right: 4px; } .flex-control-nav li a.flex-active,.flex-control-nav li a:hover,.slick-dots li.slick-active button{ background: url(images/slide_nav.png) 100% 0 !important; } .flex-direction-nav a{ width: 44px !important; height: 44px !important; background-image: url(images/arrows.png) !important; } .flex-direction-nav .flex-prev{ left: 5px !important; opacity: 1 !important; } .flex-direction-nav .flex-next{ right: 5px !important; opacity: 1 !important; } .metaslider .flexslider{ margin-bottom: 0 !important; } /*menu*/ .block_title{ font-size: 26px; font-family: "RobotoCondensed"; color: rgb(102, 102, 102); text-transform: uppercase; line-height: 1; padding: 23px 0; text-align: center; border-bottom: 1px dotted #7e7e7e; margin-bottom: 23px; } .page_title{ text-align: left; font-size: 26px; font-family: "Roboto"; color: rgb(48, 48, 48); text-transform: uppercase; line-height:24px; padding-bottom: 8px; border-bottom: 1px dotted rgb(48, 48, 48); margin-bottom: 15px; } #homemenu{ list-style: none; display: block; text-align: center; font-size: 0; margin-bottom: 15px; } #homemenu>li{ display: inline-block; vertical-align: top; width: 16.5%; } #homemenu>li>a>span.menu-image-title{ display: block; font-size: 22px; font-family: "Roboto"; color: rgb(107, 107, 107); font-weight: bold; text-transform: uppercase; line-height: 1.2; text-align: center; cursor: default; } #homemenu>li>a{ text-decoration: none; display: block; margin-bottom: 10px; } #homemenu>li{ padding-bottom: 15px; } #homemenu li .menu-image-hover-wrapper{ display: block; vertical-align: middle; line-height: 73px; margin-bottom: 15px; padding-right: 0 !important; } #homemenu .sub-menu{ list-style: none; font-size: 14px; font-family: "Roboto"; text-decoration: underline; line-height: 0.929; text-align: center; } #homemenu .sub-menu li{ margin-bottom: 10px; } #homemenu .sub-menu a{ display: inline-block; padding-left: 16px; padding-right: 16px; color: rgb(17, 109, 102); } #homemenu .sub-menu a:hover{ background: url(images/slide_nav.png) -18px 50% no-repeat; color: #fd2016; } /*horizontal forms*/ #h_form_green{ background: url(images/h_form_bg.jpg) 50% 50% no-repeat; -webkit-background-size: cover; background-size: cover; } .h_form_green{ background: url(images/h_form_bg.jpg) 50% 50% no-repeat; -webkit-background-size: cover; background-size: cover; } #h_form_green_second{ background: #206f68; } .h_form{ max-width: 875px; padding-left: 25px; padding-right: 25px; margin-left: auto; margin-right: auto; color: #fff; padding-top: 20px; padding-bottom: 8px; text-align: center; } .form_title{ font-size: 26px; font-family: "RobotoCondensed"; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1; margin-bottom: 15px; } input[type="text"],input[type="tel"]{ width: 100%; padding-left: 20px; font-size: 14px; font-family: "Roboto"; color: rgb(102, 102, 102); background-color: rgb(255, 255, 255); height: 44px; margin-bottom: 7px; } input[type="submit"]{ font-size: 16px; font-family: "Roboto"; color: rgb(255, 255, 255); text-transform: uppercase; width: 100%; background-color: rgb(253, 32, 22); height: 44px; margin-bottom: 7px; cursor: pointer; } .ajax-loader{ display: none !important; } .content img.alignleft{ margin-right: 25px; margin-bottom: 10px; } .content{ margin-bottom: 30px; } #seohide{ display:none; } #brands{ font-size: 16px; font-family: "Roboto"; color: rgb(48, 48, 48); font-weight: bold; line-height: 1.5; text-align: center; padding-bottom: 40px; } #brands p{ margin-bottom: 25px; } #brands img{ margin-left: 14px; margin-right: 14px; margin-bottom: 10px; } /*why*/ #why{ background: url(images/why_bg.jpg) 50% 50% no-repeat; -webkit-background-size: cover; background-size: cover; color: #fff; text-align: center; position: relative; padding-bottom: 6px; border-bottom: 5px solid #451e1e; margin-bottom: 6px; } .why_white{ background: #fff; color:#666666; margin-bottom: 20px; text-align: center; position: relative; } #why .block_title{ color: #fff; border-color: #fff; } .why_white .block_title{ color: #666666; border-color: #666666; } .why_block .img_mask{ margin-bottom: 20px; } .w_title{ font-size: 22px; font-family: "RobotoCondensed"; text-transform: uppercase; line-height: 1.2; margin-bottom: 20px; max-width: 255px; margin-left: auto; margin-right: auto; } .why_block p{ font-size: 12px; font-family: "Roboto"; color: rgb(200, 200, 200); line-height: 1.5; text-align: center; max-width: 265px; margin-left: auto; margin-right: auto; margin-bottom: 25px; } #why:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: #fff; } /*slick*/ #works{ padding-bottom: 20px; } .slick-arrow{ display: block; top: 50%; margin-top: -15px; position: absolute; width: 16px; height: 30px; font-size: 0; text-indent: -9999px; cursor: pointer; background: url(images/slick_arrows.png); } .slick-prev{ background-position: 0 0; left: 0; } .slick-next{ background-position: 100% 0; right: 0; } .carousel,.carousel_reviews { padding-left: 20px; padding-right: 20px; margin-bottom: 30px; } .slide img{ padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; max-width: 250px; } #reviews{ padding-bottom: 30px; } .avatar{ float: left; width: 30%; } .review{ padding-top: 25px; } .comment_body{ margin-left: 31%; margin-right: 3%; } .circle img{ border-radius: 50%; } .avatar img{ margin-left: 10px; } .comment_author{ font-size: 18px; font-family: "RobotoCondensed"; color: rgb(48, 48, 48); line-height: 1; margin-bottom: 2px; } .comment_data{ font-style: italic; font-size: 12px; color: #666666; border-bottom: 1px solid #666666; margin-bottom: 5px; } .comment_text{ font-size: 13px; font-family: "Roboto"; color: rgb(102, 102, 102); line-height: 1.385; } .slick-dots{ list-style: none; text-align: center; padding-top: 20px; } .slick-dots li{ display: inline-block; cursor: pointer; } .slick-dots li button{ cursor: pointer; } #h_form_brown{ background: url(images/h_form_bg2.jpg) 50% 50% no-repeat; -webkit-background-size: cover; background-size: cover; } /*posts*/ #news{ padding-bottom: 40px; padding-top: 6px; } .post_title{ font-size: 16px; font-family: "Roboto"; color: rgb(17, 109, 102); font-weight: bold; line-height: 1.2; margin-bottom: 15px; } .post_title a{ text-decoration: none; } .post_thumb{ text-align: center; margin-bottom: 15px; } .post_excerpt{ font-size: 12px; font-family: "Roboto"; color: rgb(102, 102, 102); line-height: 1.2; } .post{ margin-bottom: 30px; } #map{ background: #424242; padding-bottom: 10px; } #map .block_title{ color: #fff; border-color: #fff; margin-bottom: 10px; } .map{ font-size:0; } /*footer*/ #footer{ color: #ffffff; background: #2d2d2d; padding-top: 40px; } .widget{ margin-bottom: 25px; } .footer_slogan{ font-size: 12px; font-family: "Roboto"; color: rgb(169, 169, 169); line-height: 1.5; padding-top: 10px; margin-bottom: 15px; } .widget-title{ font-size: 16px; font-family: "Roboto"; color: rgb(187, 187, 187); font-weight: bold; padding-bottom: 5px; border-bottom: 1px dotted rgb(187, 187, 187); line-height: 1.375; margin-bottom: 15px; } #footer ul{ list-style: none; } #footer li a{ color: #f24941; font-size: 13px; } .footer_address{ border:0; color: #fff; padding-left: 0; padding-right: 0; } .footer_address div{ padding-top: 9px; padding-left: 29px; background: url(images/tracker2.png) 0 9px no-repeat; padding-bottom: 6px; font-size: 10px; } .footer__contacts{ font-size: 14px; font-family: "Roboto"; color: rgb(187, 187, 187); line-height: 1.2; } .footer__contacts>div{ padding-left: 38px; margin-bottom: 8px; } .widget_offset{ margin-left: 10%; } .footer__address{ background: url(images/ico_address_red.png) 0 0 no-repeat; } .footer__phone{ background: url(images/ico_tel_red.png) 0 0 no-repeat; } .footer__email{ font-size: 12px; line-height: 20px; background: url(images/ico_email_red.png) 0 0 no-repeat; } .widget_title_mini{ font-size: 12px; font-family: "Roboto"; color: rgb(255, 255, 255); line-height: 1.6; padding-bottom: 8px; font-weight: normal; } #footer .phones{ padding-top: 0; margin-bottom: 65px; text-align: left; color: #fff; } #footer .phones .phone span,#footer .phones .phone{ color: #fff; } .soc_link{ display: inline-block; height: 31px; width: 31px; background-image: url(images/social.png); opacity: 0.8; } .soc_link:hover{ opacity: 1; } a.vk{ background-position: -34px 0; } a.inst{ background-position: 0 0; } a.ok{ background-position: 100% 100%; } #copyright{ text-align: center; font-size: 12px; font-family: "Roboto"; color: rgb(143, 143, 143); line-height: 1.083; padding: 9px 0; background: #101010; border-bottom: 5px solid #2d2d2d; } /*overlay*/ .overlay{ display: block; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.68); z-index: 100; display: none; } .popup{ position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #095f58; color: #fff; width: 440px; padding: 23px 0 13px; z-index: 200; display: none; } .close_order{ position: absolute; right: 8px; top: 7px; height: 14px; width: 14px; cursor: pointer; background: url(images/close.png); } .popup_title{ font-size: 26px; font-family: "Roboto"; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 20px; text-align: center; padding-bottom: 12px; border-bottom: 2px dotted #fff; margin-bottom: 25px; } .formblock{ max-width: 355px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; line-height: 40px; } .formblock input{ margin-bottom: 25px; } .popup .form_text{ font-size: 12px; font-family: "Roboto"; color: rgb(255, 255, 255); line-height: 1.083; text-align: center; max-width: 320px; margin-left: auto; margin-right: auto; } /*in*/ #middle{ padding-bottom: 20px; } #topnav+#middle{ margin-top: -6px; } #middle>.container{ position: relative; } #middle>.container:after{ content: ''; display: block; position: absolute; width: 1px; left: 24.25%; top: -35px; bottom: 0; background: #a1bebb; } .noline>.container:after{ display: none !important; } #breadcrumbs{ font-size: 14px; font-family: "Roboto"; color: rgb(255, 255, 255); line-height: 0.929; text-align: left; background: #3b4b4a; padding: 11px 0; margin-bottom: 35px; } .nomb{ margin-bottom: 0 !important; } #breadcrumbs a{ text-decoration: underline; color: #fff; } .breadcrumbs .current{ text-transform: uppercase; } .breadcrumbs .sep+.sep{ display:none; } #service_menu{ list-style: none; display: block; text-align: center; font-size: 0; margin-bottom: 15px; } #service_menu>li{ display: inline-block; vertical-align: top; width: 24.5%; } #service_menu>li>a>span.menu-image-title{ display: block; font-size: 16px; font-family: "Roboto"; color: rgb(107, 107, 107); font-weight: bold; text-transform: uppercase; line-height: 1.2; text-align: center; cursor: default; } #service_menu>li>a{ text-decoration: none; display: block; margin-bottom: 10px; } #service_menu>li{ padding-bottom: 15px; } #service_menu li img{ display: block;margin-left: auto; margin-right: auto; margin-bottom: 15px; padding-right: 0 !important; } #service_menu .sub-menu{ list-style: none; font-size: 14px; font-family: "Roboto"; text-decoration: underline; line-height: 0.929; text-align: center; } #service_menu .sub-menu li{ margin-bottom: 10px; } #service_menu .sub-menu a{ display: inline-block; padding-left: 16px; padding-right: 16px; color: rgb(17, 109, 102); } #service_menu .sub-menu a:hover{ background: url(images/slide_nav.png) -18px 50% no-repeat; color: #fd2016; } /*leftmenu*/ #leftmenu{ list-style: none; border-top: 1px dotted #919191; margin-bottom: 30px; } #leftmenu>li{ line-height: 48px; position: relative; } #leftmenu>li .menu-image-hover-wrapper{ float: left; width: 35px; height: 28px; padding-top: 10px; text-align: center; line-height: 28px; padding-right: 0 !important; } #leftmenu>li .menu-image-hover-wrapper img{ max-width: 35px; max-height: 28px; -webkit-transition:none !important; -o-transition: none !important; transition: none !important; } #leftmenu>li .menu-image-hover-wrapper .menu-image-title-after{ margin-left: 0 !important; } #leftmenu .menu-image-hovered:not(:hover) img.hovered-image{ height: 0; } #leftmenu .menu-image-hovered:hover img.menu-image{ height: 0; } #leftmenu>li>a{ display: block; text-decoration: none; border-bottom: 1px dotted #919191; padding-left: 13px; padding-right: 22px; } #leftmenu>li>a>.menu-image-title{ font-size: 18px; font-family: "Roboto"; font-weight: bold; color: #4b8983; text-transform: uppercase; line-height: 48px; padding-left: 17px; } #leftmenu>li>a>.menu-image-title:hover{ color: rgb(255, 55, 47); } #leftmenu>li:after{ content: ''; display: block; position: absolute; right: 4px; top: 19px; height: 10px; width: 18px; background: url(images/sidebar_arrows.png) 0 100% no-repeat; } #leftmenu>li.opened:after{ background: url(images/sidebar_arrows.png) 0 0 no-repeat; } #leftmenu .sub-menu{ padding-left: 57px; font-size: 14px; font-family: "Roboto"; text-decoration: underline; line-height: 1; list-style: none; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dotted #919191; display: none; } #leftmenu .sub-menu a{ color: rgb(17, 109, 102); padding-left: 15px; display: block; padding-top: 5px; padding-bottom: 5px; } #leftmenu .sub-menu a:hover{ background: url(images/slide_nav.png) -18px 50% no-repeat; color: #fd2016; } #leftmenu .opened .sub-menu{ display: block; } #sidebar form p{ margin-bottom: 9px; } #sidebar form{ font-size: 16px; font-family: "Roboto"; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; line-height: 1.125; text-align: center; background: #609590; padding-top: 9px; padding-bottom: 5px; } #sidebar .input{ padding: 0 18px; } .left-widget{ margin-bottom: 30px; } .left-widget ul{ list-style: none; } .left-widget ul.menu li{ display: block; text-align: center; border-bottom: 1px dotted #919191; line-height: 24px; padding-top: 12px; padding-bottom: 12px; } .left-widget ul.menu li a{ font-size: 18px; font-family: "Roboto"; font-weight: bold; color: #4b8983; text-transform: uppercase; text-decoration: none; } .left-widget ul.menu li a:hover{ color: #303030; } .rpwe_widget{ text-align: center; } .rpwe-block { text-align: left; } .rpwe-block ul{ list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .rpwe-block li{ border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; } .rpwe-block a{ display: inline !important; text-decoration: none; } .rpwe-block h3{ background: none !important; clear: none; margin-bottom: 0px !important; margin-top: 3px !important; font-size: 18px !important; font-family: "RobotoCondensed"; color: rgb(48, 48, 48); line-height: 1; } .rpwe-thumb{ box-shadow: none !important; margin: 0px 10px 2px 0; padding:0px !important; } .rpwe-summary{ font-size: 12px; } .rpwe-time{ display: inline-block; font-style: italic; font-size: 12px; color: #666666; border-bottom: 1px solid #666666; margin-bottom: 7px; padding-bottom: 3px; } .rpwe-comment{ color: #bbb; font-size: 13px; } .rpwe-alignleft{ display: inline; float: left; } .rpwe-comment a{ color: #377c75; text-decoration: underline !important; } .rpwe-alignright{ display: inline; float: right; } .rpwe-aligncenter{ display: block; margin-left: auto; margin-right: auto; } .rpwe-clearfix:before, .rpwe-clearfix:after{ content: ""; display: table !important; } .rpwe-clearfix:after{ clear: both; } .rpwe-clearfix{ zoom: 1; } .w-title{ font-size: 18px; font-family: "Roboto"; color: rgb(48, 48, 48); text-transform: uppercase; line-height: 1; text-align: center; border-bottom: 1px dotted rgb(48, 48, 48); padding-bottom: 5px; margin-bottom: 10px; } .content h2{ font-size: 14px; font-family: "Roboto"; color: rgb(48, 48, 48); font-weight: bold; text-transform: uppercase; line-height: 1.286; margin-bottom: 18px; } .page{ margin-bottom: 15px; border-bottom: 1px solid #d0d0d0; } .page p,#about p{ margin-bottom: 18px; } .in_about{ padding-top:18px; } .post_item_title{ margin-bottom: 5px; } .post_item_title a{ font-size: 18px; font-family: "Roboto"; color: rgb(55, 124, 117); font-weight: bold; text-decoration: underline; line-height: 1.2; } .post_item_excerpt{ font-size: 13px; font-family: "Roboto"; color: rgb(102, 102, 102); line-height: 1.385; text-align: left; margin-bottom: 15px; } .action_date{ font-size: 16px; font-family: "Roboto"; color: rgb(48, 48, 48); font-style: italic; line-height: 1.125; text-align: right; margin-bottom: 5px; } .post_item{ padding-top: 10px; margin-bottom: 30px; border-bottom: 1px solid #d0d0d0; } .navigation{ text-align: center; font-size: 13px; color: rgb(55, 124, 117); line-height: 1.385; } .navigation a{ color: rgb(55, 124, 117); text-decoration: none; margin-left: 5px; margin-right: 5px; } .navigation span{ font-weight: bold; margin-left: 5px; margin-right: 5px; text-decoration: underline; } .navigation a:hover{ color: #f45c54; } .comment_list .avatar img{ margin-left: 0; } .comment_list .comment_body{ margin-left: 32%; margin-right: 1%; } .comment_list .span6:nth-child(2n+1){ margin-left: 0; clear: left; } .page .gallery img{ border:0 !important; } .tab{ display: none; } .page-one h3{ font-size: 18px; font-family: "Roboto"; color: rgb(0, 0, 0); font-weight: bold; line-height: 1.333; text-align: left; margin-bottom: 25px; } .page-one h2{ font-size: 22px; font-family: "Roboto"; color: rgb(48, 48, 48); font-weight: bold; text-transform: uppercase; line-height: 1; margin-bottom: 30px; } .page-one em { font-size: 13px; font-family: "Roboto"; color: rgb(48, 48, 48); font-style: italic; line-height: 1; text-align: center; } p.strong{ font-size: 16px; font-family: "Roboto"; color: rgb(0, 0, 0); font-weight: bold; line-height: 1.5; margin-bottom: 35px; } .contact_address{ padding-top: 9px; padding-left: 29px; background: url(images/tracker.png) 0 9px no-repeat; padding-bottom: 6px; margin-bottom: 20px; } .contact_phones .phone{ font-size: 22px; margin-bottom: 30px; } .contact_phones .phone p{ font-size: 12px; font-family: "Roboto"; color: rgb(102, 102, 102); line-height: 1; text-transform: none; } .contact_call_time{ font-size: 16px; font-family: "Roboto"; color: rgb(102, 102, 102); line-height: 1.875; } .table{ border:1px solid #bad3d0; margin-bottom: 10px; width: 100%; } .table td{ padding: 10px 5px; } .name_td{ width: 19%; text-align: center; } .name_td a{ font-size: 14px; font-family: "Roboto"; color: rgb(48, 48, 48); font-weight: bold; line-height: 0.9; text-decoration: none; } .gallery_td{ font-size: 13px; font-family: "Roboto"; color: rgb(55, 124, 117); text-decoration: underline; line-height: 1; text-align: center; } .gallery_td .gallery-icon{ padding: 0 4px 4px; } .gallery_td img{ border: 1px solid #fff !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery_td img:hover{ border: 1px solid #ff4f49 !important; } .gallery_td .gallery-icon + .wp-caption-text{ text-decoration: underline; } .gallery_td .gallery-icon:hover + .wp-caption-text{ color: #ff372f; text-decoration: underline; } .r_form_title{ font-size: 22px; font-family: "Roboto"; color: rgb(48, 48, 48); text-transform: uppercase; line-height: 0.818; text-align: center; margin-bottom: 18px; } .r_form_block{ border-style: solid; border-width: 1px; border-color: rgb(237, 226, 226); background-color: rgb(242, 242, 242); padding: 13px 25px; margin-bottom: 35px; } label{ font-size: 14px; font-family: "Roboto"; color: rgb(102, 102, 102); line-height: 1.286; line-height: 44px; } .r_form_block textarea,.r_form_block input[type="text"]{ border-style: solid; border-width: 1px; border-color: rgb(237, 226, 226); background-color: rgb(255, 255, 255); margin-bottom: 13px; } textarea{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize:none; width: 100%; padding-left: 25px; padding-top: 5px; height: 93px; } .r_form_block input[type="submit"]{ background: #719f9b; margin-bottom: 0; } @media (max-width: 900px){ .widget_offset{ margin-left: 0; } #wrapper{ position: relative; } #sidebar{ display: none; } #topnav{ position: fixed; left: 100%; top: 0; background: #fff; min-height: 100%; width: 240px; z-index: 20; padding-top: 40px; padding-left: 10px; bottom: 0; } #topnav .container{ max-height: 100%; overflow: auto; padding-right: 10px; } #topnav .nav{ max-height: 100%; overflow: auto; } #topmenu{ display: block; } #topmenu li{ display: block; text-align: left; line-height: 32px; } #topmenu li a{ text-align: left; } #topmenu li .sub-menu{ display: block; position: static; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; } #topmenu li .sub-menu li{ border: 0; background: transparent; } #topmenu li .sub-menu a{ text-transform: none; } .leftmenu{ position: fixed; right: 100%; background: #fff; top: 0; width: 240px; z-index: 20; min-height: 100%; padding-top: 40px; padding-left: 10px; padding-right: 10px; } .openleft { right: -55px; } .opentop { left: -55px; } .opentop.closelink{ left: 0; } .openleft.closelink{ right: 0; } .openlink { display: block; cursor: pointer; position: absolute; top: 0; padding: 5px; } .openlink .line { width: 25px; height: 3px; margin: 5px; display: block; background: #000; } .closelink .line:first-child { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: 8px; } .closelink .line:first-child+.line { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .closelink .line:first-child+.line+.line { display: none; } #topnav.openbar { right: 0; left:auto; z-index: 30; } .leftmenu.openbar { right: auto; left:0; z-index: 30; } #topmenu li:hover .sub-menu{ /*display: none !important;*/ } #middle .container{ position: static; } #middle .container:after{ display: none; } .container{ padding-left: 10px; padding-right: 10px; } .address{ margin-left: auto; margin-right: auto; } .phones{ text-align: center; } #bottomnav{ display: none; } #footer,#footer .phones{ text-align: center; } #slider{ display: none; } #homemenu>li{ width: 33%; text-align: center; } .phones{ max-width: 196px; margin-left: auto; margin-right: auto; text-align: left; border: 0; padding-left: 30px; background-position: 0 17px; } .emails{ max-width: 196px; margin-left: auto; margin-right: auto; } .footer__contacts{ max-width: 270px; margin-left: auto; margin-right: auto; text-align: left; } } @media (max-width: 540px){ .logo{ text-align: center; padding-left: 0; padding-top: 0; } .logo a{ display: block; position: static; width: auto; max-width: none; } .slogan{ margin-left: 0; } } @media (max-width: 480px){ .avatar{ float: none; text-align: center; } .comment_body{ margin-left: 2%; margin-right: 2%; } #homemenu>li,#service_menu>li{ width: 49%; } .popup{ width: 260px; } } .wpcf7-not-valid-tip{ display: none !important; font-size: 0 !important; padding: 0 !important; margin: 0 !important; border:0 !important; } .wpcf7-response-output{ border: 0 !important; font-size: 16px !important; margin: 0 !important; padding: 4px !important; background: #609590 !important; } .content ul { padding-left: 30px;} .content ol { padding-left: 30px;} /*sale*/ .sale{ background-color: #ececec; background-image: -webkit-linear-gradient(to top, #cbcbcb 0%, white 100%); background-image: linear-gradient(to top, #cbcbcb 0%, white 100%); } .sale__bg{ background: url(images/sale__family.jpg) 50% 50% no-repeat; padding-top: 36px; padding-bottom: 36px; -webkit-background-size: auto 100%; background-size: auto 100%; } .container_min{ max-width: 1030px; } .sale__block{ float: right; width: 320px; margin-right: 100px; color: #fff; padding-top: 20px; padding-left: 15px; padding-right: 14px; padding-bottom: 30px; background: #3c746b; -webkit-box-shadow: 4.1px 2.9px 0 rgba(39, 37, 37, 0.75); box-shadow: 4.1px 2.9px 0 rgba(39, 37, 37, 0.75); } .sale__title{ font-size: 43px; font-family: "PFDinTextCondPro"; color: rgb(255, 255, 255); line-height: 1.4; text-align: center; } .sale__title_bg{ font-size: 60px; line-height: 58px; background: url(images/sale__title.png) 50% 100% no-repeat; -webkit-background-size: contain; background-size: contain; } .sale__desc{ font-size: 19px; font-family: "PFDinTextCondPro"; color: rgb(255, 255, 255); line-height: 1.2; text-align: center; margin-bottom: 0.5em; } #countdown{ text-align: center; font-size: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; } .countDays,.countHours,.countMinutes,.countSeconds{ display: inline-block; flex-grow: 1; font-size: 25px; font-family: "PFDinTextCondPro"; color: rgb(0, 0, 0); background: #fff; line-height: 1.3em; height: 32.5px; } .countDiv{ font-size: 20px; font-family: "PFDinTextCondPro"; color: rgb(0, 0, 0); width: 12px; line-height: 1; } #note{ width: 100%; text-align: center; font-size: 18px; font-family: "PFDinTextCondPro"; color: rgb(0, 0, 0); line-height: 1.3; } .sale__slogan{ font-size: 20px; font-family: "PFDinTextCondPro"; color: rgb(255, 255, 255); line-height: 1.091; text-align: center; margin-bottom: 0.5em; margin-top: 1em; } .sale__form input{ height: 35px; font-size: 16px; font-family: "PFDinTextCondPro"; text-align: center; padding-left: 0; } .sale__form-text{ font-size: 10.5px; font-family: "PFDinTextCondPro"; color: rgb(255, 255, 255); line-height: 1.6; text-align: center; padding-bottom: 0.4em; } .position{ width: 9.5px; overflow: hidden; display: inline-block; } .sale__form div.wpcf7-response-output{ font-size: 14px !important; line-height: 1 !important; text-align: center; font-family: "PFDinTextCondPro"; } @media (max-width: 900px){ .sale__block{ float: none; width: auto; max-width: 385px; margin-left: auto; margin-right: auto; } .emails{ margin-top: 10px; } } @media (max-width: 767px){ .sale{ padding: 15px 0; } .sale__bg{ background: transparent; padding-top: 0; } .sale__title{ -webkit-background-size: 100% 100%; background-size: 100% 100%; } } .landing .container{ float: none !important; margin-left: auto !important; margin-right: auto !important; } .landing{ padding: 20px 0; } .landing p{ margin-bottom: 0.8em; } .landing h1{ font-size: 26px; font-family: "Roboto"; color: rgb(218, 37, 29); font-weight: bold; text-transform: uppercase; line-height: 1; text-align: center; padding-bottom: 0.8em; border-bottom: 1px dotted #ccc; margin-bottom: 1em; } .landing h2{ font-size: 26px; font-family: "Roboto"; color: rgb(64, 109, 102); font-weight: bold; text-transform: uppercase; line-height: 1; text-align: center; margin-bottom: 1em; text-decoration: underline; } .landing h3{ font-size: 26px; font-family: "RobotoCondensed"; color: rgb(102, 102, 102); text-transform: uppercase; line-height: 1; text-align: center; font-weight: normal; margin-bottom: 1em; } .landing .flex .wpb_wrapper{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; text-align: center; } .landing .flex .wpb_wrapper h4{ max-width: 120px; } .landing h4{ font-size: 18px; font-family: "Roboto"; font-weight: bold; line-height: 1.333; text-align: center; margin-bottom: 1em; } .landing a{ color: rgb(224, 68, 53); text-decoration: none; } .landing a:hover{ text-decoration: underline; } .landing h5{ font-family: "RobotoCondensed"; font-size: 14px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 0.929; text-align: center; margin-bottom: 1em; } .landing .wp-caption-text{ font-size: 14px; font-family: "Roboto"; color: rgb(102, 102, 102); font-weight: bold; line-height: 1.071; text-align: center; } .newtabs .vc_tta-tab a{ color: #f00 !important; font-weight: bold; text-align: center !important; } .newtabs .vc_tta-tab.vc_active a{ text-decoration: underline !important; } .newtabs .vc_tta-panel-body{ background: #e5e5e5 !important; } .flexcolumn{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; min-height: 595px; } .flexcolumn p{ margin: 0px; padding: 0px; } .sale__slogan2 { font-size: 17px; font-family: "PFDinTextCondPro"; color: rgb(255, 255, 255); line-height: 1.091; text-align: center; margin-top: 0.5em; }
Como comeA�ar sua Web-Site: um guia elementar para iniciantes

A primeira coisa a fazer A� colocar pensamentos negros em natural. Para isso, a maneira mais simples A� pegar alguns papA�is em branco, colocA?-los na horizontal para que eles tenham a forma de uma tela e escrever e desenhar este que os visitantes gostariam de olhar. Na primeira tela, vocA? pode colocar um link, um nome, iniciais e algumas informaA�A�es bA?sicas, introduzindo o visitante nas outras pA?ginas do site. SerA? a sua prA?pria primeira pA?gina que corresponderA? A� pA?gina de boas vindas do seu site. Em torno desta pA?gina, vocA? colocarA? suas outras pA?ginas reunindo seus tA?picos e suas ideias para que o todo se mantenha e tenha uma certa lA?gica, que serA? apreciada pelos visitantes do seu sitio. Se as ideias nA?o forem fA?ceis, vocA? tA?m a possibilidade de navegar na Internet e visitar todos os tipos de sites, observando como os textos e as imagens sA?o apresentados, onde sA?o colocados na pA?gina e este que chama a feitio.

Neste momento o visitante pode comeA�ar a escrever o artigo que aparecerA? nas numerosas pA?ginas. A� especialmente hora de decidir quais desenhos ou fotografias vocA? irA? implementar em suas pA?ginas. Delibere que suas ilustraA�A�es devem ser por tamanho reduzido para reduzir este tempo por carregamento e que elas devem ser de capacidade. Todos esses pontos sA?o importantes para satisfazer este visitante do seu sitio. A� preciso usar um software grA?fico para preparar as imagens, mas um software de baixo custo, como o Microsoft Paint vendido com o Windows, tA?m a possibilidade de ser bnastante na maior parte dos quadros.

De preferA?ncia, vocA? salvarA? suas imagens em formatos GIF (256 cores) ou JPEG (atA� 16 milhA�es de cores), que sA?o os dois formatos grA?ficos mais suportados em navegadores da Net. Na maioria dos quadros, com exceA�A?o das fotografias, nA?o se pode ver a diferenA�a entre uma imagem do 256 cores e uma de 24 bits porque, de fato, as 256 cores dominantes de uma imagem sA?o retidas pelo editor grA?fico no instante da gravaA�A?o. A primA?rio diferenA�a deve estar no nA�vel por tempo por download, de que serA? mais curto se o arquivo for menor. Muitas vezes, A� especialmente preferA�vel de que as fotos sejam salvas em JPEG para preservar o mA?ximo de cores e nuances.

HA? livros que se pode comprar em uma livraria e vA?rias informaA�A�es na Net para aqueles que querem saber mais antes de programar sua pA?gina web. A� muito fA?cil descobrir um guia de programaA�A?o HTML. O HTML A� especialmente o espA�cie de arquivo padrA?o usado pelos servidores da web. Como esta maneira do combinar imagens e textos parece 1 pouco espetacular, criar um blog gratuito e personalizado seria tentado acreditar que A� feio fazer, mas nA?o foi o caso. O HTML A� uma verdadeira linguagem de programaA�A?o inventada no inA�cio destes anos 90, que se tornou padrA?o depois disso. Era importante atingir 1 padrA?o para que o mA?ximo do usuA?rios em todo o mundo pudesse se tirar benefA�cios dele. Os documentos HTML sA?o exibidos da mesma maneira nos vA?rios estilos de computadores.

Pode-se usar o HTML (Hypertext Markup Language) para produzir todos os estilos de documentos: correio eletrA?nico com imagens integradas, notA�cias, documentos por apresentaA�A?o, artigos de jornais ou atA� mesmo livros eletrA?nicos. Os servidores da World Wide Web dA?o acesso a arquivos codificados em HTML que podem vir a estabelecer automaticamente links para as informaA�A�es, imagens ou sons produzidos pelos arquivos instalados no mesmo servidor, bem como em outros servidores do mesmo espA�cie em qualquer parte do mundo. A� muito prA?tico e por uma eficA?cia impressionante.

1 documento em HTML, logo, contA�m texto padrA?o e rA?tulos colocados entre 2 ganchos com um nome de referA?ncia e atributos. Para cada A?rea especA�fica, encontra-se um sinal marcando seu princA�pio (exemplo: ) e na maioria das vezes outro indicando seu fim (exemplo: ), que contA�m uma barra oblA�qua. Outros rA?tulos envolvem 1 sA�mbolo especA�fico, como para um retorno A� linha ou para o traA�ado de uma linha nivelado. A linguagem HTML bA?sica evoluiu para novas funA�A�es complementares, natural como linguagens mais avanA�adas (Java, JavaSript, VB Script, VML, ASP, PHP).

Pode-se criar pA?ginas HTML usando todos os tipos por software. A� uma questA?o de encontrar aqueles de que correspondem melhor A�s suas necessidades e meios. Pergunte ao provedor de hospedagem o nome do index de armazenamento e o mA�todo por transferA?ncia. Como seus arquivos HTML seroada armazenados pelo computador por um provedor de hospedagem, vocA? deve perguntar a ele em qual index de seu computador eles serA?o colocados. Ele tA?m a possibilidade de lhe lanA�ar apenas 1 nome de A�ndice simples ou uma sA�rie inteira de subdiretA?rios para cruzar para chegar aos seus arquivos. Nesse caso, pergunte ao provedor por hospedagem estes prefixos (caminhos a serem seguidos) por seus nomes de arquivos. Se vocA? deseja estabelecer links do hipertexto com outras pA?ginas HTML, observe o sentido a ser seguido para alcanA�A?-lo. Seja cauteloso, qualquer erro do digitaA�A?o impedirA? o estabelecimento do link.

Оставьте заявку и получите бесплатную доставку
Заполните поля и нажмите кнопку “Отправить заявку” и мы вам перезвоним в ближайшее время
Наши работы
Почему люди заказывают у нас?
Рассрочка на 4 месяца БЕЗ БАНКА.

Все работы-от поставки до отделки-выполняются сотрудниками компании,без привлечения людей со стороны.

Собственный автомобиль,что гарантирует доставку материалов точно в срок.

Предоставляем гарантию 7 лет,на отсутствие продуваний,промерзаний и протеканий через окна.

Оставьте заявку на просчет окон
Заполните поля и нажмите кнопку “Отправить заявку” и мы вам перезвоним в ближайшее время
term paperswrite my paper for meessay help buy essay papercustom essay
Как нас найти
pay for essay do my essay write essays for money essay paper english essay pay for essay paper writer

Buy Generic Cialis online Propecia retin a buy Xenical lumigan usa careprost eyelash Careprost Bimatoprost