File manager - Edit - /home/verseaumee/www/plugins/system/bluetheme/assets/css/shortcodes.css
Back
/** * @package Shortcodes for Joomla! 3 * @author http://www.shinetheme.com * @copyright(C) 2013- shinetheme.com * @license PHP files are GNU/GPL **/ /* FONT FACE */ @font-face { font-family: 'Allan'; font-style: normal; font-weight: 400; src: local('Allan'), local('Allan-Regular'), url(http://themes.googleusercontent.com/static/fonts/allan/v4/5aqh4PlcZKVdCD6zaeSMnQ.woff) format('woff'); } @font-face { font-family: 'Cardo'; font-style: normal; font-weight: 400; src: local('Cardo'), local('Cardo-Regular'), url(http://themes.googleusercontent.com/static/fonts/cardo/v5/zpisC4kGu76S5N9VhpMnEg.woff) format('woff'); } @font-face { font-family: 'Chivo'; font-style: normal; font-weight: 400; src: local('Chivo'), local('Chivo-Regular'), url(http://themes.googleusercontent.com/static/fonts/chivo/v4/2vOGounxqJdQZmH7ou5HpA.woff) format('woff'); } @font-face { font-family: 'Courgette'; font-style: normal; font-weight: 400; src: local('Courgette Regular'), local('Courgette-Regular'), url(http://themes.googleusercontent.com/static/fonts/courgette/v1/BHG8ZtTfO0yYnp02--Qxqj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Dancing Script'; font-style: normal; font-weight: 400; src: local('Dancing Script'), local('DancingScript'), url(http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2VhlQWQpSCpzb2Peu3I-Q34.woff) format('woff'); } @font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: 400; src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); } @font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: 700; src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff'); } @font-face { font-family: 'Droid Serif'; font-style: normal; font-weight: 400; src: local('Droid Serif'), local('DroidSerif'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v3/0AKsP294HTD-nvJgucYTaIbN6UDyHWBl620a-IRfuBk.woff) format('woff'); } @font-face { font-family: 'Droid Serif'; font-style: italic; font-weight: 400; src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v3/cj2hUnSRBhwmSPr9kS5899kZXW4sYc4BjuAIFc1SXII.woff) format('woff'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff'); } @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/oUan5VrEkpzIazlUe5ieaA.woff) format('woff'); } @font-face { font-family: 'Lobster'; font-style: normal; font-weight: 400; src: local('Lobster'), url(http://themes.googleusercontent.com/static/fonts/lobster/v5/MWVf-Rwh4GLQVBEwbyI61Q.woff) format('woff'); } @font-face { font-family: 'Lobster Two'; font-style: normal; font-weight: 400; src: local('Lobster Two'), local('LobsterTwo'), url(http://themes.googleusercontent.com/static/fonts/lobstertwo/v4/Law3VVulBOoxyKPkrNsAaIbN6UDyHWBl620a-IRfuBk.woff) format('woff'); } @font-face { font-family: 'Mako'; font-style: normal; font-weight: 400; src: local('Mako'), url(http://themes.googleusercontent.com/static/fonts/mako/v4/o_a1a_7ly-bxb26LESxgxQ.woff) format('woff'); } @font-face { font-family: 'Merienda'; font-style: normal; font-weight: 400; src: local('Merienda'), local('Merienda-Regular_0_wt'), url(http://themes.googleusercontent.com/static/fonts/merienda/v1/4NYVQDcgs3Fbi_xdFMC7lPesZW2xOQ-xsNqO47m55DA.woff) format('woff'); } @font-face { font-family: 'Miniver'; font-style: normal; font-weight: 400; src: local('Miniver'), url(http://themes.googleusercontent.com/static/fonts/miniver/v2/bkOWpAf9z_OvZFh5_5iAfA.woff) format('woff'); } @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen'), local('Oxygen-Regular'), url(http://themes.googleusercontent.com/static/fonts/oxygen/v2/RzoNiRR1p2Mqyyz2RwqSMw.woff) format('woff'); } @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 300; src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(http://themes.googleusercontent.com/static/fonts/robotoslab/v2/dazS1PrQQuCxC3iOAJFEJR_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotoslab/v2/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format('woff'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(http://themes.googleusercontent.com/static/fonts/robotoslab/v2/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff'); } @font-face { font-family: 'Vollkorn'; font-style: normal; font-weight: 400; src: local('Vollkorn Regular'), local('Vollkorn-Regular'), url(http://themes.googleusercontent.com/static/fonts/vollkorn/v3/BCFBp4rt5gxxFrX6F12DKvesZW2xOQ-xsNqO47m55DA.woff) format('woff'); } /* End Font Face */ /* stbox */ /*! stbox v2.1.5 fancyapps.com | fancyapps.com/stbox/#license */ .stbox-wrap, .stbox-skin, .stbox-outer, .stbox-inner, .stbox-image, .stbox-wrap iframe, .stbox-wrap object, .stbox-nav, .stbox-nav span, .stbox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .stbox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .stbox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; } .stbox-opened { z-index: 8030; } .stbox-opened .stbox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .stbox-outer, .stbox-inner { position: relative; } .stbox-inner { overflow: hidden; } .stbox-type-iframe .stbox-inner { -webkit-overflow-scrolling: touch; } .stbox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .stbox-image, .stbox-iframe { display: block; width: 100%; height: 100%; } .stbox-image { max-width: 100%; max-height: 100%; } #stbox-loading{ background-image: url('../images/stbox_sprite.png'); } #stbox-loading { position: fixed; top: 40%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #stbox-loading div { width: 120px; height: 120px; background: url('../images/stbox_loading.gif') center center no-repeat; } .stbox-close { position: absolute; top: -4px; right: -22px; width: 25px; height: 25px; cursor: pointer; text-decoration: none!important; z-index: 8040; } .stbox-close .icon-cross-2{ color:#bdbdbd; font-size:25px; } .stbox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .stbox-prev { left: 0; } .stbox-next { right: 0; } .stbox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .stbox-prev .icon-arrow-left-7 { position: absolute; font-size: 60px; left: 0; color:#fff; top:45%; visibility: hidden; text-shadow: 0px 0px 18px #3d3c3d; filter: dropshadow(color=#3d3c3d, offx=0, offy=0); } .stbox-next .icon-untitled { position: absolute; font-size: 60px; right: 0; color:#fff; top:45%; visibility: hidden; text-shadow: 0px 0px 18px #3d3c3d; filter: dropshadow(color=#3d3c3d, offx=0, offy=0); } .stbox-nav:hover span,.stbox-nav:hover [class^="icon-"]{ visibility: visible; } .stbox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .stbox-lock { overflow: hidden !important; width: auto; } .stbox-lock body { overflow: hidden !important; } .stbox-lock-test { overflow-y: hidden !important; } .stbox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/stbox_overlay.png'); } .stbox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .stbox-lock .stbox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .stbox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .stbox-opened .stbox-title { visibility: visible; text-align: center; } .stbox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .stbox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .stbox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .stbox-title-inside-wrap { padding-top: 10px; } .stbox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #stbox-loading{ background-image: url('../images/stbox_loading.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #stbox-loading div { background-image: url('../images/stbox_loading.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* stbox button */ #stbox-buttons { position: fixed; left: 0; top:200px; width: 100%; z-index: 8050; } #stbox-buttons.top { top: 10px; } #stbox-buttons.bottom { bottom: 10px; top:auto; } #stbox-buttons .stbox-navigation { display: block; width: 440px; height: 30px; margin: 0 auto; padding: 0; text-align: center; list-style: none; background: #080808; position: relative; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } @media (max-width: 441px) { #stbox-buttons .stbox-navigation{ width: 95%; } } #stbox-buttons a { color: #fff; padding: 3px; font-size: 20px; display: inline-block; background-color: transparent; background-repeat: no-repeat; outline: none; opacity: 0.8; } #stbox-buttons .btnClose{ position: absolute; right: 10px; font-size: 15px; } #stbox-buttons .btnToggle{ position: absolute; left: 10px; font-size: 15px; } #stbox-buttons a:hover { opacity: 1; } #stbox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } a.pointer{ font-size: 100%!important; } .btn-toolbar{ font-size: 100%; } iframe{ border: 0; } .image,.st-item-gallery{ overflow: hidden; position:relative; } .stmark{ background: #000 url(../images/hover.gif) no-repeat center center; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -webkit-transition: top 0.4s ease; -moz-transition: top 0.4s ease; -o-transition: top 0.4s ease; transition: top 0.4s ease; } .stmodal:hover .stmark, .stgallery:hover .stmark{ top:0; } .stborder-images{ width: 90%; } /* Blockquote */ .st-blockquote-center { border:1px solid #e1e1e1; border-left: 3px solid #006aa1; padding: 20px 30px; } .st-blockquote-left { border:1px solid #e1e1e1; border-left: 3px solid #006aa1; padding: 20px 30px; float:left; width: 35%; margin-right: 10px; } .st-blockquote-right { border:1px solid #e1e1e1; border-left: 3px solid #006aa1; padding: 20px 30px; float:right; width: 35%; margin-left: 10px; } /* Testimonial */ .st-testimonial .icon-quote-left.pull-left { background: #006aa1; padding: 15px !important; font-size:40px!important; color: #fff !important; } .st-testimonial .st-testimonial-ct{ padding:0px 75px; } .st-testimonial .st-testimonial-author{ text-align: right; padding-top: 15px; padding-right:80px; } .st-testimonial .st-testimonial-author .st-author-name{ font-weight: bold; } /* Accordion */ .accordion .accordion-heading a.active{ color:#fff; background: #006aa1 url('../images/active.png') no-repeat left center; } .accordion .accordion-group{ margin-bottom: 15px; } .accordion .accordion-heading a{ color:#fff; padding-left: 30px; background: #000 url('../images/bigger.png') no-repeat left center; text-decoration: none; } .accordion-body{ background: #f7f7f7; background: -moz-linear-gradient(top,#f7f7f7 0%,#fcfcfc 45%,#fcfcfc 55%,#f7f7f7 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(45%,#fcfcfc),color-stop(55%,#fcfcfc),color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top,#f7f7f7 0%,#fcfcfc 45%,#fcfcfc 55%,#f7f7f7 100%); background: -o-linear-gradient(top,#f7f7f7 0%,#fcfcfc 45%,#fcfcfc 55%,#f7f7f7 100%); background: -ms-linear-gradient(top,#f7f7f7 0%,#fcfcfc 45%,#fcfcfc 55%,#f7f7f7 100%); background: linear-gradient(to bottom,#f7f7f7 0%,#fcfcfc 45%,#fcfcfc 55%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#f7f7f7',GradientType=0); } /* Tabs */ #st_tabst li a { font-size: 14px; border: 0; background: #1f1f1e; color: #fff; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } #st_tabst li.active a { background: #006aa1; } #st_tabst li { text-align: center; } #st_tabst li a:hover { background: #006aa1; } .tabbable.tabs-left li a { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; } .tabbable.tabs-left li a, .tabbable.tabs-right li a { padding: 7px 10px; } .tabbable.tabs-left li, .tabbable.tabs-right li { width: 150px; margin-top: 10px; } #st_tabst{ border:0; margin:0; } .tab-content{ border: 1px solid #eee; background: #f7f7f7; background: -moz-linear-gradient(top,#f7f7f7 0%,#fcfcfc 45%,#fcfcfc 55%,#f7f7f7 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(45%,#fcfcfc),color-stop(55%,#fcfcfc),color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top,#f7f7f7 0%,#fcfcfc 45%,#fcfcfc 55%,#f7f7f7 100%); background: -o-linear-gradient(top,#f7f7f7 0%,#fcfcfc 45%,#fcfcfc 55%,#f7f7f7 100%); background: -ms-linear-gradient(top,#f7f7f7 0%,#fcfcfc 45%,#fcfcfc 55%,#f7f7f7 100%); background: linear-gradient(to bottom,#f7f7f7 0%,#fcfcfc 45%,#fcfcfc 55%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#f7f7f7',GradientType=0); } .tab-content .tab-pane-ct{ padding:10px; } .tabbable.tabs-below li,.tabbable.tabs-top li{ margin-right: 10px; } .tabbable.tabs-below li a,.tabbable.tabs-top li a{ padding:10px; } .tabbable.tabs-below li a{ -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; border-bottom-left-radius: 2px; } .tabbable.tabs-top li a{ -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; } .tabbable.tabs-left li a{ webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; } .tabbable.tabs-right li a{ webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; } /* Alert */ .alert{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-shadow:none; font-style: 14px; line-height: 24px; position: relative; padding: 20px 35px 20px 100px; min-height: 50px; } .alert .alert-ico{ font-size: 50px; background: transparent; position: absolute; top:20px; left: 25px; } .alert .alert-ico.icon-exclamation-sign{ font-size: 58px; } .alert button{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .alert .close:hover{ background: transparent; } .alert h4{ font-size:18px; padding-bottom: 10px; font-weight: 400; } .alert{ color: } /*gallery*/ .st-gallery .st-item-gallery{ margin-bottom: 25px; } .fancybox-buttons{ } /* Divider */ .st-divider{ height:1px; border-bottom:1px solid #eee; margin:30px 0; } .st-divider.none{ border:0; } /* Code */ .st-code{ background: #eee; padding: 0 20px 20px; border: 1px solid #999; } /* Light Box */ /* Recent Article */ .jcarousel-container { margin-bottom: 10px; } .jcarousel-direction-rtl { direction: rtl; } .jcarousel-container-horizontal { padding: 0px; } .jcarousel-custom .jcarousel-container-horizontal { padding: 0px 0px; } .jcarousel-clip { overflow: hidden; width: 100%; } .jcarousel-clip-horizontal { } .jcarousel-item { /* text-align: center;*/ } .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; margin-bottom: 0; text-align: center; } /* Custom */ .jcarousel-custom .jcarousel-item-horizontal { margin-left: 0; margin-right: 0px; width: 189px; } /* Sidebar */ #column-left .jcarousel-list-horizontal, #column-right .jcarousel-list-horizontal { width: auto !important; } #column-left .jcarousel-custom .jcarousel-item-horizontal, #column-right .jcarousel-custom .jcarousel-item-horizontal { float: none !important; margin-left: 0; margin-right: 0px; width: auto !important; } #column-left .jcarousel_arrows,#column-right .jcarousel_arrows { display: none; } .jcarousel-custom .jcarousel-item-horizontal + .jcarousel-item-horizontal{ /* border-left: 1px solid #F1F1F1;*/ } .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .carousel_arrows_bgr { position: absolute; top: -42px; right: 0px; background: #fff; width: 44px; height: 30px; } .section_featured_services .carousel_arrows_bgr, .carousel_section .carousel_arrows_bgr{ width: 54px; } .jcarousel_arrows { float: right; background: #fff; width: 46px; height: 20px; position:relative; } .custom-prev { left: 8px; } .recentk2{ overflow: hidden; } .no-descript{ margin:20px 0; } .no-descript .navigation{ text-align: center; } .recentk2 .navigation .icon-chevron-left{ margin-right:10px; } .recentk2 .navigation .icon-chevron-left,.recentk2 .navigation .icon-chevron-right, .no-descript .navigation .icon-chevron-left,.no-descript .navigation .icon-chevron-right{ cursor: pointer; padding: 10px; background-color: #e1e1e1; font-size:14px; color:#fff; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .no-descript .navigation [class^="icon-chevron-"]:hover, .recentk2 .navigation [class^="icon-chevron-"]:hover{ background-color: #006aa1; } .recentk2 .st-border-ico{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 0px; background-color: #e1e1e1; } .recentk2 p.content{ margin-bottom: 20px; } .portfolio_carousel p,.portfolio_carousel h3{ text-align: center; } .portfolio_carousel h3{ font-size: 14px; line-height: 24px; } .portfolio_carousel div.border-image{ width: 90%; margin:0 auto; } .portfolio_carousel div.border-image .image{ position: relative; } .portfolio_carousel .mark{ background: #000 url(../images/hover.gif) no-repeat center center; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; } .portfolio_carousel a.stmodal:hover .mark{ top:0; } .portfolio_carousel .readmore{ text-align: center; } .portfolio_carousel .readmore a{ -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } /*************************************************** style box *******************************************************/ .image .stmark-1{ text-align: center; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate(460px, -100px) rotate(180deg); -moz-transform: translate(460px, -100px) rotate(180deg); -o-transform: translate(460px, -100px) rotate(180deg); -ms-transform: translate(460px, -100px) rotate(180deg); transform: translate(460px, -100px) rotate(180deg); -webkit-transition: all 0.2s 0.4s ease-in-out; -moz-transition: all 0.2s 0.4s ease-in-out; -o-transition: all 0.2s 0.4s ease-in-out; -ms-transition: all 0.2s 0.4s ease-in-out; transition: all 0.2s 0.4s ease-in-out; } .image .stmark-1 h2{ font-weight: 300; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; line-height: 20px; } .image .stmark-1 p{ color:#fff; font-size: 14px; font-weight: 300; -webkit-transform: translateX(300px) rotate(90deg); -moz-transform: translateX(300px) rotate(90deg); -o-transform: translateX(300px) rotate(90deg); -ms-transform: translateX(300px) rotate(90deg); transform: translateX(300px) rotate(90deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .image .stmark-1 a.st-button{ background: rgba(0, 0, 0, 0.8); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .image .stmark-1 a.st-button:hover{ background: #006aa1; } .image:hover .stmark-1>a{ text-decoration: none; } .image:hover .stmark-1{ -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } .image:hover .stmark-1 h2{ -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } .image:hover .stmark-1 p{ -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s; } .image:hover .stmark-1 a.st-button{ -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .image:hover .stmark-1 a.st-button:hover{ -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; -ms-transition-delay: 0; transition-delay: 0; } /* Title */ .sc-title span{ background: #ff740f; display: inline-block; font-size: 16px; color: #fff; padding: 7px 10px; } /* Article box */ .st-article-box { text-align: center; } .st-article-box h3{ color: #ff740f; } .readmore{ margin-top: 5px; } .st-youtube,.st-vimeo{ margin:0 auto; } ////////////////////////// .jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #F0F6F9; border: 1px solid #346F97; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 245px; padding: 20px 40px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 100%; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 245px; height: 75px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 100%; height: 245px; } .jcarousel-skin-tango .jcarousel-item { width: 75px; height: 75px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(prev-horizontal.png); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(next-horizontal.png); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } //////////////////////////// portfolio ////////////////////////// #k2Container.portfolio #itemListLeading .itemContainer { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } /************************* Flickr *******************************/ .st-flickr ul{ margin: 0; list-style: none; } .st-flickr ul li{ float: left; margin-bottom: 10px } .st-flickr ul li a{ margin-left: 10px; } /**************************** GMap **********************************/ #map_canvas img { max-width: none!important; } #map_canvas label { width: auto!important; display:inline!important; }
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings