| @@ -1,7 +1,7 @@ | ||
| 1 | 1 | /* |
| 2 | 2 | * Google Maps Widget |
| 3 | - * (c) Web factory Ltd, 2012 - 2014 | |
| 3 | + * (c) Web factory Ltd, 2012 - 2015 | |
| 4 | 4 | */ |
| 5 | 5 | |
| 6 | 6 | .gmw-header, .gmw-footer { |
| 7 | 7 | padding: 5px; |
| @@ -12,8 +12,17 @@ | ||
| 12 | 12 | margin: 0; |
| 13 | 13 | padding: 0; |
| 14 | 14 | } |
| 15 | 15 | |
| 16 | +.gmw-error { | |
| 17 | + color: red; | |
| 18 | +} | |
| 19 | + | |
| 20 | +.gmw-powered-by { | |
| 21 | + color: #666; | |
| 22 | + font-size: x-small; | |
| 23 | +} | |
| 24 | + | |
| 16 | 25 | /* Colorbox Core Style */ |
| 17 | 26 | #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} |
| 18 | 27 | #cboxWrapper {max-width:none;} |
| 19 | 28 | #cboxOverlay{position:fixed; width:100%; height:100%;} |
| @@ -47,9 +56,9 @@ | ||
| 47 | 56 | .gmw-dark #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;} |
| 48 | 57 | .gmw-dark #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;} |
| 49 | 58 | |
| 50 | 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; } |
| 51 | - | |
| 60 | + | |
| 52 | 61 | .gmw-dark #cboxPrevious:active, .gmw-dark #cboxNext:active, .gmw-dark #cboxSlideshow:active, .gmw-dark #cboxClose:active {outline:0;} |
| 53 | 62 | |
| 54 | 63 | .gmw-dark #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} |
| 55 | 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;} |
| @@ -57,10 +66,10 @@ | ||
| 57 | 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;} |
| 58 | 67 | .gmw-dark #cboxNext:hover{background-position:-50px -25px;} |
| 59 | 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;} |
| 60 | 69 | .gmw-dark #cboxClose:hover{background-position:-25px -25px;} |
| 61 | - | |
| 62 | - | |
| 70 | + | |
| 71 | + | |
| 63 | 72 | /* light */ |
| 64 | 73 | #cboxOverlay.gmw-light {background:#fff;} |
| 65 | 74 | #colorbox.gmw-light {outline:0;} |
| 66 | 75 | .gmw-light #cboxContent{margin-top:32px; overflow:visible; background:#000;} |
| @@ -85,5 +94,157 @@ | ||
| 85 | 94 | .gmw-light .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off .gmw-light #cboxPrevious{right:66px;} |
| 86 | 95 | .gmw-light .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} |
| 87 | 96 | .gmw-light .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} |
| 88 | 97 | .gmw-light .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} |
| 89 | - .gmw-light .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} | |
| 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 {} */ | |
