File manager

File manager - Edit - /home/jardides/www/Jardi-design/media/com_hotspots/css/hotspots.css

Back
#hotspots { position: relative; } #all-hotspots { margin: 3px; } #hotspots .spinner { position: relative; z-index: 9999; background: #FFFFFF; text-align: center; position:relative; width:112px; height:18px; top:2%; border:1px #808080 solid; margin-left: 15%; } #hotspots .spinner div, #hotspots .spinner img { position:relative; display: block; float: left; } #hotspots .spinner div { text-align: center !important; } .hotspots-footer-box { margin: 10px auto; text-align:center; color:#999; font-size:10px; } .hotspots-footer a:link, .hotspots-footer a:visited { color:#E48702; } #routeForm button { margin-top: 5px; float: right; } #hs_cont { width: 100%; overflow: hidden; } #map_cont { position: relative; overflow: hidden; border: 4px solid #CCC; } #map_cont.single-view { border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #map_canvas { position:absolute; top: 0px; left: 0px; width: 100%; } #toggle-menu{ background: url("../images/utils/toggle-menu.png"); height: 49px; width: 24px; position: absolute; left: -24px; top: 100px; box-shadow: 1px 1px 0 #FFFFFF inset, -3px 4px 4px #888888; cursor: pointer; display: block; } #toggle-menu.toggle-off { background-position: 0 -49px !important; } #toggle-menu.toggle-off:hover { background-position: 24px -49px !important; } #toggle-menu.toggle-on { background-position: 0 0 !important; } #toggle-menu.toggle-on:hover { background-position: 24px 0px !important; } /** * don't use position here. * For some reason mootools 1.2 * has problems with it. Position * is set with js in hotspots.js / #slide_menu { background: #fff; left: 100%; color: #000; width: 260px; height: 100%; z-index: 20; box-shadow: 0 10px 10px #565656; } #slide_menu img { vertical-align:middle; } .ballonmorelink{ vertical-align:bottom; text-align: right; padding-top:3px; padding-bottom:3px; padding-right: 3px; } .morelink { vertical-align:bottom; text-align: right; padding-top:3px; padding-bottom:3px; padding-right: 30px; } #map_overlay { float: left; background: none; color: #000; padding: 10px; width: 100%; height: 100%; } /* * don't set position here - same bug as with slide_menu / #map_overlay_cont { / position:absolute;/ top: 100%; left: 0; color: #000; width: 100%; height: 30%; z-index: 21; display:none; /opacity: 0.80; filter: alpha(opacity=80, finishopacity=80); -moz-opacity: 0.80;/ } #hotspots-welcome { position: relative; top:50%; left:50%; width:300px; height:200px; margin-left: -150px; margin-top: -100px; overflow:hidden; display: block; z-index:100; background-color:#ffffff; border:1px #808080 solid; } #hotspots-welcome input { margin: 0; padding: 0; vertical-align: bottom; } #hotspots-welcome .nav { bottom:0; position: absolute; min-width: 100%; margin-bottom: 0; } #hotspots-welcome .nav label { margin-left: 10px; color: #111; float: left; } #close-welcome { margin: 0 10px 10px 0; cursor: pointer; } #hotspots .clear-both { clear: both; margin: 0 !important; } #hotspots .hr-space { width: 200px !important; height:4px; margin-top:5px; margin-bottom: 5px; } #slide_menu div a:focus { outline: none; } #addressSearchForm button { margin-top: 5px; } .hotspots-image { float:right; margin:10px; } #hotspots .tab-details-tab-content .hotspots-image { float: none; margin: 0; } #hotspots .hotspots-description { margin: 10px 0; } #hotspots .hotspots-backlink { margin: 5px 0; float: right; } #hotspots .hotspots-comments { margin-top: 5px; } #hotspots-navigation { padding: 5px; background: #EEE; } / ----------------IMAGE SLIDER------------- / #hotspots-categories { display:block; position:relative; padding:0px 35px; float: left; } / create custom forward-backward buttons for this container / #cat-forward, #cat-back { display:block; position:absolute; cursor:pointer; width:32px; height:32px; bottom:0px; right:5px; background:url(../images/utils/forward.png) no-repeat center; display: none; } #cat-back { left:5px; background:url(../images/utils/backward.png) no-repeat center; } / the width is set to show the number of thumbnails that will be visible / #hotspots-categories-inner{ position:relative ; overflow:hidden ; margin:0px auto 0px; } / the thumbnails container; set a width on it so everything will be fine / #hotspots-category-items { display:block; position:relative; } / single element design / #hotspots-category-items .hotspots-category-item { display:block; position:relative; float:left; margin:0px 5px 0px; width:32px; text-align:center; color:#FFFFFF; } #hotspots-category-items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#333333; padding:2px; } #hotspots-category-items a img{ border:none; } #hotspots .hasTip, #hotspots .hotspots-zindex { z-index: 1; } / lightface / .lightface { margin: 0; padding: 0; border-collapse: collapse; position: absolute; top: -9000px; left: -9000px; } .lightface td { padding: 0; margin: 0; background-color: transparent; vertical-align: top; font-family: 'Verdana'; font-size: 11px; } .lightface .centerLeft, .lightface .centerRight { width: 10px; height: auto; background-image: url(../images/utils/lightface/b.png); background-repeat: repeat-y; } .lightface .topLeft, .lightface .topRight, .lightface .bottomLeft, .lightface .bottomRight { width: 10px; height: 10px; background-repeat: no-repeat; } .lightface .topLeft { background-image: url(../images/utils/lightface/tl.png); background-position: top left; } .lightface .topRight { background-image: url(../images/utils/lightface/tr.png); background-position: top right; } .lightface .bottomLeft { background-image: url(../images/utils/lightface/bl.png); background-position: bottom left; } .lightface .bottomRight { background-image: url(../images/utils/lightface/br.png); background-position: bottom right; } .lightface .topCenter, .lightface .bottomCenter { width: auto; height: 10px; background-image: url(../images/utils/lightface/b.png); background-repeat: repeat-x; } .lightface .lightfaceContent { background-color: #fff; border: 1px solid #555; position: relative; } .lightface .loading { display: block; margin: 10px auto; } .lightface .lightfaceContent .lightfaceTitle { font-size: 14px; color: #fff; background-color: #6d84b4; border: 1px solid #3b5998; font-weight: bold; margin: -1px; margin-bottom: 0; padding: 5px 10px; width: auto; } .lightface .lightfaceContent .lightfaceDraggable { cursor:move; } .lightface .lightfaceContent .lightfaceMessage { overflow: auto; margin: 0; position: relative; padding: 5px 10px; border: 1px solid #fff; } .lightface .lightfaceContent .lightfaceMessage h3, .lightface .lightfaceContent .lightfaceMessage h4, .lightface .lightfaceContent .lightfaceMessage h5, .lightface .lightfaceContent .lightfaceMessage h6 { margin-top: 6px; } .lightface .lightfaceContent .lightfaceFooter { background-color: #f2f2f2; border-top: 1px solid #ccc; padding: 6px 10px; text-align: right; } .lightface .lightfaceFooter label { font-size: 13px; border-style: solid; background-image:url(../images/utils/lightface/button.png); cursor:pointer; font-weight:bold; padding:2px 6px 2px 6px; text-align:center; vertical-align:top; white-space:nowrap; border-width:1px; margin-left:3px; background-position:0 0; border-color:#999; line-height:normal !important; display:inline-block; } .lightface .lightfaceFooter label input { background:none; border:0 !important; cursor:pointer; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; font-weight:bold; margin:0; padding:1px 0 2px; white-space:nowrap; text-align:center; color:#fff; font-size:13px; border: 2px outset buttonface; text-indent:0; text-shadow:none; display:inline-block; color:#444; font-size:13px; } / ie6 hacks / html .lightface .lightfaceFooter label input { border:0; } .lightface .lightfaceFooter label.lightfaceblue { border-color: #29447E #29447E #1A356E; background-position:0 -48px; } .lightface .lightfaceFooter label.lightfaceblue.lightfacefocusblue { background-color: #5b74a8; background-image:none; } .lightface .lightfaceFooter label.lightfacegreen { border-color: #3B6E22 #3B6E22 #2C5115; background-position:0 -96px; } .lightface .lightfaceFooter label.lightfacegreen.lightfacefocusgreen { background-color: #69A74E; background-image:none; } .lightface .lightfaceFooter label.lightfaceblue input, .lightface .lightfaceFooter label.lightfacegreen input { color:#fff; } .lightface .hiddenButton { visibility: hidden; } .lightface .lightfaceOverlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 16px; height: 11px; background:url(../images/utils/lightface/fbloader.gif) center center no-repeat #fff; } .lightface .lightfaceMessageBox { overflow: auto; padding: 10px 10px; min-height: 20px; position:relative; } .lightface .lightFaceMessageBoxImage { overflow: hidden; padding: 0; background:url(../images/utils/lightface/fbloader.gif) center center no-repeat #fff; } .lightface .lightFaceMessageBoxImage img { display: block; } / navigation/ #hotspots-links { background: #E2F1CF; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #hotspots-links span{ margin-right: 10px; padding: 5px 0; } #direction-form { display:none; margin: 10px 0 0 0; } #hotspots-links .active { color: #333; text-decoration: none; } #hotspots .link, #hotspots .link a:link { color: #009ADE; cursor: pointer; } #hotspots .link:hover { text-decoration: underline; } #direction-form .active { background-color: #DDD; color: #444; } #control-to, #control-from { line-height: 24px; padding: 8px; } #hotspots input#to { border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; margin-bottom: 7px; padding: 2px; width: 170px; } #hotspots button#hotspots-submit { margin: 0 5px; } #hotspots .navigation-bar { float: right; margin-top: 7px; } #hotspots .navigation-bar img { border: 0px; } #hotspots-navigation span { display: block; float: left; cursor: pointer; } #hotspots .navigation-bar span { margin-right: 5px; height: 24px; width: 24px; opacity: 0.5; } #hotspots .navigation-bar span:hover { opacity: 1; } #hotspots .navigation-bar span:hover a{ background: none; } #directions-button { background: url(../images/utils/route.png); } #send-button { background: url(../images/utils/mail.png); } #print-button { background: url(../images/utils/print.png); } #rss-button { /* background: url(../images/utils/rss.png);/ } #link-button { background: url(../images/utils/link.png); } .hotspots-link-container { right: 0; top: 0; z-index: 9999; background: #EEEEEE; position: absolute; padding: 10px; width: 236px; height: 50px; border-left: 4px solid #CCCCCC; border-bottom: 4px solid #CCCCCC; } .hotspots-link-container input { margin-top: 5px; } button.close { background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; padding: 0; } .close { color: #000000; float: right; font-size: 20px; font-weight: bold; line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #FFFFFF; } #center-button { background: url(../images/utils/category-center.png); } #resize { background: url(../images/utils/resize.png); } #hotspots ul.tab-details-tabs, #hotspots ul.hotspots-tabs { margin: 0; margin-top: 5px; padding: 0 0 0 5px; border-bottom: 1px solid #CCC; float: left; width: 100%; height: 43px; } #hotspots ul.tab-details-tabs { float: right; height: 26px; padding: 0; border: none; } #hotspots ul li.tab-details-tab, #hotspots ul li.hotspots-tab { / display: inline;/ float: left; padding: 5px 10px ; list-style: none; border: 1px solid #CCCCCC; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; cursor: pointer; position: relative; margin: 0 5px 0 0; background: #EEE; line-height: normal; } #hotspots ul li.tab-details-tab { float: right; padding: 5px 10px 5px; } #tab-container-inner { overflow: hidden; } #hotspots ul li.hotspots-tab span img { width: 32px; height: 32px; } #hotspots ul li.tab-details-tab.active, #hotspots ul li.hotspots-tab.active { border-bottom-color: #FFF; background: #FFF; } #hotspots ul li.hotspots-tab .remove { color: #900; position: absolute; top: -4px; right: 0; } #hotspots ul li.hotspots-tab .remove:hover { font-size: larger; } /#search-tab-container,/ #hotspots div.hotspots-tab-content { overflow-y: auto; overflow-x: hidden; height: 425px; } #hotspots div.tab-details-tab-content { border: 1px solid #CCC; padding: 10px 10px 10px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #hotspots .hotspots-actions { height: 25px; } #tab-container { height: 48px; position:relative; width: 260px; border-bottom: 1px solid #CCC; } #hotspots .search-actions { margin-bottom: 10px; margin-top: 10px; } #hotspots .search-actions span { cursor: pointer; margin-right: 5px; color: #135CAE; } #hotspots .search-actions span.active { cursor: pointer; margin-right: 5px; color: #000; font-weight: bold; } #hotspots .overTxtWrapper { margin: 0; } #hotspots .hotspots-tab-content form { display: none; } #hotspots .hotspots-tab-content form.active { display: block; } #hotspots span.hotspots-more-spots { background: #CCC; color: #000; border: 1px solid #FFF; -moz-border-radius:10px; -khtml-border-radius:10px; cursor: pointer; padding: 5px; display: block; width: 60%; margin: 10px; } #hotspots .formated-address, #hotspots .hotspots-button { display: block; } #hotspots-address-result{ margin-top: 10px; } #directions-display { clear: both; } #hotspots .formated-address { font-size: 120%; font-weight: bold; } #hotspots .hotspots-button { color: #135CAE; cursor: pointer; } #hotspots-slide-tabs-back, #hotspots-slide-tabs-forward { display:block; position:absolute; cursor:pointer; bottom:0px; right:0; background:url(../images/utils/buttons/forward16.png) #ccc no-repeat center; z-index: 1000; height: 50px; width: 16px; opacity: 0.5; display: none; } #hotspots-slide-tabs-back { left:0; background:url(../images/utils/buttons/backward16.png) #ccc no-repeat center; height: 50px; } #hotspots-slide-tabs-back:hover, #hotspots-slide-tabs-forward:hover { opacity: 1; } #hotspots span.hotspots-title { color: #135CAE; cursor: pointer; font-size: 15px; } #hotspots span.hotspots-title:hover { color: #0B3768; } #hotspots div.spots { padding: 10px; border-bottom: 1px solid #CCC; color: #666; font-size: 12px; position:relative; } #hotspots div.spots p { margin-bottom: 2px; } #hotspots div.spots.active, #hotspots div.spots:hover { background: #F7F7F7; color: #000; } #hotspots .hotspot-creation-info { float: right; color: #555; } #hotspots .spots .one-line-address { margin-bottom: 0; } #hotspots .spots .hotspot-creation-info { display:none; } #hotspots .spots:hover .hotspot-creation-info { display:block; } #hotspots .sexybutton { display: inline-block; margin: 0; padding: 0; font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important; text-decoration: none !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.20); background: none; border: none; white-space: nowrap; cursor: pointer; user-select: none; -moz-user-select: none; margin-top: 5px; / Fix extra width padding in IE / _width: 0; overflow: visible; } #hotspots .sexybutton span { display: block; / Prevents :active from working in IE--oh well! / height: 24px; padding-right:12px; background-repeat: no-repeat; background-position: right top; } #hotspots .sexybutton span span { padding-right: 0; padding-left: 12px; line-height: 24px; background-position: left top; } #hotspots .sexybutton:hover span, #hotspots .sexybutton:focus span { background-position: 100% -24px; } #hotspots .sexybutton:hover span span, #hotspots .sexybutton:focus span span { background-position: 0% -24px; } #hotspots .sexybutton:active span { background-position: 100% -48px; } #hotspots .sexybutton:active span span { background-position: 0% -48px; } #hotspots .sexybutton { color: #666 !important; } #hotspots .sexybutton:hover, #hotspots .sexybutton:focus { color: #333 !important; } #hotspots .sexybutton span { background-image: url(../images/utils/buttons/silver/button_right.png); } #hotspots .sexybutton span span { background-image: url(../images/utils/buttons/silver/button_left.png); } #hotspots .right { float: right; } #hotspots .small { color: #999; font-size: 0.9em; font-weight: normal; text-align: right; } /* FORMS / / add hotpots / .hotspots.addform fieldset div { margin:0.3em 0; / clear:both;/ } .hotspots.addform label { float:left; width:10em; text-align:right; margin-right:1em; } .hotspots.addform legend { color:#0b77b7; font-size:1.2em; } .hotspots.addform legend span { width:10em; text-align:right; } .hotspots.addform input, .hotspots.addform textarea { padding:0.15em; border:1px solid #ddd; background:#fafafa; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; } .hotspots .form input:hover, .hotspots .form textarea:hover, .hotspots .form input:focus, .hotspots .form textarea:focus { border-color:#c5c5c5; background:#f6f6f6; } .hotspots.addform fieldset { border:1px solid #ddd; padding:0 0.5em 0.5em; } .hotspots.addform input.default { color:#bbb; } .hotspots.addform fieldset.security div { clear: none; } div#recaptcha_widget_div { width: 350px; } div#recaptcha_widget_div { margin-bottom: 0px; } #location-latitude, #location-longitude { float: left; clear: none; } #location-latitude input, #location-longitude input { float: left; width: 150px !important; } #location-latitude label, #location-longitude label { float: left; width: 65px; } #map-add { width: 100%; height: 300px; background: #CCC; } #hotspots-geolocation { float: right; cursor: pointer; z-index: 999; } #hotspots-geolocation img { width: 32px; } /mail/ .hotspots .form label { display: block; } .hotspots #slide_menu .form input { width: 98%; } #slide_menu .form label { margin-top: 5px; } .hotspots #slide_menu .form input[type="submit"] { width: 100px; margin-top: 10px; float: right; } .hotspots .form ul { list-style: none; } .hotspots .form ul.adminformlist { width: 90%; } .hotspots .form li { position: relative; } .hotspots .form [type=text], .hotspots .form textarea { margin-top: 3px; padding: 1px; border:1px solid #ddd; background:#fafafa; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .hotspots .form [type=checkbox], .hotspots .form [type=radio] { cursor: pointer; width: 15px !important; } .hotspots .form [type=check] + label, .hotspots .form [type=radio] + label { display: inline-block; cursor: pointer; } .hotspots .form .validation-failed { border-color: #ff0000; background-color: #ffdddd; } .hotspots .form .validation-advice { padding-bottom: 5px; font-weight: bold; color: #ff0000; margin: 0; } .hotspots .form #myResult { margin-top: 10px; padding: 10px; border: 1px solid #0000ff; background-color: #ddddff; } .hotspots .form #myResult:empty { border-width: 0; padding: 0; } .hotspots .form .spinner { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #f0f0f0; } .hotspots .form .overTxtLabel { color: #888888; margin: 0 !important; } .hotspots.addform #sticky { width: 20px !important; } /** fixes for the add map / #map-add div { margin: 0; clear: none; } #map-add label { display: inline; float: none; margin: 0; } /* single view */ #hotspots .one-line-address { font-weight: bold; margin-bottom: 10px; } #hotspots .marker-description { margin: 10px 0; } #hotspots .info { margin-top: 10px; background: none repeat scroll 0 0 #FFF3A3; border: 1px solid #E7BD72; color: #B79000; } #hotspots .info h3 { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; color: #555555; font-size: 0.9em; font-variant: small-caps; letter-spacing: 2px; line-height: 1.385em; padding: 2px 20px; margin: 0; } #hotspots .info-content { padding: 0 10px 10px; margin-top: 10px; } #hotspots-category-item img[title] { display:none; } .tool-tip { z-index: 9999; } #quick-search { margin-top: 7px; margin-bottom: 0px; float: left; } #quick-search input { background: url("../images/utils/quick-search.png") #FAFAFA no-repeat scroll 4px 4px; padding: 2px 0 2px 18px; width: 120px; color: #888888; margin-bottom: 0px; } #quick-search input:hover { background-color: #F6F6F6; } #quick-search input:focus { color: #000; } #quick-search .overTxtLabel { padding-left: 17px; padding-top: 1px; } .hotspots .delete { background: url('../images/utils/delete.png') no-repeat; width: 22px; height: 22px; margin-top: 7px; margin-right: 5px; } .hotspots .click { cursor: pointer; } .adminformlist li { list-style-type: none; } .hs-navigation { -moz-transition: border 0.218s ease 0s; background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #DCDCDC; border-radius: 2px 2px 2px 2px; color: #6E6E6E; display: inline-block; font: bold 12px Helvetica,Arial,sans-serif; margin-right: 10px; padding: 7px 12px; position: relative; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; cursor: pointer; margin: 10px; } .mail input, .mail textarea { width: 500px; } .mail label { text-align: left; padding-left: 20px; } .mail label.overTxtLabel { padding-left: 0; } .hotspots-thumb { float: right; border: 1px solid #CCC; } .hs-links { bottom: -21px; left: 40px; position: absolute; display: none; min-height: 20px; border: 1px solid #CCC; border-top: 1px solid #F7F7F7; background: #F7F7F7; z-index: 9999; } .hotspots-no-touch .spots:hover .hs-links { display:block; } .hotspots-no-touch .hs-links span { /border-right: 1px solid #CCC;/ padding: 0px 5px; cursor: pointer; display: block; float: left; min-height: 20px; color: #135CAE; } .hotspots-no-touch .hs-links span:hover { text-decoration: underline; } .hs-links span a { text-decoration: none; } .hs-links span a:hover { background: none!important; background-color: transparent!important; color: #135CAE!important; } .hs-links span:last-child { border: none; margin-right: 0; } .hs-address { margin-top: 5px; } .hs-meta { margin-top: 5px; text-align: right; color: #666666; } .tip-wrap { z-index: 9999; } /* joomla 3.0 layout issues */ #map-add img { max-width: none; } .hotspots-customfields dt { clear: left; font-weight: bold; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 160px; } .hotspots-customfields dd { margin-left: 180px; } .hs-social { margin: 10px 0 15px } .hs-social div { float: left; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.01 | proxy | phpinfo | Settings