| 1 |
/* |
| 2 |
* Google Maps Widget |
| 3 |
* (c) Web factory Ltd, 2012 - 2015 |
| 4 |
*/ |
| 5 |
|
| 6 |
.gmw-header, .gmw-footer { |
| 7 |
padding: 5px; |
| 8 |
font-style: italic; |
| 9 |
} |
| 10 |
.gmw-map iframe { |
| 11 |
border: none; |
| 12 |
margin: 0; |
| 13 |
padding: 0; |
| 14 |
} |
| 15 |
|
| 16 |
.gmw-error { |
| 17 |
color: red; |
| 18 |
} |
| 19 |
|
| 20 |
.gmw-powered-by { |
| 21 |
color: #666; |
| 22 |
font-size: x-small; |
| 23 |
} |
| 24 |
|
| 25 |
/* Colorbox Core Style */ |
| 26 |
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} |
| 27 |
#cboxWrapper {max-width:none;} |
| 28 |
#cboxOverlay{position:fixed; width:100%; height:100%;} |
| 29 |
#cboxMiddleLeft, #cboxBottomLeft{clear:left;} |
| 30 |
#cboxContent{position:relative;} |
| 31 |
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} |
| 32 |
#cboxTitle{margin:0;} |
| 33 |
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} |
| 34 |
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} |
| 35 |
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} |
| 36 |
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} |
| 37 |
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} |
| 38 |
|
| 39 |
/* dark */ |
| 40 |
#cboxOverlay.gmw-dark{background:url(../images/overlay.png) repeat 0 0;} |
| 41 |
#colorbox.gmw-dark{outline:0;} |
| 42 |
.gmw-dark #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;} |
| 43 |
.gmw-dark #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;} |
| 44 |
.gmw-dark #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;} |
| 45 |
.gmw-dark #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;} |
| 46 |
.gmw-dark #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;} |
| 47 |
.gmw-dark #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;} |
| 48 |
.gmw-dark #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;} |
| 49 |
.gmw-dark #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;} |
| 50 |
.gmw-dark #cboxContent{background:#fff; overflow:hidden;} |
| 51 |
.gmw-dark .cboxIframe{background:#fff;} |
| 52 |
.gmw-dark #cboxError{padding:50px; border:1px solid #ccc;} |
| 53 |
.gmw-dark #cboxLoadedContent{margin-bottom:28px;} |
| 54 |
.gmw-dark #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} |
| 55 |
.gmw-dark #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} |
| 56 |
.gmw-dark #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;} |
| 57 |
.gmw-dark #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;} |
| 58 |
|
| 59 |
.gmw-dark #cboxPrevious, .gmw-dark #cboxNext, .gmw-dark #cboxSlideshow, .gmw-dark #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } |
| 60 |
|
| 61 |
.gmw-dark #cboxPrevious:active, .gmw-dark #cboxNext:active, .gmw-dark #cboxSlideshow:active, .gmw-dark #cboxClose:active {outline:0;} |
| 62 |
|
| 63 |
.gmw-dark #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} |
| 64 |
.gmw-dark #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} |
| 65 |
.gmw-dark #cboxPrevious:hover{background-position:-75px -25px;} |
| 66 |
.gmw-dark #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} |
| 67 |
.gmw-dark #cboxNext:hover{background-position:-50px -25px;} |
| 68 |
.gmw-dark #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} |
| 69 |
.gmw-dark #cboxClose:hover{background-position:-25px -25px;} |
| 70 |
|
| 71 |
|
| 72 |
/* light */ |
| 73 |
#cboxOverlay.gmw-light {background:#fff;} |
| 74 |
#colorbox.gmw-light {outline:0;} |
| 75 |
.gmw-light #cboxContent{margin-top:32px; overflow:visible; background:#000;} |
| 76 |
.gmw-light .cboxIframe{background:#fff;} |
| 77 |
.gmw-light #cboxError{padding:50px; border:1px solid #ccc;} |
| 78 |
.gmw-light #cboxLoadedContent{background:#fff; padding:1px; border:1px solid #777;} |
| 79 |
.gmw-light #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;} |
| 80 |
.gmw-light #cboxLoadingOverlay{background:#000;} |
| 81 |
.gmw-light #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} |
| 82 |
.gmw-light #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} |
| 83 |
|
| 84 |
.gmw-light #cboxPrevious, .gmw-light #cboxNext, .gmw-light #cboxSlideshow, .gmw-light #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) no-repeat 0 0;} |
| 85 |
|
| 86 |
.gmw-light #cboxPrevious:active, .gmw-light #cboxNext:active, .gmw-light #cboxSlideshow:active, .gmw-light #cboxClose:active {outline:0;} |
| 87 |
|
| 88 |
.gmw-light #cboxPrevious{background-position:0px 0px; right:44px;} |
| 89 |
.gmw-light #cboxPrevious:hover{background-position:0px -25px;} |
| 90 |
.gmw-light #cboxNext{background-position:-25px 0px; right:22px;} |
| 91 |
.gmw-light #cboxNext:hover{background-position:-25px -25px;} |
| 92 |
.gmw-light #cboxClose{background-position:-50px 0px; right:0;} |
| 93 |
.gmw-light #cboxClose:hover{background-position:-50px -25px;} |
| 94 |
.gmw-light .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off .gmw-light #cboxPrevious{right:66px;} |
| 95 |
.gmw-light .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} |
| 96 |
.gmw-light .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} |
| 97 |
.gmw-light .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} |
| 98 |
.gmw-light .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} |
| 99 |
|
| 100 |
|
| 101 |
/* blue */ |
| 102 |
#cboxOverlay.gmw-noimage-blue { background:#80a2ba; } |
| 103 |
.gmw-noimage-blue #cboxTopLeft, .gmw-noimage-blue #cboxTopCenter, .gmw-noimage-blue #cboxTopRight, .gmw-noimage-blue #cboxBottomLeft, .gmw-noimage-blue #cboxBottomCenter, .gmw-noimage-blue #cboxBottomRight, .gmw-noimage-blue #cboxMiddleLeft, .gmw-noimage-blue #cboxMiddleRight { |
| 104 |
background:#0d4270; |
| 105 |
} |
| 106 |
#colorbox.gmw-noimage-blue { |
| 107 |
outline: 1px solid #3175a5; |
| 108 |
-webkit-box-shadow: 0px 0px 25px rgba(50, 50, 50, 0.5); |
| 109 |
-moz-box-shadow: 0px 0px 25px rgba(50, 50, 50, 0.5); |
| 110 |
box-shadow: 0px 0px 25px rgba(50, 50, 50, 0.5); |
| 111 |
} |
| 112 |
.gmw-noimage-blue #cboxTopLeft{width:15px; height:15px; } |
| 113 |
.gmw-noimage-blue #cboxTopCenter{height:15px; } |
| 114 |
.gmw-noimage-blue #cboxTopRight{width:15px; height:15px; } |
| 115 |
.gmw-noimage-blue #cboxBottomLeft{width:15px; height:15px; } |
| 116 |
.gmw-noimage-blue #cboxBottomCenter{height:15px; } |
| 117 |
.gmw-noimage-blue #cboxBottomRight{width:15px; height:15px; } |
| 118 |
.gmw-noimage-blue #cboxMiddleLeft{width:15px; } |
| 119 |
.gmw-noimage-blue #cboxMiddleRight{width:15px; } |
| 120 |
|
| 121 |
.gmw-noimage-blue #cboxContent{background:#0d4270; overflow:visible;} |
| 122 |
.gmw-noimage-blue .cboxIframe {background:#fff;} |
| 123 |
.gmw-noimage-blue .cboxPhoto {margin-bottom:28px; margin-top:0 !important;} |
| 124 |
.gmw-noimage-blue .cboxPhoto.withLongCaption { margin-bottom:12px; } |
| 125 |
.gmw-noimage-blue span.better-caption { text-align:center; } |
| 126 |
.gmw-noimage-blue #cboxError{padding:50px; border:1px solid #ccc;} |
| 127 |
.gmw-noimage-blue #cboxLoadedContent{margin-bottom:8px; font-style: italic; } |
| 128 |
.gmw-noimage-blue #cboxTitle{ |
| 129 |
display:none !important; |
| 130 |
position:absolute; bottom:18px; clear:both; text-align:center; width:100%; color:#999; min-height:16px; overflow:hidden; |
| 131 |
} |
| 132 |
.gmw-noimage-blue .better-caption { display:none !important; } |
| 133 |
.gmw-noimage-blue #cboxCurrent{ |
| 134 |
position:absolute; bottom:0px; left:100px; color:#CCCCCC; text-transform:capitalize; display:inline-block; padding-left:1.5em; |
| 135 |
font-size:11px; line-height:20px; left:45%; |
| 136 |
} |
| 137 |
.gmw-noimage-blue #cboxLoadingOverlay{background:#fff url(../images/loading.gif) no-repeat 50% 50%;} |
| 138 |
|
| 139 |
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ |
| 140 |
.gmw-noimage-blue #cboxPrevious, .gmw-noimage-blue #cboxNext, .gmw-noimage-blue #cboxSlideshow, .gmw-noimage-blue #cboxClose { |
| 141 |
border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; text-transform:capitalize; |
| 142 |
-webkit-border-radius:5px; border-radius:5px; |
| 143 |
} |
| 144 |
|
| 145 |
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ |
| 146 |
.gmw-noimage-blue #cboxPrevious:active, .gmw-noimage-blue #cboxNext:active, .gmw-noimage-blue #cboxSlideshow:active, .gmw-noimage-blue #cboxClose:active {outline:0;} |
| 147 |
button:focus{ outline:1px dotted #000000; } |
| 148 |
|
| 149 |
.gmw-noimage-blue #cboxSlideshow{position:absolute; bottom:0px; right:62px; } |
| 150 |
.gmw-noimage-blue #cboxPrevious{position:absolute; bottom:0px; left:0; } |
| 151 |
.gmw-noimage-blue #cboxNext{position:absolute; bottom:0px; left:76px; } |
| 152 |
.gmw-noimage-blue #cboxClose{position:absolute; bottom:0; right:0; display:block; } |
| 153 |
|
| 154 |
/* Button Styles */ |
| 155 |
.gmw-noimage-blue #cboxPrevious, |
| 156 |
.gmw-noimage-blue #cboxNext, |
| 157 |
.gmw-noimage-blue #cboxSlideshow, |
| 158 |
.gmw-noimage-blue #cboxClose { |
| 159 |
color:#D2D2D2; |
| 160 |
font-size:12px; line-height:12px; |
| 161 |
background-color: #0b2a44; |
| 162 |
border-right: 1px solid #061c2f; |
| 163 |
border-bottom: 1px solid #061c2f; |
| 164 |
padding: 6px 10px; |
| 165 |
transition: all 0.35s ease; |
| 166 |
} |
| 167 |
.gmw-noimage-blue #cboxPrevious:hover, |
| 168 |
.gmw-noimage-blue #cboxNext:hover, |
| 169 |
.gmw-noimage-blue #cboxSlideshow:hover, |
| 170 |
.gmw-noimage-blue #cboxClose:hover { |
| 171 |
background-color: #cccccc; color:#444444; |
| 172 |
} |
| 173 |
|
| 174 |
|
| 175 |
/* |
| 176 |
IE7 and IE8. This style is not applied to IE9. |
| 177 |
*/ |
| 178 |
/*.gmw-noimage-blue .cboxIE #colorbox {} */ |
| 179 |
|
| 180 |
|
| 181 |
/* rounded */ |
| 182 |
#cboxOverlay.gmw-noimage-rounded { |
| 183 |
background:#fff; |
| 184 |
} |
| 185 |
.gmw-noimage-rounded #cboxTopLeft, .gmw-noimage-rounded #cboxTopCenter, .gmw-noimage-rounded #cboxTopRight, .gmw-noimage-rounded #cboxBottomLeft, .gmw-noimage-rounded #cboxBottomCenter, .gmw-noimage-rounded #cboxBottomRight, .gmw-noimage-rounded #cboxMiddleLeft, .gmw-noimage-rounded #cboxMiddleRight { |
| 186 |
background:#ffffff; |
| 187 |
} |
| 188 |
#colorbox.gmw-noimage-rounded { |
| 189 |
outline: 1px solid #D5D5D5; |
| 190 |
-webkit-box-shadow: 0px 0px 25px rgba(50, 50, 50, 0.5); |
| 191 |
-moz-box-shadow: 0px 0px 25px rgba(50, 50, 50, 0.5); |
| 192 |
box-shadow: 0px 0px 25px rgba(50, 50, 50, 0.5); |
| 193 |
-webkit-border-radius: 8px; |
| 194 |
border-radius: 8px; |
| 195 |
} |
| 196 |
.gmw-noimage-rounded #cboxTopLeft{width:15px; height:15px; } |
| 197 |
.gmw-noimage-rounded #cboxTopCenter{height:15px; } |
| 198 |
.gmw-noimage-rounded #cboxTopRight{width:15px; height:15px; } |
| 199 |
.gmw-noimage-rounded #cboxBottomLeft{width:15px; height:15px; } |
| 200 |
.gmw-noimage-rounded #cboxBottomCenter{height:15px; } |
| 201 |
.gmw-noimage-rounded #cboxBottomRight{width:15px; height:15px; } |
| 202 |
.gmw-noimage-rounded #cboxMiddleLeft{width:15px; } |
| 203 |
.gmw-noimage-rounded #cboxMiddleRight{width:15px; } |
| 204 |
|
| 205 |
.gmw-noimage-rounded #cboxContent{background:#fff; overflow:visible;} |
| 206 |
.gmw-noimage-rounded .cboxIframe {background:#fff;} |
| 207 |
.gmw-noimage-rounded .cboxPhoto {margin-bottom:28px; margin-top:0 !important;} |
| 208 |
.gmw-noimage-rounded .cboxPhoto.withLongCaption { margin-bottom:12px; } |
| 209 |
.gmw-noimage-rounded span.better-caption { line-height:16px; text-align:left; margin-bottom:6px; display:block; } |
| 210 |
.gmw-noimage-rounded #cboxError{padding:50px; border:1px solid #ccc;} |
| 211 |
.gmw-noimage-rounded #cboxLoadedContent{margin-bottom:24px; font-style: italic; } |
| 212 |
.gmw-noimage-rounded #cboxTitle{ position:absolute; bottom:0px; clear:both; text-align:left; width:100%; color:#999; min-height:16px; overflow:hidden; } |
| 213 |
.gmw-noimage-rounded #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999; text-transform:capitalize; display:inline-block; padding-left:1.5em; } |
| 214 |
.gmw-noimage-rounded #cboxLoadingOverlay{background:#fff url(../images/loading.gif) no-repeat 50% 50%;} |
| 215 |
|
| 216 |
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ |
| 217 |
.gmw-noimage-rounded #cboxPrevious, .gmw-noimage-rounded #cboxNext, .gmw-noimage-rounded #cboxSlideshow, .gmw-noimage-rounded #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; text-transform:capitalize; } |
| 218 |
|
| 219 |
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ |
| 220 |
.gmw-noimage-rounded #cboxPrevious:active, .gmw-noimage-rounded #cboxNext:active, .gmw-noimage-rounded #cboxSlideshow:active, .gmw-noimage-rounded #cboxClose:active {outline:0;} |
| 221 |
button:focus{ outline:1px dotted #ffffff; } |
| 222 |
|
| 223 |
.gmw-noimage-rounded #cboxSlideshow{position:absolute; bottom:0px; right:52px; color:#444;} |
| 224 |
.gmw-noimage-rounded #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} |
| 225 |
.gmw-noimage-rounded #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} |
| 226 |
.gmw-noimage-rounded #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} |
| 227 |
|
| 228 |
/* Button Styles */ |
| 229 |
.gmw-noimage-rounded #cboxPrevious, |
| 230 |
.gmw-noimage-rounded #cboxNext, |
| 231 |
.gmw-noimage-rounded #cboxSlideshow, |
| 232 |
.gmw-noimage-rounded #cboxClose { |
| 233 |
color: #777777; |
| 234 |
font-size:10px; line-height:12px; |
| 235 |
background-color: #dddddd; |
| 236 |
border-right: 1px solid #ccc; |
| 237 |
border-bottom: 1px solid #ccc; |
| 238 |
padding: 4px 8px; |
| 239 |
} |
| 240 |
.gmw-noimage-rounded #cboxPrevious:hover, |
| 241 |
.gmw-noimage-rounded #cboxNext:hover, |
| 242 |
.gmw-noimage-rounded #cboxSlideshow:hover, |
| 243 |
.gmw-noimage-rounded #cboxClose:hover { |
| 244 |
background-color: #cccccc; color:#444444; |
| 245 |
} |
| 246 |
|
| 247 |
/* |
| 248 |
IE7 and IE8. This style is not applied to IE9. |
| 249 |
*/ |
| 250 |
/*.gmw-noimage-rounded .cboxIE #colorbox {} */ |
