آخرین مطالب بروز شده

برچسب "Bootstrap"

آموزش طراحی سایت

کاربرد Bootstrap در طراحی سایت

تیم محتوای اینتن | شنبه، 31 ژانویه 15 - 09:19

افزایش روز افزون استفاده از ابزارهای مختلف در طراحی سایت و همچنین تلاش طراحان سایت برای ایجاد سایتی کاربر پسند و زیبا موجب…

.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7 .ajax-loader{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}.wpcf7 form.submitting .ajax-loader{visibility:visible}.wpcf7 .ajax-loader::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7 .ajax-loader::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr} .wpcf7-not-valid-tip{direction:rtl}.use-floating-validation-tip .wpcf7-not-valid-tip{right:1em}.wpcf7-list-item{margin:0 1em 0 0} #toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic} .wp-pagenavi{clear:both}.wp-pagenavi a,.wp-pagenavi span{text-decoration:none;border:1px solid #BFBFBF;padding:3px 5px;margin:2px}.wp-pagenavi a:hover,.wp-pagenavi span.current{border-color:#000}.wp-pagenavi span.current{font-weight:700} @font-face{font-family:'megatheme';src:url(/wp-content/cache/min/1/wp-content/plugins/elementor-pro-zhk/mega-theme/includes/icon/../../../../../../../../../plugins/elementor-pro-zhk/mega-theme/includes/icon/fonts/megatheme.eot?2ql269);src:url('/wp-content/cache/min/1/wp-content/plugins/elementor-pro-zhk/mega-theme/includes/icon/../../../../../../../../../plugins/elementor-pro-zhk/mega-theme/includes/icon/fonts/megatheme.eot?2ql269#iefix') format('embedded-opentype'),url(/wp-content/cache/min/1/wp-content/plugins/elementor-pro-zhk/mega-theme/includes/icon/../../../../../../../../../plugins/elementor-pro-zhk/mega-theme/includes/icon/fonts/megatheme.ttf?2ql269) format('truetype'),url(/wp-content/cache/min/1/wp-content/plugins/elementor-pro-zhk/mega-theme/includes/icon/../../../../../../../../../plugins/elementor-pro-zhk/mega-theme/includes/icon/fonts/megatheme.woff?2ql269) format('woff'),url('/wp-content/cache/min/1/wp-content/plugins/elementor-pro-zhk/mega-theme/includes/icon/../../../../../../../../../plugins/elementor-pro-zhk/mega-theme/includes/icon/fonts/megatheme.svg?2ql269#megatheme') format('svg');font-weight:400;font-style:normal;font-display:swap}[class^="m-icon-"],[class*=" m-icon-"]{font-family:'megatheme'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.m-icon-megatheme:before{content:"\e901"}.m-icon-gap:before{content:"\e900"}.m-icon-bisphone:before{content:"\e916"}.m-icon-Enbank:before{content:"\e918"}.m-icon-aparat:before{content:"\e919"}.m-icon-cloob:before{content:"\e91a"}.m-icon-dey:before{content:"\e91b"}.m-icon-gardeshgari:before{content:"\e91c"}.m-icon-Hekmat:before{content:"\e91d"}.m-icon-iranzamin:before{content:"\e91e"}.m-icon-ghavamin:before{content:"\e91f"}.m-icon-markazi:before{content:"\e920"}.m-icon-mehr:before{content:"\e921"}.m-icon-mellat:before{content:"\e922"}.m-icon-melli:before{content:"\e923"}.m-icon-parsian:before{content:"\e924"}.m-icon-refah:before{content:"\e925"}.m-icon-saderat:before{content:"\e926"}.m-icon-salehin:before{content:"\e927"}.m-icon-saman:before{content:"\e928"}.m-icon-sarmayeh:before{content:"\e929"}.m-icon-Mahak:before{content:"\e93e"}.m-icon-Maskan:before{content:"\e940"}.m-icon-MEBank:before{content:"\e941"}.m-icon-Mehreghtesad:before{content:"\e942"}.m-icon-Mehriran:before{content:"\e947"}.m-icon-eitaa:before{content:"\e97c"}.m-icon-soroush:before{content:"\e97d"}.m-icon-bale:before{content:"\e97e"}.m-icon-tejarat:before{content:"\e97f"}.m-icon-Pasargad:before{content:"\e99b"}.m-icon-PayamNoor:before{content:"\e99d"}.m-icon-SanatMadan:before{content:"\e9c7"}.m-icon-Shahr:before{content:"\e9d1"}.m-icon-Shaparak:before{content:"\e9d2"}.m-icon-Shetab:before{content:"\e9d3"}.m-icon-Sina:before{content:"\e9d4"}.m-icon-Tosse:before{content:"\ea09"}.m-icon-ZarinPal:before{content:"\ea12"}.m-icon-Afzal-toos:before{content:"\ea13"} @media (max-width:480px){.container{}.Theater h3{padding-right:15px!important}.sldw{width:100%}.top-ads{width:100%;display:inline-flex;margin:20px 0}.top-ads img{height:200px}.section-sardabir{display:none}.wfix{display:none}.main-post-size{width:100%}.formob{display:none}.post-container{padding:10px 5px 10px}.posts-border{padding:10px 0;width:100%}.posts-border img{width:147px!important;height:98px!important}.post-container p{display:none}.posts-in{display:none}.posts-cat{display:none}.post-container h3{font-size:14px;line-height:2.2em}.posts-page-cont span.pages{display:none}.pro-post img{width:100%!important;height:160px!important}.posts-info{font-family:v_light}.posts-info-vip{display:block}.ender-for-mob{padding:0}.item-6box .item-list-text{padding:12px;width:66%}.item-6box .bg-white.item-list-box{background:#fdfdfd;width:100%;display:inline-flex;height:unset}.item-6box .item-list-img{height:unset}.item-6box .item-list-img img{width:145px!important;height:97px!important}.item-6box{margin:unset;border-bottom:1px solid #ddd;padding:unset}.header-top,.menu-top{display:none}.header-search{width:85%;background:#3c3c3c;border:0;border-bottom:1px solid #999;color:#9d9d9d;Outline:none;padding:0 10px;display:none;margin:13px 0 0 0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.navbar{border:unset}.slid-top{margin:unset}.section-main-single{margin:unset}.post-container-r{width:100%;background:#fdfdfd;padding:20px 10px 10px;float:right}.post-container-r p{display:block}.navbar-default{display:block}} .nimble-portfolio.-isloading>*{visibility:hidden}.nimble-portfolio.-isloading{position:relative}.nimble-portfolio .-loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,0);visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear 0.2s,opacity 0.2s linear;-moz-transition:visibility 0s linear 0.2s,opacity 0.2s linear;-o-transition:visibility 0s linear 0.2s,opacity 0.2s linear;-ms-transition:visibility 0s linear 0.2s,opacity 0.2s linear;transition:visibility 0s linear 0.2s,opacity 0.2s linear}.nimble-portfolio.-isloading .-loading{visibility:visible;opacity:1;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}.nimble-portfolio .-loading .-loader,.nimble-portfolio .-loading .-loader:before,.nimble-portfolio .-loading .-loader:after{background:#fff;-webkit-animation:nimble-portfolio-loadanim1 1s infinite ease-in-out;animation:nimble-portfolio-loadanim1 1s infinite ease-in-out;width:1em;height:4em}.nimble-portfolio .-loading .-loader:before,.nimble-portfolio .-loading .-loader:after{position:absolute;top:0;content:''}.nimble-portfolio .-loading .-loader:before{left:-1.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.nimble-portfolio .-loading .-loader{text-indent:-9999em;margin:8em auto;position:relative;font-size:20px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.nimble-portfolio .-loading .-loader:after{left:1.5em}@-webkit-keyframes nimble-portfolio-loadanim1{0%,80%,100%{box-shadow:0 0 #fff;height:4em}40%{box-shadow:0 -2em #fff;height:5em}}@keyframes nimble-portfolio-loadanim1{0%,80%,100%{box-shadow:0 0 #fff;height:4em}40%{box-shadow:0 -2em #fff;height:5em}}

آخرین مطالب بروز شده

برچسب "Bootstrap"

کاربرد Bootstrap در طراحی سایت

به جمع ما بپیوندید