/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile {
/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
background-image: url(images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
/* Printing */
@media print {
/* Prevent printers from removing background-images of controls. */
.leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
/*
BLUEPRINT CSS
* Filename: compressed.css
* Version: 0.7.1 (2008-02-25) YYYY-MM-DD
* Website: http://code.google.com/p/blueprintcss/
Generated by:
* Blueprint CSS Grid Generator (2008-11-18) [http://kematzy.com/blueprint-generator/]
== STRUCTURE: ========================
* Page width: 996 px
* Number of columns: 24
* Column width: 30 px
* Margin width: 12 px
======================================
*/
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:Verdana,Helvetica,Arial,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* grid.css */
body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 12px;}
div.last {margin-right:0;}
.span-1 { width: 30px;}
.span-2 { width: 72px;}
.span-3 { width: 114px;}
.span-4 { width: 156px;}
.span-5 { width: 198px;}
.span-6 { width: 240px;}
.span-7 { width: 282px;}
.span-8 { width: 324px;}
.span-9 { width: 366px;}
.span-10 { width: 408px;}
.span-11 { width: 450px;}
.span-12 { width: 492px;}
.span-13 { width: 534px;}
.span-14 { width: 576px;}
.span-15 { width: 618px;}
.span-16 { width: 660px;}
.span-17 { width: 702px;}
.span-18 { width: 744px;}
.span-19 { width: 786px;}
.span-20 { width: 828px;}
.span-21 { width: 870px;}
.span-22 { width: 912px;}
.span-23 { width: 954px;}
.span-24, div.span-24 { width: 996px; margin: 0; }
.append-1 { padding-right: 42px;}
.append-2 { padding-right: 84px;}
.append-3 { padding-right: 126px;}
.append-4 { padding-right: 168px;}
.append-5 { padding-right: 210px;}
.append-6 { padding-right: 252px;}
.append-7 { padding-right: 294px;}
.append-8 { padding-right: 336px;}
.append-9 { padding-right: 378px;}
.append-10 { padding-right: 420px;}
.append-11 { padding-right: 462px;}
.append-12 { padding-right: 504px;}
.append-13 { padding-right: 546px;}
.append-14 { padding-right: 588px;}
.append-15 { padding-right: 630px;}
.append-16 { padding-right: 672px;}
.append-17 { padding-right: 714px;}
.append-18 { padding-right: 756px;}
.append-19 { padding-right: 798px;}
.append-20 { padding-right: 840px;}
.append-21 { padding-right: 882px;}
.append-22 { padding-right: 924px;}
.append-23 { padding-right: 966px;}
.prepend-1 { padding-left: 42px;}
.prepend-2 { padding-left: 84px;}
.prepend-3 { padding-left: 126px;}
.prepend-4 { padding-left: 168px;}
.prepend-5 { padding-left: 210px;}
.prepend-6 { padding-left: 252px;}
.prepend-7 { padding-left: 294px;}
.prepend-8 { padding-left: 336px;}
.prepend-9 { padding-left: 378px;}
.prepend-10 { padding-left: 420px;}
.prepend-11 { padding-left: 462px;}
.prepend-12 { padding-left: 504px;}
.prepend-13 { padding-left: 546px;}
.prepend-14 { padding-left: 588px;}
.prepend-15 { padding-left: 630px;}
.prepend-16 { padding-left: 672px;}
.prepend-17 { padding-left: 714px;}
.prepend-18 { padding-left: 756px;}
.prepend-19 { padding-left: 798px;}
.prepend-20 { padding-left: 840px;}
.prepend-21 { padding-left: 882px;}
.prepend-22 { padding-left: 924px;}
.prepend-23 { padding-left: 966px;}
div.border{padding-right:5px;margin-right:6px;border-right:1px solid #eee;}
div.colborder { padding-right:27px;margin-right:26px;border-right:1px solid #eee;}
.pull-1 { margin-left: -42px;}
.pull-2 { margin-left: -84px;}
.pull-3 { margin-left: -126px;}
.pull-4 { margin-left: -168px;}
.pull-5 { margin-left: -210px;}
.pull-6 { margin-left: -252px;}
.pull-7 { margin-left: -294px;}
.pull-8 { margin-left: -336px;}
.pull-9 { margin-left: -378px;}
.pull-10 { margin-left: -420px;}
.pull-11 { margin-left: -462px;}
.pull-12 { margin-left: -504px;}
.pull-13 { margin-left: -546px;}
.pull-14 { margin-left: -588px;}
.pull-15 { margin-left: -630px;}
.pull-16 { margin-left: -672px;}
.pull-17 { margin-left: -714px;}
.pull-18 { margin-left: -756px;}
.pull-19 { margin-left: -798px;}
.pull-20 { margin-left: -840px;}
.pull-21 { margin-left: -882px;}
.pull-22 { margin-left: -924px;}
.pull-23 { margin-left: -966px;}
.pull-24 { margin-left: -1008px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 { margin: 0 -42px 1.5em 42px;}
.push-2 { margin: 0 -84px 1.5em 84px;}
.push-3 { margin: 0 -126px 1.5em 126px;}
.push-4 { margin: 0 -168px 1.5em 168px;}
.push-5 { margin: 0 -210px 1.5em 210px;}
.push-6 { margin: 0 -252px 1.5em 252px;}
.push-7 { margin: 0 -294px 1.5em 294px;}
.push-8 { margin: 0 -336px 1.5em 336px;}
.push-9 { margin: 0 -378px 1.5em 378px;}
.push-10 { margin: 0 -420px 1.5em 420px;}
.push-11 { margin: 0 -462px 1.5em 462px;}
.push-12 { margin: 0 -504px 1.5em 504px;}
.push-13 { margin: 0 -546px 1.5em 546px;}
.push-14 { margin: 0 -588px 1.5em 588px;}
.push-15 { margin: 0 -630px 1.5em 630px;}
.push-16 { margin: 0 -672px 1.5em 672px;}
.push-17 { margin: 0 -714px 1.5em 714px;}
.push-18 { margin: 0 -756px 1.5em 756px;}
.push-19 { margin: 0 -798px 1.5em 798px;}
.push-20 { margin: 0 -840px 1.5em 840px;}
.push-21 { margin: 0 -882px 1.5em 882px;}
.push-22 { margin: 0 -924px 1.5em 924px;}
.push-23 { margin: 0 -966px 1.5em 966px;}
.push-24 { margin: 0 -1008px 1.5em 1008px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:transparent;color:transparent;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/*
// License and Terms of Use
//
// Copyright (c) 2010 Linden Research, Inc.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to deal
// in the Software without restriction, including without limitation the rights
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
// copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
//
// This javascript makes use of the Second Life Map API, which is documented
// at http://wiki.secondlife.com/wiki/Map_API
//
// Use of the Second Life Map API is subject to the Second Life API Terms of Use:
// https://wiki.secondlife.com/wiki/Linden_Lab_Official:API_Terms_of_Use
//
// Questions regarding this javascript, and any suggested improvements to it,
// should be sent to the mailing list opensource-dev@list.secondlife.com
// ==============================================================================
*/
/* GENERAL TEXT ELEMENTS
========================== */
:root {
--mobile-header-height: 60px;
}
body {
height: 100%;
width: 100%;
margin: 0;
padding-bottom: 0;
font-family: helvetica, verdana, sans-serif;
font-size: 12px;
color: #fff;
position: absolute;
bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
}
body#about #slurl-about { padding: 20px; }
#build h1,
#about h1 {
color: #EDEDED;
display: block;
font-size: 21px;
font-weight: 600;
padding: 35px 15px 15px;
line-height: 1;
margin-bottom: 0.5em;
}
#build h2,
#about h2,
#slurl-about h2 {
color: #595A5E;
font-weight: bold;
font-size: 21px;
margin: 0 0 15px 0;
}
#containerShadowMain {
background: transparent url('../bg_main_shadow.gif') repeat-y scroll left top;
margin: 0 auto;
padding: 0;
width: 1080px;
}
#containerShadowTop {
background: transparent url('../bg_top_shadow.gif') no-repeat scroll left top;
border: 0;
padding: 0;
}
a img, a:active img, a:hover img { border: 0; }
h2 {
font-weight: bold;
color: #fff;
font-size: 1.6em;
margin: 0;
}
#head h2 {
background: #2A2C2F url('../search-header-bg.png') repeat-x scroll 100% 0;
padding-left: 20px;
}
h1 {
color: #a6aeb5;
font-size: 2.1em;
line-height: 1.25em;
}
/* SEARCH FORM
================ */
#search-button { left: 1em; width: auto; }
#map-header {
background-color: #4c4f54;
float: left;
width: 100%;
border-bottom: 1px solid #72777E;
min-width: 720px;
background-image: linear-gradient(bottom, rgb(71,72,77) 29%, rgb(81,85,89) 71%, rgb(107,110,115) 100%);
background-image: -o-linear-gradient(bottom, rgb(71,72,77) 29%, rgb(81,85,89) 71%, rgb(107,110,115) 100%);
background-image: -moz-linear-gradient(bottom, rgb(71,72,77) 29%, rgb(81,85,89) 71%, rgb(107,110,115) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(71,72,77) 29%, rgb(81,85,89) 71%, rgb(107,110,115) 100%);
background-image: -ms-linear-gradient(bottom, rgb(71,72,77) 29%, rgb(81,85,89) 71%, rgb(107,110,115) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.29, rgb(71,72,77)),
color-stop(0.71, rgb(81,85,89)),
color-stop(1, rgb(107,110,115))
);
}
fieldset {
border: 0;
margin: 0;
padding: 0;
display: inline;
}
#slurl-search {
float: left;
border-right: 1px solid #72777e;
padding: 20px 35px 20px 15px;
}
#slurl-search input {
background-color: transparent;
padding: 4px 0;
height: 17px;
border: 0;
outline: none;
}
#slurl-search select {
margin: 0.3em 0 0.25em 0;
font-size: 1em;
}
#slurl-search div {
margin: 0;
padding: 0 2px 3px 10px;
border: none;
background: transparent url('search_bkgd.gif') 0 0 no-repeat;
width: 408px;
height: 27px;
float: left;
}
#slurl-search form p {
float: left;
margin: 0 5px 0 0;
}
#slurl-search p.description {
clear: left;
margin: 0;
color: #B8BFC5;
}
#slurl-search label, legend { display: none; }
#slurl-search #q {
width: 310px;
outline: none;
}
/* SEARCH RESULTS/SIDEBAR
=========================== */
.bu_collapse, .bu_expand {
z-index: 11;
padding: 15px 16px 0px 40px;
background: transparent url('bu_gryarrow.gif') 45% 100% no-repeat;
width: 0px;
float: right;
cursor: pointer;
position: absolute;
bottom: 15px;
}
#map-search-results {
background-color: var(--color-black);
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
padding-top: 0px;
box-sizing: border-box;
bottom: 0px;
transition: height 0.2s, padding-top 0.2s;
}
#map-search-results .notice {
margin-top: 100px;
margin-left: 15px;
margin-right: 15px;
}
#map-search-results.collapsed {
height: 50px;
padding-top: 0;
cursor: pointer;
z-index: 9999999999;
overflow-y: hidden;
}
@media (min-width: 768px) {
#map-search-results {
width: 400px;
padding-top: 127px;
}
}
#collapse-new {
display: flex;
align-items: center;
margin: 9px -5px 12px 10px;
cursor: pointer;
width: fit-content;
}
#collapse-new #btn-slidetoggle, #collapse-new #btn-slidetoggle-showcase {
height: 30px;
width: 30px;
background: url(btn_slider.png) no-repeat;
background-position: 0 0px;
}
#collapse-new:hover #btn-slidetoggle, #collapse-new:hover #btn-slidetoggle-showcase { background-position: 0 -30px; }
.collapsed #collapse-new #btn-slidetoggle, .collapsed #collapse-new #btn-slidetoggle-showcase { background-position: 0 -60px; }
.collapsed:hover #collapse-new #btn-slidetoggle, .collapsed:hover #collapse-new #btn-slidetoggle-showcase { background-position: 0 -90px; }
.location-heading-slurl {
margin-left: 5px !important;
}
.bu_expand.reveal { display: block; }
.wrapper { padding-bottom: 10px; }
.results-container {
top: 90px;
bottom: 0px;
width: 100%;
position: absolute;
}
.results-container-location {
top: 235px;
}
@media (min-width: 380px) {
.results-container {
top: 75px;
}
.results-container-location {
top: 220px;
}
}
@media (min-width: 768px) {
.results-container {
top: 200px;
}
.results-container-location {
top: 350px;
}
}
.results-container .result {
padding: 10px 15px 4px 15px;
cursor: pointer;
margin-bottom: 1.4em;
display: flex;
max-width: 400px;
}
.showcase-container {
overflow-x: hidden;
overflow-y: auto;
}
.results_title,
#map-search-results .warning {
padding: 10px 15px;
margin: 0px;
}
#map-search-results .loader {
clear: both;
width: 100%;
padding: 10px 0;
text-align: center;
}
#map-search-results .loader p { font-size: 150%; }
#map-search-results h2 {
margin-left: 10px;
}
#map-search-results h2#dest-guide-title {
margin-left: 15px;
}
.showcase-container p.intro { margin: 15px 0 10px 0; }
#map-search-results .intro {
margin: 0px 15px 15px 15px;
max-width: 380px;
}
#map-search-results .original-location {
display: flex;
padding-bottom: 10px;
margin: 10px 15px 0;
max-height: 150px;
overflow: auto;
border-bottom: 1px dashed white;
cursor: pointer;
}
.results-container .result-selected { background-color: #2B2C2F; }
.result h3 {
font-size: 1em;
margin: 0 0 .5em 0;
color: #fff;
font-weight: bold;
}
.result h4 {
font-size: 1em;
margin: 0;
color: #fff;
}
.result p {
line-height: 1.25em;
margin-top: 0.5em;
margin-bottom: 0em;
}
.result img {
margin: 0 10px 0px 0;
}
/* INFO WINDOWS/BALLOONS
========================== */
.balloon-content {
width: 221px;
}
.balloon-content h3 a {
margin: 0 10px 10px 0;
font-size: 16px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.015em;
text-align: left;
color: var(--color-sl-blue-700);
}
.balloon-content .buttons {
display: flex;
flex-direction: column;
width: 100%;
}
.balloon-content .buttons a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 0px;
height: 29px;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.015em;
}
.balloon-content .buttons a.primary {
margin-bottom: 10px;
background-color: var(--color-fuchsia-500);
color: var(--color-white);
border: none;
}
.balloon-content .buttons a.secondary {
border: 1.5px solid var(--color-sl-blue);
background-color: var(--color-white);
color: var(--color-sl-blue);
}
a.leaflet-popup-close-button {
font-size: 25px !important;
}
.location-title {
font: bold 16px/110% helvetica,arial,verdana,sans-serif;
color: #000;
}
a.teleport-button {
background: transparent url('css_btn_rightcap.jpg') no-repeat scroll right top;
color: #FFFFFF;
display: block;
float: left;
clear: both;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
height: 23px;
margin: 0 0 10px 0;
padding-right: 30px;
text-decoration: none;
}
a.teleport-button span {
background: transparent url('css_btn_span.jpg') no-repeat scroll left top;
display: block;
line-height: 13px;
margin: 0;
padding: 4px 0 6px 12px;
}
a.teleport-button { margin: 10px 0; }
a:hover.teleport-button { background-position: right -23px; }
a:hover.teleport-button span,
input.build-button:hover { background-position: left -23px; }
input.build-button {
background: transparent url('css_btn_span.jpg') no-repeat scroll left top;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
height: 23px;
line-height: 13px;
margin: 0 0 10px 0;
padding: 2px 5px;
border: none;
text-decoration: none;
cursor: pointer;
width: auto;
}
textarea#output {
margin-right: 10px;
font-family: verdana,helvetica,sans-serif;
font-size: 11px;
width: auto;
height: auto;
vertical-align: middle;
}
#return-slurl {
padding: 8px;
display: none;
background-color: #FFF6BF;
clear: both;
}
/* ERROR MESSAGE
================= */
#map-error {
position: absolute;
background: rgba(0, 0, 0, 0.6);
color: #8a1f11;
width: 100%;
height: 100%;
z-index: 9001;
}
#error-content {
border: 5px solid #FBC2C4;
background: #FBE3E4;
width: auto;
margin: 200px 10px 200px 10px;
z-index: 500;
padding: 20px;
}
@media (min-width: 768px) {
#error-content {
width: 500px;
margin: 200px auto;
}
}
#error-content .location-title { color: #8a1f11; }
#error-content a { color: #8a1f11; }
span.error-close {
display: block;
float: right;
font-weight: bold;
margin: 0 0 10px 10px;
padding: 10px 25px 10px 10px;
line-height: 90%;
color: #fff;
border: 2px solid #fff;
background: #8a1f11 url('error_close.png') no-repeat scroll 95% 50%;
cursor: pointer;
}
/* FANCE UP A BOX
=================== */
#fanced {
position: absolute;
top: 0;
background: rgba(0, 0, 0, 0.6);
color: #8a8a8a;
width: 100%;
height: 100%;
z-index: 9001;
display: none;
}
#fanced-content {
border: 5px solid #606060;
background: #F8F8F8;
color: #a6aeb5;
width: 750px;
margin: 100px auto;
z-index: 500;
}
#fanced-content h1 {
font-weight: bold;
margin: 15px 15px 0 15px;
color: var(--color-sl-blue-700);
}
/* OVERALL CONTENT ELEMENTS
============================= */
.nodisplay { display: none; }
body#slurl-about,
body#slurl-builder {
height: 80%;
border: 0;
overflow: auto;
}
#head {
display: none;
position: absolute;
top: 40px;
width: 100%;
margin: 0px auto;
z-index: 1200;
min-width: 835px;
}
@media (min-width: 768px) {
#head {
display: block;
}
}
#content {
margin: 0;
background: transparent url('btm_map_shadow.png') no-repeat scroll 100% 100%;
position: absolute;
bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
height: 100%;
}
#build #content,
#about #content { height: auto; }
#slurl-builder,
#slurl-about {
clear: both;
padding: 15px;
border: none;
background: #F8F8F8;
color: #595A5E;
}
#content .container .content-body {
margin: 0 auto;
width: 740px;
}
.container {
margin: 0px;
padding: 0px;
}
#foot {
position: absolute;
z-index: 100;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
height: 25px;
width: 100%;
background-color: #fff;
border: 1px solid #CCCCCC;
}
.leaflet-container {
background-color: #1D475F;
}
#map-container {
width: 100%;
height: calc(100% - 50px);
box-sizing: border-box;
color: #3A3C3F;
background: black;
padding-top: var(--mobile-header-height);
transition: padding-left 0.2s;
}
#search-container {
width: 100%;
height: calc(50% - var(--mobile-header-height));
padding-top: 60px;
box-sizing: border-box;
position: absolute;
bottom: 0;
}
#map-container.map-search-opened {
padding-left: 0px;
height: calc(50% + var(--mobile-header-height));
}
@media (min-width: 768px) {
#map-container.map-search-opened {
padding-left: 400px;
height: 100%;
}
#map-container {
height: 100%;
padding-top: 127px;
}
#search-container {
height: 100%;
width: 435px;
}
}
/* SLURL BUILDER/ABOUT SLURL
============================= */
#slurl-builder form fieldset {
margin: 0 0 0 8px;
}
legend.header { padding: 8px 0 0 0; }
#slurl-builder form p { margin: 0 0 1.5em 0; }
#slurl-builder #build-location p {
float: left;
margin-right: 10px;
}
#slurl-builder form p.build-actions {
margin-left: 8px;
}
.headline-big, #slurl-builder p { color: #4e4e50; }
.headline-big { margin-top: 30px; }
#slurl-builder label {
font-weight: bold;
display: block;
line-height: 200%;
color: #4e4e50;
}
#slurl-builder #build-enhancement label {
font-weight: bold;
width: 12em;
display: block;
float: left;
text-align: right;
padding-right: 0.5em;
line-height: 200%;
}
#slurl-builder #build-enhancement span.tip {
display: block;
clear: both;
margin-left: 12.5em;
}
#slurl-builder #build-location label.coords { text-align: center; }
#slurl-builder #build-enhancement label {
font-weight: bold;
line-height: 200%;
}
#slurl-builder #build-enhancement input { float: left; }
.slurl-info {
display: block;
float: right;
line-height: 1.25em;
list-style-type: none;
padding-top: 15px;
}
/* theres a weird wrap at this point for the header info area so hide */
@media (max-width: 850px) {
.slurl-info {
display: none;
}
}
a.slurl-build {
cursor: pointer;
font-weight: bold;
font-size: 1.25em;
padding: 3px 0 5px 36px;
background: transparent url('ico_marker_clear.png') 0 0 no-repeat;
display: block;
color: #fff;
text-align: right;
}
.slurl-error {
padding: 1em;
background: #FBE3E4 none repeat scroll 0 0;
border: 1px solid #FBC2C4;
color: #8A1F11;
margin-bottom: 1em;
}
.slurl-error h4 { margin: 0 0 .5em 0; }
.slurl-error p { float: none !important; }
.info-body {
display: none;
width: 100%;
top: 40px;
left: 0;
z-index: 5000;
text-align: left;
float: left;
position: fixed;
}
span.close-button {
display: block;
float: right;
color: #4378A4;
padding: 0px 15px 2px 5px;
margin: 12px 0 0 0;
line-height: 100%;
cursor: pointer;
background: #fff url('http: //maps.google.com/intl/en_us/mapfiles/iw_close.gif') no-repeat scroll top right;
}
/* Corners and shadow
-----------------------------------*/
div.t, div.b {
height: 8px;
margin-left: 4px;
font-size: 0;
}
div.t span,
div.b span {
display: block;
height: 8px;
}
div.t span.l,
div.b span.l {
float: left;
display: inline;
width: 4px;
margin-left: -4px;
}
div.t span.r, div.t span.l { background: transparent url('crn-bg-blk-tp.png') no-repeat 100% 0; }
div.t span.l { background-position: 0 0; }
/* add this button */
div.addthis_toolbox {
float: right;
color: #111111;
padding-left: 20px;
}
a.addthis_button,
a.addthis_button_facebook,
a.addthis_button_twitter,
span.addthis_button_email {
display: block;
float: left;
margin: 5px 2px;
}
a.addthis_button {
padding-left: 20px;
height: 16px;
cursor: pointer;
color: #111111;
}
/* Rounded corners... for build/about */
.main-content-t, .main-content-b { margin: 0; }
.main-content-t span,
.main-content-b span {
background: transparent url('corners/my-crnr-f8f8f8-content.png') no-repeat scroll left top;
display: block;
height: 4px;
}
.main-content-t span.l {
background-position: left -18px;
margin-bottom: -4px;
margin-right: 5px;
}
.main-content-t span.r {
background-position: right -27px;
margin-left: 5px;
}
.main-content-b span.l {
margin-bottom: -4px;
margin-right: 5px;
}
.main-content-b span.r {
background-position: right -9px;
margin-left: 5px;
}
/* NEW HEADER AND UI ELEMENTS */
.gradients-sprite, #header, #search_form #q, #footer #footer_content {
background: url('gradients.png') no-repeat;
}
#header {
width: 100%;
background-color: #282828;
background-position: 0 -161px;
background-repeat: repeat-x;
height: 40px;
position: relative;
z-index: 2;
min-width: 512px;
}
#header_inner {
margin: 0 28px;
}
#logo {
float: left;
margin-right: 15px;
}
#logo a {
color: white;
display: block;
text-indent: -99999px;
background: url(head-sl-logo-new.png) no-repeat;
background-position: 0 0;
background-size: contain;
height: 27px;
width: 75px;
margin-top: 5px;
}
#header ul {
margin: 0;
padding: 0;
list-style: none;
}
#navigation {
float: left;
}
#header ul li.separator {
float: left;
margin: 5px 0 5px 0;
border-left: 1px solid #161616;
border-right: 1px solid #3A3E42;
height: 28px;
width: 0;
overflow: hidden;
}
#header ul li.top_level {
float: left;
font-weight: bold;
}
#header ul li.top_level a {
display: block;
padding: 12px 12px 12px 12px;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
height: 16px;
}
#search {
float: right;
}
#sign_in {
display: none;
float: right;
}
#search_form {
margin: 3px 0 0 12px;
opacity: 1;
position: relative;
}
#search_form span.search_button {
display: block;
position: absolute;
cursor: pointer;
right: 0;
padding: 7px 6px 5px 8px;
}
#search_form #q {
background-position: 0 -211px;
background-repeat: repeat-x;
color: #DDD;
width: 170px;
padding: 5px 25px 3px 6px;
border: 1px solid #222;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0 #333;
-moz-box-shadow: 0 1px 0 #333;
box-shadow: 0 1px 0 #333;
}
#search_form #q:focus {
background: white;
color: #111;
}
#search_form span.search_button {
display: block;
position: absolute;
cursor: pointer;
right: 0;
padding: 7px 6px 5px 8px;
}
#search_form span.search_button i {
background-position: 0 -1915px;
background-color: transparent;
width: 16px;
height: 16px;
display: block;
font-size: 0;
}
#search {
display: none;
}
.header-desktop {
display: none;
}
.header-mobile {
display: flex;
align-items: center;
height: var(--mobile-header-height);
position: relative;
z-index: 2;
width: 100%;
padding: 10px;
border-bottom: 1px solid var(--color-sl-blue);
}
.header-mobile #logo {
margin-right: 10px;
}
.header-mobile #logo a {
height: 31px;
width: 65px;
margin-top: 0px;
}
.header-mobile form {
flex-grow: 1;
}
#search-wrapper-mobile {
display: flex;
}
.header-mobile input {
padding: 8.5px 8px 8px 8px; /* purposeful to align with search button height */
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border: none;
flex-grow: 1;
}
.header-mobile input:focus {
outline: none;
}
.header-mobile button {
height: 32px;
width: 32px;
margin-left: -4px;
border: 1px solid var(--color-white);
border-radius: 0px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background-color: var(--color-sl-blue);
background-image: none;
}
@media (min-width: 768px) {
.header-mobile {
display: none;
}
.header-desktop {
display: block;
}
}
#SearchContainer {
margin: 24px 10px 10px 15px;
background-color: white;
-webkit-box-shadow: inset 0 4px 6px #d2d2d2;
-moz-box-shadow: inset 0 4px 6px #d2d2d2;
box-shadow: inset 0 4px 5px #d2d2d2;
padding: 0 0 0 7px;
cursor: text;
border: 1px solid var(--color-black);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
width: 652px;
float: left;
}
#SearchContainer button {
font-size: 12px;
padding: 12px 16px 11px 16px;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
#SearchContainer select {
margin: 0;
border-radius: 0;
background-color: inherit;
border-left: 1px solid var(--color-black);
cursor: pointer;
outline: 0;
text-decoration: none;
color: #595C62;
font-family: inherit;
font-size: 11px;
font-weight: bold;
padding: 10px 20px 8px 5px;
background-position: 135px -84px;
padding-bottom: 10px;
width: 135px;
background: url("dropdown-arrow.png") no-repeat scroll 135px 13px, -moz-linear-gradient(center top , rgb(255, 255, 255) 21%, rgb(208, 210, 209) 100%) repeat scroll 0% 0% transparent;
background: url("dropdown-arrow.png") 135px 13px no-repeat,-webkit-linear-gradient(top, white 21%,#D0D2D1 100%);
}
#SearchContainer select *:after {
content: 'â–¼';
}
#SearchContainer, #SearchContainer select, #SearchContainer button {
height: 34px;
}
button, .btn {
background: var(--color-sl-blue);
color: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: 6px 14px;
margin: 0;
position: relative;
font-weight: bold;
border: 0;
line-height: 1;
}
#search-input-container {
float: left;
width: 410px;
}
#SearchContainer #query_term {
font-size: 120%;
line-height: 2.1em;
padding-top: 3px;
}
#SearchContainer #query_term {
width: 100%;
-webkit-appearance: none;
height: 30px;
min-width: 230px;
font-size: 110%;
}
#search-input-wrapper input {
background-color: transparent;
border: 0;
font-size: 15px;
font-weight: normal;
color: #222;
outline: none;
}
#searchcontrols {
float: right;
}
#SearchContainer button:hover, .btn:hover {
color: #fff;
}
#marker0 img {
max-width: 150px;
}
/* HIGHLANDER BUTTONS
* Why "Highlander"? To remind you that THERE CAN BE ONLY ONE. (R.I.P. Callen Linden 2009-2010)
* Use other button styles at your peril. This is the one, true way.
* Credit & respect to Juan for this clean, easy, gracefully degrading approach, initially applied on openID.
*
* Witness how they apply to both <button> and <a> elements, and rejoice:
*
* <button type="submit" name="Submit" class="HIGHLANDER_button_hot btn_large primary">Login</button>
* <a href="http://join.secondlife.com" class="HIGHLANDER_button_hot btn_large secondary">Join Now</a>
*
*/
.HIGHLANDER_button_hot {
display: inline-block;
width:100%; /* set your width in a block */
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px Arial, Helvetica, sans-serif;
padding:5px 10px 6px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
font-weight:bold;
border:0;
line-height:1;
}
.HIGHLANDER_button_hot.btn_lg {
font-size:18px;
line-height:24px;
padding:6px 0;
}
.HIGHLANDER_button_hot.btn_md {
font-size:14px;
line-height:20px;
padding:4px 0;
}
.HIGHLANDER_button_hot.btn_sm {
font-size:11px;
line-height:14px;
padding:3px 0;
}
.HIGHLANDER_button_hot.primary{
background-color:#ff6901;
background: -webkit-gradient(linear, left top, left bottom, from(#ff8c3f), to(#ff6901));
background: -moz-linear-gradient(top, #ff8c3f, #ff6901);
color:#fff;
}
.HIGHLANDER_button_hot.primary:hover {
color:#fff !important;
background: #ffb23f;
background: -webkit-gradient(linear, left top, left bottom, from(#ffb23f), to(#ff9a03));
background: -moz-linear-gradient(top, #ffb23f, #ff9a03);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb23f', endColorstr='#ff9a03');
}
.HIGHLANDER_button_hot.secondary{
background-color:#85c5ad;
background: -webkit-gradient(linear, left top, left bottom, from(#85c5ad), to(#5eb293));
background: -moz-linear-gradient(top, #85c5ad, #5eb293);
color:#fff !important;
}
.HIGHLANDER_button_hot.secondary:hover {
color:#fff !important;
background: #91d6bc;
background: -webkit-gradient(linear, left top, left bottom, from(#91d6bc), to(#69c7a4));
background: -moz-linear-gradient(top, #91d6bc, #69c7a4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91d6bc', endColorstr='#69c7a4');
}
/*
* Other old hackish buttons that you should no longer use are below.
* @TODO: purge code of these unclean styles.
*
*/
button {
font-family:helvetica, verdana, sans-serif;
position: relative;
margin:0;
border: none;
padding: 0;
cursor: pointer;
overflow: visible; /* removes extra side padding in IE */
font-weight:bold;
line-height:.85em;
}
button::-moz-focus-inner {
border: none; /* overrides extra padding in Firefox */
padding:0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
button span {
margin-top: -1px;
}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
.green_sm, .green_lg, .orange_sm, .orange_lg, .orange_giant, .green_sm span, .green_lg span, .orange_sm span, .orange_lg span, .orange_giant span, .darkest_bg a.green_sm:hover, .darkest_bg a.green_lg:hover, .darkest_bg a.orange_sm:hover, .darkest_bg a.orange_lg:hover, .darkest_bg a.orange_giant:hover {
color: #fff !important;
}
.green_sm, .green_lg, .orange_sm, .orange_lg, .orange_giant {
display: inline-block;
color: #fff !important;
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
vertical-align: middle;
}
.green_sm, .green_lg {
background: #5CB192 no-repeat center bottom;
}
.green_sm {
background-image: url('../img/buttons/halo.png');
height:32px;
line-height: 32px;
min-width: 44px;
padding:0 8px;
}
/* LARGE BUTTON STYLES START : */
.green_lg {
font-size:15px;
height:33px;
line-height: 33px;
background-image: url('../img/buttons/halo_lg.png');
min-width: 94px;
padding: 0 13px;
}
/*------------- BUTTONS CSX SOLUTION STARTS ----------------- ****/
.orange_sm {
left:0;
height: 28px;
line-height:28px;
padding: 0 12px;
background: transparent url('../img/buttons/btn_orange_sm_sprite.png') no-repeat -4px top;
}
/* LARGE BUTTON STYLES START : */
.orange_lg {
font-size:15px;
padding:0 50px;
line-height: 34px;
height:34px;
background: transparent url('../img/buttons/btn_orange_lg_sprite.png') no-repeat -4px top;
left:0;
}
/* GIANT BUTTON STYLES START : */
.orange_giant {
font-size: 15px;
background: transparent url('../img/buttons/btn_orange_giant.png') repeat-x left top;
height: 73px;
padding: 10px;
}
/* application.css */