sorina_1100 6 ارسال شده در مرداد 94 سلام دوستانکسی منویی شبیه به منوی سمت راست این سایت سراغ داره ؟http://gahartranslation.comیه منو داره همون بالای سایت سمت راست پایین عکسه مرکز ترجمه گهر ، گزینه هاشم ایناس : عضویت ثبت سفارش و لیست قیمت و ...یه همچین چیزی کسی داره؟ممنون 1 واکنش ها : titan نقل قول به اشتراک گذاری این ارسال لینک به ارسال به اشتراک گذاری در سایت های دیگر
golbazi 31 ارسال شده در مرداد 94 با سلام و احترام خدمت شما بکمک html و css براحتی می توان این شکل منو ها را ایجاد نمود 1 واکنش ها : رضاقاسمی نقل قول به اشتراک گذاری این ارسال لینک به ارسال به اشتراک گذاری در سایت های دیگر
sorina_1100 6 ارسال شده در مرداد 94 با سلام و احترام خدمت شما بکمک html و css براحتی می توان این شکل منو ها را ایجاد نمود سلام میشه کدهاش رو لطف کنید بدید ؟ من بلد نیستم 1 واکنش ها : mohsen kian نقل قول به اشتراک گذاری این ارسال لینک به ارسال به اشتراک گذاری در سایت های دیگر
titan 3 ارسال شده در مرداد 94 سلام میشه کدهاش رو لطف کنید بدید ؟ من بلد نیستم /* Theme Name: Gahar Theme Theme URL: www.yaldaweb.com Description: Design by: iVahid.com | Coded by: Mohammad Reza Sabzevari www.yaldaweb.com Author: Mohammad Reza Sabzevari Author URL: www.yaldaweb.com */ @font-face { font-family: 'y_yekan'; src: url('font/yekan-webfont.eot'); src: url('font/yekan-webfont.eot?#iefix') format('embedded-opentype'), url('font/yekan-webfont.woff') format('woff'), url('font/yekan-webfont.ttf') format('truetype'), url('font/yekan-webfont.svg#y_yekan') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'y_unique'; src: url('font/mj_unique_light.eot'); src: url('font/mj_unique_light.eot?#iefix') format('embedded-opentype'), url('font/mj_unique_light.woff') format('woff'), url('font/mj_unique_light.ttf') format('truetype'), url('font/mj_unique_light.svg#y_unique') format('svg'); font-weight: normal; font-style: normal; } /*-- Coding: YaldaWeb.com // Mohammad Reza Sabzevari --*/ /*-- Yahoo! ID: mohammad.reza_sa --*/ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } article, aside, footer, header, hgroup, nav, section { display: block; } /*------------------------------------------------*/ /*-----------------[bASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { line-height: 21px; font-family: y_yekan,Tahoma,Arial,Verdana,sans-serif; font-size: 14px; color: #454545; background-color: #ffffff; direction:rtl;} a { text-decoration: none; color: #4da28f; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #454545; line-height: 1em; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #454545; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { padding-bottom: 10px; line-height: 24px; } strong { font-weight: bold; color: #1c1c1c; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0px; } textarea { padding: 4px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .wrapper { width:960px; margin:0 auto; } .header { background:#444444; height:454px; } .nav { background:url(images/nav-bg.png) repeat-x; height:64px; } .cat ul { } .cat ul li { float:right; position: relative; margin-left:0px !important; margin-right:0px !important; } .cat ul li a { border-left:solid 1px #e7e7e7; height:61px; line-height:61px; margin:0 1px; font-size:14px; display:inline-block; padding:0 18px; color:#777; transition:all 1000ms; margin-left:0px !important; margin-right:0px !important; } .cat ul li a:hover { background:#e85f0d; color:#fff; } /* Submenu */ .hasChildren { position: absolute; width: 10px; height: 10px; background:url(images/haschild.png); left : 1px; bottom: 2px; } .cat ul li ul { display: none; position: absolute; right: 0; top: 100%; margin: 0; behavior: url(border-radius.htc); border-radius:4px 0 4px 4px; background:#e85f0d; padding:4px 4px 2px 4px; z-index:999999; } .cat ul li:hover > ul { display: block; } .cat ul li ul li, .cat ul li ul li a { float: none; behavior: url(border-radius.htc); border-radius:200px; margin:3px 0; height:30px; background:#f6f6f6; border:solid 0px #fff; color:#444; line-height:30px; transition:all 300ms; } .cat ul li ul li:hover, .cat ul li ul li a:hover { background:#af4a0e; color:#fff; } .cat ul li ul li { _display: inline; /* for IE6 */ } .cat ul li ul li a { width: 150px; display: block; } /* SUBSUB Menu */ .cat ul li ul li ul { display: none; } .cat ul li ul li:hover ul { left: 100%; top: 0; } .member { float:left; width:226px; padding-top:12px; } .login,.register { display:inline-block; height:31px; background:url(images/member-bg.png) no-repeat; margin:1px; text-indent:-99999px; } .login { width:138px; background-position:center right; } .register { width:78px; background-position:center left; } .logo { width:291px; height:374px; float:right; background:url(images/logo.png) no-repeat; } .links li a { background:url(images/links.png) no-repeat; width:187px; height:30px; line-height:30px; text-indent:50px; color:#fff; display:block; transition:all 500ms; opacity:0.8; } .links { margin-top:160px; margin-right:30px; } .links:hover li a { opacity:0.4; } .links:hover li:hover a { opacity:1; } .links li { margin-bottom:2px; } .links .l1 { background-position: 0px 0px; } .links .l2 { background-position: 0px -32px; } .links .l3 { background-position: 0px -64px; } .links .l4 { background-position: 0px -96px; } .links .l5 { background-position: 0px -128px; } .links .l6 { background-position: 0px -160px; } .slider { float:left; background:url(images/shadow.png) no-repeat 0 205px; } /* Slicebox Style */ .sb-slider { margin: 30px auto 10px auto; position: relative; overflow: hidden; width: 100%; list-style-type: none; padding: 0; } .sb-slider li { margin: 0; padding: 0; display: none; } .sb-slider li > a { outline: none; } .sb-slider li > a img { border: none; } .sb-slider img { max-width: 100%; display: block; } .sb-description { padding: 20px; bottom: 10px; left: 10px; right: 10px; z-index: 1000; position: absolute; background: #CBBFAE; background: rgba(190,176,155, 0.4); border-left: 4px solid rgba(255,255,255,0.7); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: #fff; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; transition: all 200ms; } .sb-slider li.sb-current .sb-description { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 1; } .sb-slider li.sb-current .sb-description:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); background: rgba(190,176,155, 0.7); } .sb-perspective { position: relative; } .sb-perspective > div { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -o-backface-visibility : hidden; -ms-backface-visibility : hidden; backface-visibility : hidden; } .sb-side { margin: 0; display: block; position: absolute; -moz-backface-visibility : hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .nav-arrows { position:absolute; top:1003px; } .sprev, .snext { width:58px; height:105px; text-indent:-999px; margin-right:20px; display:inline-block; background:url(images/arrows.png) top right; opacity:0.5; transition:all 500ms; overflow:hidden; } .sprev { margin-right:491px; background:url(images/arrows.png) top left; } .sprev:hover, .snext:hover { opacity:1; } .mojavez { background: url("images/bullet.png") no-repeat scroll right center transparent; color: #FFFFFF; display: block; font-size: 14px; line-height: 1.3em; padding-right: 35px; padding-top: 10px; width: 620px; } .content { padding:15px; } /*=== Footer ===*/ .footer { background:#444; height:278px; } .fb1 { float:right; margin-top:20px; margin-left:10px; width:295px; height:155px; background:url(images/fb1.png) no-repeat top right; padding-right:10px; } .fb1 p { color:#fff; line-height:1.3em; padding-right:20px; } .fb2 { border-right:solid 4px #ff6c00; width:260px; margin-top:20px; margin-left:10px; height:155px; float:right; } .fb2 h4 { height:26px; line-height:26px; background:#ff6c00; color:#fff; padding: 0 15px; font-size:14px; font-weight:normal; display:inline-block; } .fb2 .customers ul { } .fb2 .customers ul { list-style:disc inside none; color:#fff; padding:10px 15px; } .fb2 .customers ul li a { color:#fff; } .fb3 { width:362px; height:182px; background:url(images/logos.png); float:left; } .fb3-enamad { width:128px; height:152px; background-color: #f2f2f2; float:left; margin-left: 15px; margin-top: 14px; } .fb3-enamad-code { width:150px; height:150px; float:left; ; margin-top: -1px; } .fb3-mellat { width:195px; height:152px; background:url(images/melat.png); float:left; margin-left: 11px; margin-top: 14px; } .copyright{ background: url("images/cr.png") repeat-x scroll center top transparent; font-size: 13px; height: 45px; margin-top: 25px; padding: 15px 0 0; } .copy { background:url(images/copy.png) no-repeat center right; padding-right:45px; color:#fff; text-shadow:1px 1px 0 #000; float:right; } .copy a strong { color:#aaa; transition:all 500ms; font-weight:normal; } .copy a:hover strong { color:#fff; } .ivahid-logo { float: left; width: 140px; } .ivahid-logo a { background: url("images/ivahid.png") no-repeat scroll 0 -90px transparent; display: block; height: 52px; transition: all 0.3s ease 0s; width: 140px; } .ivahid-logo a:hover { animation: 400ms ease-out 0s normal none 1 rotatey; background: url("images/ivahid.png") no-repeat scroll 0 -12px transparent; height: 52px; width: 140px; } @-webkit-keyframes rotatey { 0% {transform:rotate(0deg); -ms-transform:rotate(55deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} 25% {transform:rotate(10deg); -ms-transform:rotate(10deg); -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); -o-transform:rotate(10deg);} 50% {transform:rotate(-10deg); -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg);} 100% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} } @-moz-keyframes rotatey { 0% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} 25% {transform:rotate(10deg); -ms-transform:rotate(10deg); -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); -o-transform:rotate(10deg);} 50% {transform:rotate(-10deg); -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg);} 100% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} } @-webkit-keyframes rotatex { 0% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} 25% {transform:rotate(10deg); -ms-transform:rotate(10deg); -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); -o-transform:rotate(10deg);} 50% {transform:rotate(-10deg); -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg);} 100% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} } @-moz-keyframes rotatex { 0% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} 25% {transform:rotate(7deg); -ms-transform:rotate(7deg); -moz-transform:rotate(7deg); -webkit-transform:rotate(7deg); -o-transform:rotate(7deg);} 50% {transform:rotate(-7deg); -ms-transform:rotate(-7deg); -moz-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); -o-transform:rotate(-7deg);} 100% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);} } @-webkit-keyframes movingr { 0% {margin-right:0px;} 25% {margin-right:10px;} 50% {margin-right:-10px;} 100% {margin-right:0px;} } @-moz-keyframes movingr { 0% {margin-right:0px;} 25% {margin-right:10px;} 50% {margin-right:-10px;} 100% {margin-right:0px;} } @-webkit-keyframes movingl { 0% {margin-left:0px;} 25% {margin-left:10px;} 50% {;} 100% {margin-left:0px;} } @-moz-keyframes movingl { 0% {margin-left:0px;} 25% {margin-left:10px;} 50% {;} 100% {margin-left:0px;} } /*////////////////////////////////////*/ /*=== Buttons ===*/ .btn { display: inline-block; *display: inline; padding: 400px 12px; margin-bottom: 55; *margin-left: .3em; font-size: 104px; line-height: 200px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 60px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^=icon-], .btn-large [class*= icon-] { margin-top: 4px; } .btn-small { padding: 2px 8px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^=icon-], .btn-small [class*= icon-] { margin-top: 0; } .btn-mini [class^=icon-], .btn-mini [class*= icon-] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type=submit].btn { *padding-top: 3px; *padding-bottom: 3px; } /*==== Index ====*/ .steps { padding-right: 196px; width: 758px; height:188px; background:url(images/steps-bg.png) no-repeat; margin: 20px auto; } .steps a { display:inline-block; background:url(images/steps.png) no-repeat 0 0; width:172px; height:188px; transition:all 400ms; } .step1 { background-position: -1204px 0 !important; } .step2 { background-position: -860px 0 !important; margin-right:19px; } .step3 { background-position: -516px 0 !important; margin-right:19px; } .step4 { background-position: -172px 0 !important; margin-right:19px; } .step1:hover { background-position: -1032px 0 !important; animation: 400ms ease-out 0s normal none 1 rotatex; } .step2:hover { background-position: -688px 0 !important; animation: 400ms ease-out 0s normal none 1 rotatex; } .step3:hover { background-position: -344px 0 !important; animation: 400ms ease-out 0s normal none 1 rotatex; } .step4:hover { background-position: 0 0 !important; animation: 400ms ease-out 0s normal none 1 rotatex; } .home { background:url(images/home-shadow.png) no-repeat top center; padding-top:38px; overflow:hidden; padding-bottom:45px; } .hb1,.hb2,.hb3 { width:292px; float:right; } .hb2,.hb3 { margin-right:20px; } .hb1 h3,.hb2 h3,.hb3 h3 { height:32px; line-height:40px; font-size:16px; padding-right:44px; color:#676767; } .hb1 h3 { background:url(images/icon1.png) no-repeat center right; } .hb2 h3 { background:url(images/icon2.png) no-repeat center right; } .hb3 h3 { background:url(images/icon3.png) no-repeat center right; } .hc { background:#f6f6f6; border:solid 1px #dcdcdc; behavior: url(border-radius.htc); border-radius:6px; width:286px; padding:6px; } .hc1 a { display:block; background:#ffffff url(images/rss2.png) no-repeat top right; border:solid 1px #dcdcdc; padding:9px; behavior: url(border-radius.htc); border-radius:5px; margin:5px; } .hc1 a:hover { background:#ffffff url(images/rss1.png) no-repeat top right; display:block; } span.p_title { color:#5a5555; padding-right:18px; } span.p_date { text-align:left; display:block; color:#9c9c9c; } .newsletter { background:url(images/newsletter.png) no-repeat top center; padding-top:225px; overflow:hidden; text-align:center; } .sml_nameinput,.sml_emailinput { width:240px; padding:0 10px; height:34px; behavior: url(border-radius.htc); border-radius:5px; background:#ffffff; font-family:y_yekan; font-size:14px; margin:0 auto; border:solid 1px #dcdcdc; } p.sml_submit {text-align:left;padding-left:13px;font-family:y_yekan;font-size:14px;} .sml_submitbtn {font-family:y_yekan;font-weight:normal !important;} .sml_thankyou {color:#0a0;} .hc_input { height:36px; line-height:36px; background:#fff; padding:0 10px !important; width:265px; font-family:y_yekan !important; margin:3px 0; color:#5a5555; } .hc_text {height:104px;line-height:1.6em;font-size:14px;margin-top:10px;margin-bottom:10px;} .content_wrapper { width:910px; border:solid 7px #f1f1f1; padding:19px; overflow:hidden; } .c_title, .p_title { height:42px; line-height:42px; background:#f3f3f3; padding:0 20px; behavior: url(border-radius.htc); border-radius:5px; display:inline-block; transition:all 800ms; color:#555; margin-right:20px; } .c_title:hover { background:#a00; color:#fff; } /*-- Coding: YaldaWeb.com // Mohammad Reza Sabzevari --*/ /*-- Yahoo! ID: mohammad.reza_sa --*/ نقل قول به اشتراک گذاری این ارسال لینک به ارسال به اشتراک گذاری در سایت های دیگر