/* File: /public/css/uno.css */ /* layer: preflights */ *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} :root { --color-primary: #337ab7; --color-success: #5cb85c; --color-info: #5bc0de; --color-warning: #f0ad4e; --color-danger: #d9534f; } /* layer: shortcuts */ .container{width:100%;} .alert-dismissible{position:relative;margin-bottom:1rem;border-left-width:4px;border-radius:0.375rem;padding:1rem;padding-right:3rem;} .dropdown{position:relative;display:inline-block;} .dropdown-menu{position:absolute;z-index:50;margin-top:0.25rem;display:none;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} .navbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;} .navbar-fixed-top{position:relative;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;} .pull-right{float:right;} .clearfix::after{clear:both;width:100%;border-collapse:collapse;content:"";} .panel-title{margin:0;font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity)) /* #1f2937 */;font-weight:600;} .row{margin-left:-0.75rem;margin-right:-0.75rem;display:flex;flex-wrap:wrap;} .alert{margin-bottom:1rem;border-left-width:4px;border-radius:0.375rem;padding:1rem;} .alert-danger{margin-bottom:1rem;border-left-width:4px;--un-border-opacity:1;border-color:rgb(248 113 113 / var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgb(254 242 242 / var(--un-bg-opacity)) /* #fef2f2 */;padding:1rem;--un-text-opacity:1;color:rgb(153 27 27 / var(--un-text-opacity)) /* #991b1b */;} .alert-info{margin-bottom:1rem;border-left-width:4px;--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgb(239 246 255 / var(--un-bg-opacity)) /* #eff6ff */;padding:1rem;--un-text-opacity:1;color:rgb(30 64 175 / var(--un-text-opacity)) /* #1e40af */;} .alert-success{margin-bottom:1rem;border-left-width:4px;--un-border-opacity:1;border-color:rgb(74 222 128 / var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgb(240 253 244 / var(--un-bg-opacity)) /* #f0fdf4 */;padding:1rem;--un-text-opacity:1;color:rgb(22 101 52 / var(--un-text-opacity)) /* #166534 */;} .alert-warning{margin-bottom:1rem;border-left-width:4px;--un-border-opacity:1;border-color:rgb(250 204 21 / var(--un-border-opacity));border-radius:0.375rem;--un-bg-opacity:1;background-color:rgb(254 252 232 / var(--un-bg-opacity)) /* #fefce8 */;padding:1rem;--un-text-opacity:1;color:rgb(133 77 14 / var(--un-text-opacity)) /* #854d0e */;} .form-group{margin-bottom:1rem;} .hidden-xs{display:block;} .navbar-toggle{display:block;padding:0.5rem;} .badge{display:inline-block;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity)) /* #4b5563 */;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;font-weight:700;} .badge-danger{display:inline-block;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity)) /* #4b5563 */;background-color:rgb(220 38 38 / var(--un-bg-opacity)) /* #dc2626 */;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;font-weight:700;} .badge-info{display:inline-block;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity)) /* #4b5563 */;background-color:rgb(8 145 178 / var(--un-bg-opacity)) /* #0891b2 */;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;font-weight:700;} .badge-success{display:inline-block;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity)) /* #4b5563 */;background-color:rgb(22 163 74 / var(--un-bg-opacity)) /* #16a34a */;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;font-weight:700;} .badge-warning{display:inline-block;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity)) /* #4b5563 */;background-color:rgb(202 138 4 / var(--un-bg-opacity)) /* #ca8a04 */;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;font-weight:700;} .btn{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;border-width:1px;border-color:transparent;border-radius:0.25rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;} .btn-danger{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;border-width:1px;border-color:transparent;--un-border-opacity:1;border-color:rgb(220 38 38 / var(--un-border-opacity));border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity)) /* #dc2626 */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;} .btn-default{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;border-width:1px;border-color:transparent;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity)) /* #1f2937 */;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;} .btn-info{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;border-width:1px;border-color:transparent;--un-border-opacity:1;border-color:rgb(8 145 178 / var(--un-border-opacity));border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(8 145 178 / var(--un-bg-opacity)) /* #0891b2 */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;} .btn-lg{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;border-width:1px;border-color:transparent;border-radius:0.25rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:0.75rem;padding-bottom:0.75rem;text-align:center;font-size:1.125rem;line-height:1.75rem;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;} .btn-primary{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;border-width:1px;border-color:transparent;--un-border-opacity:1;border-color:rgb(37 99 235 / var(--un-border-opacity));border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity)) /* #2563eb */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;} .btn-sm{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;border-width:1px;border-color:transparent;border-radius:0.25rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.375rem;padding-bottom:0.375rem;text-align:center;font-size:0.875rem;line-height:1.25rem;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;} .btn-success{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;border-width:1px;border-color:transparent;--un-border-opacity:1;border-color:rgb(22 163 74 / var(--un-border-opacity));border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(22 163 74 / var(--un-bg-opacity)) /* #16a34a */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;} .btn-warning{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;border-width:1px;border-color:transparent;--un-border-opacity:1;border-color:rgb(202 138 4 / var(--un-border-opacity));border-radius:0.25rem;--un-bg-opacity:1;background-color:rgb(202 138 4 / var(--un-bg-opacity)) /* #ca8a04 */;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:center;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;} .btn-xs{display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;border-width:1px;border-color:transparent;border-radius:0.25rem;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;text-align:center;font-size:0.75rem;line-height:1rem;text-decoration:none;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;} .hidden-sm{display:none;} .col-lg-2, .col-md-10, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-8, .col-md-9, .col-sm-10, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-9{width:100%;padding-left:0.75rem;padding-right:0.75rem;} .form-control{width:100%;border-width:1px;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));border-radius:0.375rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem;} .table, .table-hover, .table-striped{width:100%;border-collapse:collapse;} .table-bordered{width:100%;border-collapse:collapse;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));} .navbar-nav{display:flex;} .dropdown-toggle{cursor:pointer;} .navbar-nav>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(1rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(1rem * var(--un-space-x-reverse));} .panel, .panel-default{overflow:hidden;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:0.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} .panel-danger{overflow:hidden;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-color:rgb(254 202 202 / var(--un-border-opacity));border-radius:0.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} .panel-info{overflow:hidden;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-color:rgb(165 243 252 / var(--un-border-opacity));border-radius:0.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} .panel-primary{overflow:hidden;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-color:rgb(191 219 254 / var(--un-border-opacity));border-radius:0.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} .panel-skinbase{overflow:hidden;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-color:rgb(147 197 253 / var(--un-border-opacity));border-radius:0.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));} .panel-success{overflow:hidden;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-color:rgb(187 247 208 / var(--un-border-opacity));border-radius:0.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} .panel-warning{overflow:hidden;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-color:rgb(254 240 138 / var(--un-border-opacity));border-radius:0.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} .table-responsive{overflow-x:auto;} .table-bordered td, .table-bordered th{border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));} .panel-footer{border-top-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity)) /* #f9fafb */;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;} .panel-heading{border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity)) /* #f9fafb */;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;font-weight:600;} .btn-danger:hover{--un-border-opacity:1;border-color:rgb(185 28 28 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(185 28 28 / var(--un-bg-opacity)) /* #b91c1c */;} .btn-default:hover{--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity)) /* #f3f4f6 */;} .btn-info:hover{--un-border-opacity:1;border-color:rgb(14 116 144 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(14 116 144 / var(--un-bg-opacity)) /* #0e7490 */;} .btn-primary:hover{--un-border-opacity:1;border-color:rgb(29 78 216 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(29 78 216 / var(--un-bg-opacity)) /* #1d4ed8 */;} .btn-success:hover{--un-border-opacity:1;border-color:rgb(21 128 61 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(21 128 61 / var(--un-bg-opacity)) /* #15803d */;} .btn-warning:hover{--un-border-opacity:1;border-color:rgb(161 98 7 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(161 98 7 / var(--un-bg-opacity)) /* #a16207 */;} .form-control:focus{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity));outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(59 130 246 / var(--un-ring-opacity)) /* #3b82f6 */;} .table-hover tbody tr:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity)) /* #f3f4f6 */;} .table-striped tbody tr:nth-child(odd){--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity)) /* #f9fafb */;} .panel-body{padding:1rem;} .navbar-brand{font-size:1.25rem;line-height:1.75rem;font-weight:700;text-decoration:none;} .text-danger{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity)) /* #dc2626 */;} .text-info{--un-text-opacity:1;color:rgb(8 145 178 / var(--un-text-opacity)) /* #0891b2 */;} .text-muted{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity)) /* #4b5563 */;} .text-primary{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity)) /* #2563eb */;} .text-success{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity)) /* #16a34a */;} .text-warning{--un-text-opacity:1;color:rgb(202 138 4 / var(--un-text-opacity)) /* #ca8a04 */;} @media (min-width: 480px){ .container{max-width:480px;} } @media (min-width: 768px){ .container{max-width:768px;} .hidden-sm{display:block;} .hidden-xs{display:none;} .col-sm-10{width:83.3333333333%;} .col-sm-2{width:16.6666666667%;} .col-sm-3{width:25%;} .col-sm-4{width:33.3333333333%;} .col-sm-6{width:50%;} .col-sm-9{width:75%;} } @media (min-width: 992px){ .container{max-width:992px;} .hidden-sm, .navbar-toggle{display:none;} .col-md-10{width:83.3333333333%;} .col-md-2{width:16.6666666667%;} .col-md-3{width:25%;} .col-md-4{width:33.3333333333%;} .col-md-6{width:50%;} .col-md-8{width:66.6666666667%;} .col-md-9{width:75%;} } @media (min-width: 1200px){ .container{max-width:1200px;} .col-lg-2{width:16.6666666667%;} } /* layer: default */ .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;} .visible{visibility:visible;} .absolute{position:absolute;} .fixed{position:fixed;} .relative{position:relative;} .static{position:static;} .left-0{left:0;} .right-0{right:0;} .top-0{top:0;} .top-full{top:100%;} .z-50{z-index:50;} .grid{display:grid;} .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));} .mx-auto{margin-left:auto;margin-right:auto;} .my{margin-top:1rem;margin-bottom:1rem;} .my-1{margin-top:0.25rem;margin-bottom:0.25rem;} .my-2{margin-top:0.5rem;margin-bottom:0.5rem;} .my-5{margin-top:1.25rem;margin-bottom:1.25rem;} .mb-0{margin-bottom:0;} .mb-1{margin-bottom:0.25rem;} .mb-2{margin-bottom:0.5rem;} .mb-3{margin-bottom:0.75rem;} .mb-4{margin-bottom:1rem;} .me{margin-inline-end:1rem;} .me-3{margin-inline-end:0.75rem;} .ml-1{margin-left:0.25rem;} .ml-2{margin-left:0.5rem;} .mr-1{margin-right:0.25rem;} .mr-2{margin-right:0.5rem;} .ms{margin-inline-start:1rem;} .ms-3{margin-inline-start:0.75rem;} .mt-0{margin-top:0;} .mt-2{margin-top:0.5rem;} .mt-3{margin-top:0.75rem;} .mt-4{margin-top:1rem;} .mt-auto{margin-top:auto;} .mt5{margin-top:1.25rem;} .inline{display:inline;} .block, .group:hover .group-hover\:block{display:block;} .inline-block{display:inline-block;} .contents{display:contents;} .hidden{display:none;} .h-0\.5{height:0.125rem;} .h-100{height:25rem;} .h-16{height:4rem;} .h-8{height:2rem;} .h-full{height:100%;} .h1{height:0.25rem;} .h2{height:0.5rem;} .h3{height:0.75rem;} .h4{height:1rem;} .h5{height:1.25rem;} .h6{height:1.5rem;} .max-w-4xl{max-width:56rem;} .min-w-48{min-width:12rem;} .w-6{width:1.5rem;} .w-64{width:16rem;} .w-auto{width:auto;} .w-screen{width:100vw;} .flex{display:flex;} .flex-1{flex:1 1 0%;} .flex-shrink{flex-shrink:1;} .flex-shrink-0{flex-shrink:0;} .flex-grow, .flex-grow-1, .grow{flex-grow:1;} .flex-wrap{flex-wrap:wrap;} .transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} .cursor-pointer{cursor:pointer;} .items-center{align-items:center;} .justify-center{justify-content:center;} .justify-between{justify-content:space-between;} .gap-6{gap:1.5rem;} .space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.5rem * var(--un-space-x-reverse));} .space-x-4>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(1rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(1rem * var(--un-space-x-reverse));} .space-x-6>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(1.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(1.5rem * var(--un-space-x-reverse));} .space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.25rem * var(--un-space-y-reverse));} .b, .border{border-width:1px;} .border-b{border-bottom-width:1px;} .border-l{border-left-width:1px;} .border-l-0{border-left-width:0px;} .border-t{border-top-width:1px;} .border-gray-600{--un-border-opacity:1;border-color:rgb(75 85 99 / var(--un-border-opacity));} .border-gray-700{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity));} .focus\:border-blue-500:focus{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity));} .rounded{border-radius:0.25rem;} .rounded-b{border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem;} .rounded-l{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;} .rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;} .bg-gray-700{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity)) /* #374151 */;} .bg-gray-800{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity)) /* #1f2937 */;} .bg-gray-900{--un-bg-opacity:1;background-color:rgb(17 24 39 / var(--un-bg-opacity)) /* #111827 */;} .bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;} .hover\:bg-gray-600:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity)) /* #4b5563 */;} .hover\:bg-gray-700:hover{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity)) /* #374151 */;} .bg-opacity-30{--un-bg-opacity:0.3;} .bg-opacity-95{--un-bg-opacity:0.95;} .hover\:bg-opacity-20:hover{--un-bg-opacity:0.2;} .p-2{padding:0.5rem;} .p-6{padding:1.5rem;} .p0{padding:0;} .px-2{padding-left:0.5rem;padding-right:0.5rem;} .px-3{padding-left:0.75rem;padding-right:0.75rem;} .px-4{padding-left:1rem;padding-right:1rem;} .py-1{padding-top:0.25rem;padding-bottom:0.25rem;} .py-2{padding-top:0.5rem;padding-bottom:0.5rem;} .pb-3{padding-bottom:0.75rem;} .ps{padding-inline-start:1rem;} .pt-2{padding-top:0.5rem;} .pt-3{padding-top:0.75rem;} .text-center{text-align:center;} .text-right{text-align:right;} .text-3xl{font-size:1.875rem;line-height:2.25rem;} .text-sm{font-size:0.875rem;line-height:1.25rem;} .text-xl{font-size:1.25rem;line-height:1.75rem;} .text-xs{font-size:0.75rem;line-height:1rem;} .text-blue-400{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity)) /* #60a5fa */;} .text-gray-300{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity)) /* #d1d5db */;} .text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity)) /* #9ca3af */;} .text-green-400{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity)) /* #4ade80 */;} .text-orange-400{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity)) /* #fb923c */;} .text-purple-400{--un-text-opacity:1;color:rgb(192 132 252 / var(--un-text-opacity)) /* #c084fc */;} .text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity)) /* #f87171 */;} .c-white, .text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;} .text-yellow-300{--un-text-opacity:1;color:rgb(253 224 71 / var(--un-text-opacity)) /* #fde047 */;} .text-yellow-400{--un-text-opacity:1;color:rgb(250 204 21 / var(--un-text-opacity)) /* #facc15 */;} .hover\:text-orange-400:hover{--un-text-opacity:1;color:rgb(251 146 60 / var(--un-text-opacity)) /* #fb923c */;} .hover\:text-red-300:hover{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity)) /* #fca5a5 */;} .hover\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;} .hover\:text-yellow-300:hover{--un-text-opacity:1;color:rgb(253 224 71 / var(--un-text-opacity)) /* #fde047 */;} .hover\:text-yellow-400:hover{--un-text-opacity:1;color:rgb(250 204 21 / var(--un-text-opacity)) /* #facc15 */;} .font-bold{font-weight:700;} .font-medium{font-weight:500;} .uppercase{text-transform:uppercase;} .lowercase{text-transform:lowercase;} .italic{font-style:italic;} .underline{text-decoration-line:underline;} .no-underline{text-decoration:none;} .tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;} .shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} .shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} .outline{outline-style:solid;} .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;} .filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);} .backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);} .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;} .ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);} .container-fluid{width:100%;padding-left:15px;padding-right:15px;} @media (min-width: 992px){ .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));} .md\:inline{display:inline;} .md\:hidden{display:none;} .md\:flex{display:flex;} } @media (min-width: 1200px){ .lg\:flex{display:flex;} } /* File: /public/css/default.css */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext); a { color:#111; text-decoration: none } html { margin:0 !important; padding:0 !important; } body { width:100%; margin: 0; padding: 0; border: 0; font-size: 12px; font-family: 'Open Sans', Tahoma, Arial; background: #dfe5e9; color:#555; margin0 !important; padding:0 !important; padding-top:50px !important; } #wrapper { text-align: left; width: 1020px; margin-left: auto; margin-right: auto; padding: 0; } #footer { clear:both; padding-top:5px; text-align:center; font-size:10px; font-weight:normal; margin-top:10px; } /**************************************** ** ** ** NAVIGATION FIELDS ** ** ** ****************************************/ #leftMain { } .mainNav_close { background:url(/skins/macskin_silver_2011/gfx/l_bot.jpg); width:190px; height:39px; margin:0px; } .menu_head { display:block; margin:0px; /*background:transparent url(/gfx/table_headers.png) repeat-x;*/ width:190px; height:22px; color:#fff; padding-top:2px; padding-left:4px; margin-bottom:6px; font-size:14px; font-weight:bold; } /**************************************** ** ** ** MAIN CONTENT ** ** ** ****************************************/ #mainContent { font-size:10px; position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */ width:auto; min-width:500px; margin:0px 150px 0px 150px; padding:0px; } #mainContent h1 { margin:0px; font-size:18px; color:#333; } #mainContent h2 { font-size:12px; color:#333; margin:0px; font-weight:normal; background:#fff; } #mainContent hr { height:1px; color:#555; background:#fff; } #contentBox { background:#fff; width:100%; } #mainContent table { font-size:12px; } .mainTable { font-size:12px; } .mainTable thead { background:#dedede; padding:5px; } .mainTable th a { color:#012248; text-shadow: 1px 1px 1px #fff; } .mainTable th { padding:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0px; color:#012248; padding:5px; background:#dcdcdc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-shadow: 1px 1px 1px #fff; padding-left:10px; } .mainTable td { padding:5px; } .mainTable .odd { background:#eef3f9; } #mainTopMenu h2 { margin:0px; } .smlTxt { font-size:10px; float:right; } /**************************************** ** ** ** MAIN CONTENT BOX ** ** ** ****************************************/ .box { width: 100%; background:#fafafa url(/gfx/topHeader.png) repeat-x; margin:0; padding:0; min-width:800px; padding-left:7px; padding-right:7px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .box_space { padding-top:35px; } .menuHeadline { font-size:14px; display:block; color:#eee; font-weight:bold; padding-top:5px; /*background: url(/gfx/table_headers.png) no-repeat;*/ height:25px; min-width:90px; padding-left:10px; margin-bottom:10px; } .headline2 { font-size:14px; display:block; color:#eee; font-weight:bold; padding-top:5px; background: url(/gfx/table_headers.png) repeat-x; height:25px; min-width:90px; padding-left:10px; } .menuHeadline a { color:#eee; } .menuHeadline a:hover { border-bottom:dotted 1px #aaa; } #newsList { color:#111; } #newsList a { padding-bottom:2px; margin-bottom:.25em; color:#044474; font-weight:normal; } #newsList a:hover { text-decoration:none; color:#c00; } #newsList h2 { font-size:20px; font-weight:bold; color:#333; padding-bottom:2px; margin:0px; margin-left:0px; padding-left:0px; letter-spacing:-1px; } #newsList h1 { font-size:24px; font-weight:normal; color:#044474; padding-bottom:2px; margin:0px; margin-left:0px; padding-left:0px; letter-spacing:-1px; } hr { clear:both; margin-top:10px; margin-bottom:20px; border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(150,150,150,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(150,150,150,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(150,150,150,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(150,150,150,0.75), rgba(0,0,0,0)); box-shadow:0px 0px 3px #eee; } } #newsList .separator { height:30px; } #newsList .h1news { font-size:20px; font-weight:bold; color:#333; border-bottom:1px dotted #999 !important; border-bottom:1px solid #ccc; padding-bottom:2px; margin:0px; } #newsList .datum { color:#666; text-decoration: none; border-bottom:solid 1px #eee; margin-bottom:10px; font-size:11px; } #newsList .author { padding-top:2px; margin:0px; font:90%/1.2em Georgia,Serif; color:#444; background:#f4f8fd; } #newsList p { font-size:12px; color:#333; } #newsList input,select,textarea { background:#f4f8fd; border:solid 1px #aaa; } /**************************************** ** ** ** MESSAGEBOARD FIELDS ** ** ** ****************************************/ #msgBoard { color:#111; } #msgBoard a { padding-bottom:2px; margin-bottom:.25em; color:#333; font-weight:normal; } #msgBoard a:hover { text-decoration:none; color:#c00; } #msgBoard h1 { font-size:24px; font-weight:normal; color:#333; margin:0px; margin-bottom:4px; } #msgBoard .h1news { font-size:20px; font-weight:bold; color:#333; border-bottom:1px dotted #999 !important; border-bottom:1px solid #ccc; padding-bottom:2px; margin:0px; } #msgBoard h2 { margin:0px; font:100%/1.5em Verdana,Arial,Sans-serif; font-weight:bold; color:#444; margin: 0px; padding:0px; text-decoration: none; } .data { font-size:12px; margin-bottom:5px; margin-bottom:20px; padding:5px; float:right; width:700px; background:#e3e3e3; } #msgBoard .updated { border:1px dotted #999 !important; border:1px dotted #ccc; margin:5px; padding:5px; background:#eee; } #msgBoard h3 { padding-top:2px; margin:0px; font-size:12px; color:#999; margin-bottom:20px; } #msgBoard h4 { font-size:20px; font-weight:bold; color:#433; padding-bottom:2px; padding-left:4px; margin:0px; } #msgBoard .highlight { color:#900; background: url(/skins/macskin_silver_2011/gfx/highlight_28px-3.png) repeat-x; } #msgBoard .highlight2 { color:#900; background: url(/skins/macskin_silver_2011/gfx/highlight_28px-2.png) repeat-x; } #msgBoard .odd2 { background: url(/skins/macskin_silver_2011/gfx/highlight_28px.png) repeat-x; } #msgBoard .odd3 { background: url(/skins/macskin_silver_2011/gfx/highlight_15px.png) repeat-x; } #msgBoard p { font-size:13px; color:#333; } #msgBoard .myDesc { background:#fafaff; color:#444; padding-bottom:8px; padding-top:4px; padding-left:5px; } #msgBoard input[type=text] { height:22px !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border:solid 1px #999; padding:3px; color:#666; font-size:15px; } #msgBoard input[type=text]:hover { background:#ffe; } #msgBoard select,textarea { /* background:#f4f8fd; */ border:solid 1px #aaa; } /**************************************** ** ** ** EDIT MEMBERS FIELDS ** ** ** ****************************************/ #editList { color:#111; font-size:12px; } #editList a { padding-bottom:2px; margin-bottom:.25em; color:#044474; font-weight:normal; } #editList a:hover { text-decoration:none; color:#c00; } #editList h1 { font-size:24px; font-weight:normal; color:#333; margin:0px; margin-bottom:4px; } #editList h2 { margin:0px; font:120%/1.5em Verdana,Arial,Sans-serif; font-weight:bold; color:#444; margin: 0px; padding:0px; text-decoration: none; } #editList label { display: block; width: 150px; float: left; margin-bottom: 10px; text-align: right; padding-right: 20px; } #editList br { clear:left; } #editList p { font-size:13px; color:#333; } .submitBtn { padding:5px; margin:2px; background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 50%, #dbdbdb 50%, #b5b5b5); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.50, #dbdbdb), to(#b5b5b5)); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #949494; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1); text-align:center; width:auto; padding-left:10px; padding-right:10px; cursor:pointer; } #editList input[type=submit] { padding:5px; margin:2px; } #editList input[type=text], #editList input[type=password], #editList textarea { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font: normal 13px/100% Verdana, Tahoma, sans-serif; width: 200px; background: #fff; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; } textarea.addComment { padding: 9px; border: solid 1px #E5E5E5; outline: 0; background: #fff; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; width:98% !important; } .mainList { color:#111; padding:10px; background:#eee; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .mainList a { padding-bottom:2px; margin-bottom:.25em; font-weight:normal; color:#333; } .mainList a:hover { text-decoration:none; color:#f7820e; } .mainList h1, .mainList h2 { font-size:24px; font-weight:normal; color:#333; margin:0px; margin-bottom:4px; } .mainList p { font-size:13px; color:#333; line-height:18px; text-align:justify; } #skinList { color:#111; height:265px; padding:10px; background:#eee; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #skinList a { padding-bottom:2px; margin-bottom:.25em; font-weight:normal; color:#333; } #skinList a:hover { text-decoration:none; color:#f7820e; } #skinList h1, #skinList h2 { font-size:24px; font-weight:normal; color:#333; margin:0px; margin-bottom:4px; } #skinList p { font-size:13px; color:#333; line-height:18px; text-align:justify; } #skinList .appDesc { height:158px; buffer:158px; overflow:auto; } .moreBtn { display:block; margin-top:5px; margin-bottom:5px; background:#f7820e; color:#fff !important; padding:3px; width:40px; border-radius:5px; text-align:center; } .moreBtn:hover { background:#fab206; } #skinList ul { list-style:none; padding-left:4px; padding-top:0px; margin:0px; } #skinList li { margin-bottom:2px; font-size:18px; padding-bottom:4px; } #appList { color:#111; } #appList a { padding-bottom:2px; margin-bottom:.25em; font-weight:normal; color:#333; } #appList a:hover { text-decoration:none; color:#c00; } #appList h1 { font-size:20px; font-weight:bold; color:#333; border-bottom:1px dotted #999 !important; border-bottom:1px solid #ccc; padding-bottom:2px; margin:0px; } #appList h2 { font:100%/1.5em Verdana,Arial,Sans-serif; color:#444; margin: 0px; padding:0px; text-decoration: none; } #appList h2>a { color:#444; text-decoration: underline; } #appList h2>a:hover { color:#933; text-decoration: underline; } #appList fieldset { height:45px; background:#f9f9f9; font-size:120%/1.5em; color:#444; padding:0px; margin:0px; text-decoration: none; border:solid 1px #ccc; padding-top:3px; } #appList p { font-size:13px; color:#333; } #appList ul { list-style:none; padding-left:4px; padding-top:0px; margin:0px; } #appList li { margin-bottom:2px; font-size:18px; padding-bottom:4px; } /**************************************** ** ** ** APPLIST LIST TOP FIELDS ** ** ** ****************************************/ #profileList { color:#111; } #profileList a { padding-bottom:2px; margin-bottom:.25em; font-weight:normal; color:#333; } #profileList a:hover { text-decoration:none; color:#c00; } #profileList h1 { font-size:20px; font-weight:bold; color:#333; border-bottom:1px dotted #999 !important; border-bottom:1px solid #ccc; padding-bottom:2px; margin:0px; } #profileList h2 { font:100%/1.5em Verdana,Arial,Sans-serif; color:#444; margin: 0px; padding:0px; text-decoration: none; } #profileList h2>a { color:#444; text-decoration: underline; } #profileList h2>a:hover { color:#933; text-decoration: underline; } #profileList fieldset { height:45px; background:#f9f9f9; font-size:120%/1.5em; color:#444; padding:0px; margin:0px; text-decoration: none; border:solid 1px #ccc; padding-top:3px; } #profileList p { font-size:13px; color:#333; } #profileList ul { list-style:none; padding-left:4px; padding-top:0px; margin:0px; } #profileList li { margin-bottom:2px; font-size:14px; padding-bottom:1px; } #skinNav { text-align:center; margin-right:10px; width:auto; float:left; border:solid 1px #ccc; padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#fff; } #skinNav p { margin:0px; display:inline; font-size:12px; vertical-align:middle; } #skinNav img { vertical-align:bottom; } #showSkin { } #showSkin ul { list-style:none; padding-left:4px; padding-top:0px; margin:0px; } #showSkin li { margin-bottom:1px; font-size:12px; padding-bottom:2px; } .skinTitle { margin:0px; font-size:16px; color:#012248; padding:5px; background:#dcdcdc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-shadow: 1px 1px 1px #fff; padding-left:10px; } .skinTitle a { color:#012248; } .skinTitleFP { margin:0px; font-size:14px; color:#012248; padding:5px; background:#dcdcdc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-shadow: 1px 1px 1px #fff; padding-left:10px; } .skinTitleFP a { color:#012248; } .skinTitleRoot { margin:0px; font-size:16px; color:#333; padding:5px; background:#dbe9fb; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-shadow: 1px 1px 1px #fff; padding-left:10px; margin-left:110px; width:585px; position:absolute; top:0; opacity:.9; } #showSkin h1 { margin:0px; margin-top:0px; font-size:16px; color:#000; border-bottom:1px dotted #999 !important; border-bottom:1px solid #ccc; padding-top:2px; padding-bottom:2px; padding-left:2px; margin-bottom:.25em; background:#dbe9fb; } .blueBorder { margin:0px; margin-top:0px; font-size:16px; color:#000; border-bottom:1px dotted #999 !important; border-bottom:1px solid #ccc; padding-top:2px; padding-bottom:2px; padding-left:2px; margin-bottom:.25em; background:#dbe9fb; } .awardedBox { border-radius:5px; float:left; margin:5px; width:60px; height:79px; } .artWorkDescH { font-size:12px; color:#333; margin-top:5px; } .artWorkDesc { font-size:13px; margin-bottom:10px; color:#444; } .artWorkDetails { max-width:350px; padding:5px; border:solid 1px #dbe9fb; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } #showSkin .showDetails { padding-top:10px; padding-left:10px; display:block; margin-left: 320px; min-width:450px; } #showSkin .showButtons { clear:both; margin-top:5px; margin-bottom:5px; } #showSkin .skinPic img { background-color:#fff; border: 1px solid #a9a9a9; padding:4px; margin: 0px 5px 5px 0px; } #showSkin .showPicture { /*position:absolute;*/ display:block; float:left; width:330px; height:330px; padding-top:10px; } #showPicture { /*position:absolute;*/ display:block; float:left; width:330px; padding-top:10px; } #showSkin .showDescription { position:absolute; left:320px; top:200px; display:block; } #location_bar { color:#444; margin: 0px; padding:0px; text-decoration: none; margin-bottom:5px; } #location_bar a { color:#444; text-decoration: underline; } #location_bar a:hover { color:#933; text-decoration: underline; } #showSkin h2 { font:100%/1.5em Verdana,Arial,Sans-serif; color:#444; margin: 0px; padding:0px; text-decoration: none; } #showSkin h2>a { color:#444; text-decoration: underline; } #showSkin h2>a:hover { color:#933; text-decoration: underline; } #showSkin .odd { display:block; background-color: #eef3f9; } .odd { background-color: #eef3f9; } #topSkinBrowser { font-size:12px; float:left; margin:0px; } #topSkinBrowser a { color:#333; } #showComments { width:100%; border-left:dotted 1px #aaa !important; border-left:1px solid #ccc; border-right:dotted 1px #aaa !important; border-right:solid 1px #ccc; } #showComments .myBox { clear:both; border-top:dotted 1px #aaa !important; border-top:solid 1px #ccc; padding:2px; margin:2px; margin-top:0px; padding-top:0px; } #showComments .myBox:hover { } #showComments .topBox { font-size:12px; text-align:right; border-bottom:dotted 1px #eee !important; border-bottom:solid 1px #eee; } #showComments .leftBox { padding-right:5px; text-align:center; width:100px; float:left; background:#eee; vertical-align:middle; } #showComments .rightBox { text-align:left; float:right; background:#ffa; margin-right:5px; } #showComments .signature { border:dotted 1px #aaa !important; border:solid 1px #ccc; background:#eee; vertical-align:bottom; text-align:center; clear:both; } #showComments p { padding:5px; margin-left:5px; } .message { font-size:11px; padding:5px; margin-left:5px; color:#333; } dl.comment { clear:both; width: 100%; margin: 2em 0; padding: 2px; } .comment dt { width: 100px; float: left; margin: 0 0 0 0; text-align:center; } /* commented backslash hack for mac-ie5 \*/ dt { clear: both; } /* end hack */ .comment dd { float: left; margin: 0 0 0 0; border-top:dotted 1px #eee !important; border-bottom:dotted 1px #eee !important; border-right:dotted 1px #eee !important; border-top:solid 1px #eee; border-bottom:solid 1px #eee; border-right:solid 1px #eee; width:80%; } #showPosts { } #showPosts .myBox { clear:both; border-top:dotted 1px #aaa !important; border-top:solid 1px #ccc; padding:2px; margin:2px; margin-top:0px; padding-top:0px; background:#eee; } #showPosts .myBox:hover { } #showPosts .topBox { font-size:12px; text-align:right; border-bottom:dotted 1px #aaa !important; border-bottom:solidd 1px #ccc; color:#999; background:#fff; } #showPosts .leftBox { padding-top:20px; padding-right:5px; margin-right:5px; text-align:center; width:100px; min-height:60px; float:left; background:#eee; vertical-align:middle; } #showPosts .rightBox { text-align:left; float:right; background:#fff; margin-right:5px; padding-left:90px; } #showPosts .signature { display:block; text-align:center; clear:both; padding:5px; color:#999; padding-top:10px; margin-left:105px; background:#fff; border-top:1px solid 1px #ccc; } #showPosts .message { background:#fff; margin-left:105px; min-height:120px; } #showPosts p { padding:5px; margin-left:5px; } #addComment { clear:both; } #addComment textarea { width:100%; height:150px; border:solid 1px #ccc; } #browsing dl { clear:both; margin: 2em 0; padding: 0; } #browsing dt { font-size:18px; border: 1px dotted #eee !important; border: 1px solid #eee; text-align:center; } #browsing dd { float: left; margin: 0 0 0 0; border: 1px dotted #eee !important; border: 1px solid #eee; } #showBrowser { position:absolute; top:25px; right:240px; width:200px; height:240px; buffer:240px; overflow:auto; background:#ccc; color:#000; border: 1px solid #000; opacity: .95; filter: alpha(opacity=95); z-index:200; visibility: hidden; } #showBrowser ul { width:180px; list-style:none; padding-left:4px; padding-top:0px; margin:0px; } #showBrowser li { width:400px; margin-bottom:2px; font-size:13px; padding-bottom:4px; } #showBrowser li:hover { background:#eee; } #showBrowser a { color:#000; } #showBrowser .odd { display:block; background-color: #bbb; } #showBrowser .odd2 { display:block; background-color: #988; } /****************************************/ /** **/ /** Main Browser **/ /** **/ /****************************************/ #mainBrowser { clear:both; position:absolute; height:50px; text-align:center; } #mainBrowser .previous { position:absolute; left:0px; width: 102px; height: 36px; background: url(/skins/macskin_silver_2011/gfx/prev.jpg) no-repeat; } #mainBrowser .previous:hover { background: url(/skins/macskin_silver_2011/gfx/prev_over.jpg) no-repeat; } #mainBrowser .directory { position:absolute; left:103px; width: 126px; height: 36px; background: url(/skins/macskin_silver_2011/gfx/SkinDirectory.jpg) no-repeat; } #mainBrowser .directory:hover { background: url(/skins/macskin_silver_2011/gfx/SkinDirectory_over.jpg) no-repeat; } #mainBrowser .next { position:absolute; left:228px; width: 102px; height: 36px; background: url(/skins/macskin_silver_2011/gfx/next.jpg) no-repeat; } #mainBrowser .next:hover { background: url(/skins/macskin_silver_2011/gfx/next_over.jpg) no-repeat; } .rollover a { display:block; width: 90px; padding:10px 10px 10px 7px; font: bold 13px sans-serif;; color:#333; /*background: url("/gfx/rollover-image.gif") 0 0 no-repeat;*/ text-decoration: none; } .rollover a:hover { background-position: 0 -35px; color: #049; } .rollover a:active { background-position: 0 -70px; color:#fff; } #mainBrowser2 { text-align:center; } .previous { padding:0px; margin:0px; display:block; width: 102px; height: 36px; background: url(/skins/macskin_silver_2011/gfx/prev.png) 0 0 no-repeat; } .previous:hover { background: url(/skins/macskin_silver_2011/gfx/prev_over.png) no-repeat; width: 102px; height: 36px; } .directory { width: 126px; height: 36px; background: url(/skins/macskin_silver_2011/gfx/SkinDirectory.jpg) no-repeat; } .directory:hover { background: url(/skins/macskin_silver_2011/gfx/SkinDirectory_over.jpg) no-repeat; } .next { width: 102px; height: 36px; background: url(/skins/macskin_silver_2011/gfx/next.jpg) no-repeat; } .next:hover { background: url(/skins/macskin_silver_2011/gfx/next_over.jpg) no-repeat; } #topNav .loginek { height:34px; position:absolute; top:112px !important; top:128px; left:150px; } #topNav .clock { /* float:right; padding-top:10px; margin-right:2px; */ position:absolute; top:115px !important; top:127px; left:5px; float:left; margin-right:5px; color:#e0e0e0; } #topNav .toolbar { position:absolute; text-align:right; top:110px !important; top:123px; right:5px; } #topNav { margin:0px; padding-top:0px !important; padding-top:4px; height:34px; line-height:28px; text-align:top; color:#aaa; background:url(/skins/macskin_silver_2011/gfx/toolbar.jpg) repeat-x; font-size:12px; } #topNav a:hover, #topNav a:focus { text-decoration:underline; } #topNav a { color:#999; } #topNav .loginField { border:0px !important; border:1px solid #111; background:url(/skins/macskin_silver_2011/gfx/login_input3.png) no-repeat !important; background:#666; width:114px; height:24px !important; height:16px; color:#ccc; font-size:10px; padding-left:10px; padding-top:5px; } #topNav .submitField { border:0px !important; border:1px solid #111; background:url(/skins/macskin_silver_2011/gfx/login_button.png) no-repeat !important; background:#888; background-position: 0px 5px !important; width:87px !important; height:29px !important; height:23px; color:#aaa; cursor:pointer; font-size:10px; color:#f9f9f9; } #topNav .submitField:hover { background:url(/skins/macskin_silver_2011/gfx/login_button_over.png) no-repeat; background-position: 0px 5px; } #mainGallery { margin-top:30px; text-align:center; } #mainGallery ul { list-style:none; padding-left:4px; padding-top:0px; margin:0px; vertical-align:middle; text-align:center; } #mainGallery li { border:solid 1px #eee; float:left; width:170px; height:190px; vertical-align:middle; text-align:center; padding-left:12px; } #mainGallery img:hover { background:#ffa; } .pixSubs { clear:both; text-align:center; font-size:10px; position:relative; margin-top:-35px; height:50px; font-size:12px; color:#444; padding-left:22px; padding-right:22px; } div #latestStuff { width:100%; height:110px; overflow: hidden; } div.streamBuddy { padding-top:30px; padding-bottom:30px; vertical-align:middle; } div.streamBuddy p,div.streamBuddy p a { text-align:center; color:#888; } div.streamBuddy div span { display:table-cell; display:inline-block; width:80px; vertical-align:bottom; } div.streamBuddy div { display:inline; } .stream { padding-top:20px; padding-bottom:20px; text-align:center; vertical-align:middle; } .stream div span { display:table-cell; display:inline-block; width:190px; vertical-align:bottom; margin-bottom:10px; } .stream div { display:inline; } div.stream2 { text-align:center; vertical-align:middle; height:170px; buffer:100px; overflow:none; } div.stream2 div span { display:table-cell; display:inline-block; width:110px; height:110px; vertical-align:bottom; } div.stream2 div { display:inline; } div #latestStuff2 { margin:0px; padding:0px; width:100%; height:154px; *height:152px; overflow: hidden; } div #latestStuff3 { margin:0px; padding:0px; width:100%; height:160px; overflow: hidden; } div.stream4 { text-align:center; vertical-align:middle; height:150px; buffer:110px; overflow:none; } div.stream4 div span { display:table-cell; display:inline-block; width:130px; height:150px; vertical-align:bottom; } div.stream4 div { display:inline; } div.stream4 p { margin: 0px; margin-bottom:40px; } div.stream3 { text-align:center; vertical-align:middle; height:140px; buffer:110px; overflow:none; } div.stream3 div span { display:table-cell; display:inline-block; width:130px; height:140px; vertical-align:bottom; } div.stream3 div { display:inline; } div.stream3 p { margin: 0px; margin-bottom:40px; } .imgBox { width:190px; vertical-align:middle; } .imgBox2 { float:left; width:190px; height:140px; vertical-align:middle; } .imgBox2 img { border:solid 1px #999; padding:3px; margin:4px; } .clear{ clear:both; } .imgBoxBuddy { width:60px; /* height:190px;*/ vertical-align:middle; } .shadow { display:block; text-align:center; background-position:center; background-repeat:no-repeat; padding:3px 4px 5px 4px !important; border:1px solid red; } .myShadow { display:block; text-align:center; background-position:center; background-repeat:no-repeat; padding:3px 4px 5px 4px !important; } .myShadow img { background-color:#fff; border: 1px solid #a9a9a9; padding:4px; margin: 0px 5px 5px 0px; } .myShadow img:hover { background-color:#ff9; } /****************************************/ /** **/ /** Private Messages **/ /** **/ /****************************************/ #privateMessage { } .prvMessage { list-style:none; padding-top:0px; margin:0px; padding:2px; height:20px; } .prvMessage li { display:block; width:auto; height:20px; margin-bottom:2px; font-size:12px; float:left; background:#ffe; margin:3px; padding:3px; border:solid 1px #aaa; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .prvMessage li a { color:#000; } .prvMessage li:hover { background:#ffa; } #message_list { clear:both; height:300px; buffer:300px; overflow:auto; border-bottom:2px solid #999; border:solid 1px #ccc; } #ArtworkManager { clear:both; height:360px; buffer:360px; overflow:auto; padding-bottom:10px border-bottom:2px solid #999; } #msgList { clear:both; height:360px; buffer:360px; overflow:auto; border-bottom:3px solid #999; } #msgShow { color:#333; } /**** Messsages ****/ #privateMessage p { line-height:140%; font-size: 14px; padding:11px } #privateMessage .msgHeader { display: block; margin-top:5px; padding:5px; padding-left:11px; background:#eee; width:100%; border-bottom:1px solid #ccc; box-shadow:0 0 3px #999; } #privateMessage h5 { margin:0px; line-height:120%; font-size: 14px; font-weight:bold; color:#555; } #privateMessage h4 { margin:0px; padding-top:10px; line-height:120%; font-size: 19px; font-weight:bold; } #privateMessage table { width:100%; } #privateMessage thead { background:#eee; padding:3px; font-size:13px; } #privateMessage th { font-size:13px; color:#333; text-align:center; padding:3px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } #privateMessage td { font-size:13px; color:#333; padding:3px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } #privateMessage .unread { font-weight:bold; } #privateMessage .read { font-weight:normal; background:transparent; color:#900; } /****************************************/ /** **/ /** Upload Manager **/ /** **/ /****************************************/ #uploadsManager { } #uploadsManager ul { list-style:none; padding-top:0px; margin:0px; padding:2px; } #uploadsManager li { display:block; width:200px; height:20px; margin-bottom:2px; font-size:12px; float:left; background:#ffe; } #uploadsManager li a { color:#000; } #uploadsManager li:hover { background:#ffa; } #msgList { clear:both; height:272px; buffer:272px; overflow:auto; border-bottom:3px solid #999; } #msgShow { color:#333; } #uploadsManager p { line-height:110%; font-size: 14px; } #uploadsManager .msgHeader { display: block; background:#eee; width:99%; padding:3px; border-bottom:3px solid #999; } #uploadsManager h5 { margin:0px; line-height:120%; font-size: 14px; font-weight:bold; color:#555; } #uploadsManager h4 { margin:0px; padding-top:10px; line-height:120%; font-size: 19px; font-weight:bold; } #uploadsManager table { width:100%; } #uploadsManager thead { border-bottom: dotted 1px #999 !important; border-bottom: solid 1px #ccc; background:#eee; } #uploadsManager th { font-size:13px; color:#333; text-align:center; } #uploadsManager .unread { font-weight:bold; } #uploadsManager .read { font-weight:normal; background:transparent; color:#900; } #uploadsManager fieldset { border:dotted 1px #ccc !important; border:solid 1px #999; background:#ddd; padding-left:5px; padding-top:5px; padding-right:5px; padding-bottom:5px; } #recentTab { list-style:none; padding-top:0px; margin:0px; padding-bottom:0px; margin-bottom:0px; margin-bottom:10px; } #recentTab li { float:left; display:block; margin:4px; cursor:pointer; font-size:13px; background: #e3e3e3; border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6; -moz-box-shadow: inset 0 0 1px 1px #f6f6f6; -ms-box-shadow: inset 0 0 1px 1px #f6f6f6; -o-box-shadow: inset 0 0 1px 1px #f6f6f6; box-shadow: inset 0 0 1px 1px #f6f6f6; color: #333; font: bold 12px "helvetica neue", helvetica, arial, sans-serif; line-height: 1; padding: 8px 0 9px; text-align: center; text-shadow: 0 1px 0 #fff; width: 150px; } button.minimal:hover { background: #d9d9d9; -webkit-box-shadow: inset 0 0 1px 1px #eaeaea; -moz-box-shadow: inset 0 0 1px 1px #eaeaea; -ms-box-shadow: inset 0 0 1px 1px #eaeaea; -o-box-shadow: inset 0 0 1px 1px #eaeaea; box-shadow: inset 0 0 1px 1px #eaeaea; color: #222; } button.minimal:active { background: #d0d0d0; -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; -moz-box-shadow: inset 0 0 1px 1px #e3e3e3; -ms-box-shadow: inset 0 0 1px 1px #e3e3e3; -o-box-shadow: inset 0 0 1px 1px #e3e3e3; box-shadow: inset 0 0 1px 1px #e3e3e3; color: #000; } #recentTab a { color:#333; } #recentTab li:hover { background:#ffa327; } #myContent { margin:0px; padding:0px; clear:both; margin-bottom:10px; } #myContent p { font-size:11px; color:#666; } #butCategories { cursor:pointer; width:95px; height:27px; background:url(/gfx/arrows/CategoriesButton.png) !important; /*background:url(/gfx/arrows/CategoriesButton.jpg);*/ } #butCategories:hover { background:url(/gfx/arrows/CategoriesButton-MouseOver.png) !important; /*background:url('/gfx/arrows/CategoriesButton-MouseOver.jpg');*/ } #butCategoriesBR { cursor:pointer; width:95px; height:27px; background:url(/gfx/arrows/CategoriesButton.png) !important; background:url(/gfx/arrows/CategoriesButton.jpg); } #butCategoriesBR:hover { background:url(/gfx/arrows/CategoriesButton-MouseOver.png) !important; background:url(/gfx/arrows/CategoriesButton-MouseOver.jpg); } .category_btn { cursor:pointer; width:118px; height:25px; background:url('/gfx/categories-button.png') no-repeat; display:block; float:left; } .category_btn:hover { background:url('/gfx/categories-button_over.png'); } #skinDesc { } #mainDisplayX { position:relative !important; position:absolute; width:200px; height:252px; /* background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat; */ left:10px; top:-8px !important; top:285px; opacity: .90; filter: alpha(opacity=90); z-index:1200; display:none; padding-top:30px; } #mainDisplayBR { position:relative !important; position:absolute; width:200px; height:252px; /* background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat;*/ left:10px; top:-8px !important; top:285px; opacity: .90; filter: alpha(opacity=90); z-index:1200; visibility: hidden; padding-top:30px; } #mainDisplay { position:relative !important; position:absolute; width:200px; height:252px; /* background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat;*/ left:10px; top:-8px !important; top:285px; opacity: .90; filter: alpha(opacity=90); z-index:1200; visibility: hidden; padding-top:30px; } #displayCategoriesBR { margin-left:2px; width:196px; height:218px; buffer:200px; overflow:auto; } #displayCategories, #displayCategoriesX { margin-left:2px; width:196px; height:218px; buffer:200px; overflow:auto; } #displayCategories ul, #displayCategoriesX ul { width:170px; list-style:none; padding-left:0px; padding-top:0px; margin:0px; } #displayCategories li, #displayCategoriesX li { width:170px; margin-bottom:2px; font-size:13px; padding-bottom:4px; } #displayCategories li:hover, , #displayCategorierX li:hover { background:#eee; } #displayCategories a, , #displayCategoriesX a { color:#000; } #displayCategories .odd { display:block; background-color: #eee; } #displayCategories .odd2 { display:block; background-color: #aab; } #displayCategories h1 { font-size:15px; color:#666; } #butCategories2 { position:absolute; left:50px; top:117px !important; top:127px; cursor:pointer; width:95px; height:27px; background:url(/gfx/arrows/CategoriesButton.png) !important; background:url(/gfx/arrows/CategoriesButton.jpg); } #butCategories2:hover { background:url(/gfx/arrows/CategoriesButton-MouseOver.png) !important; background:url(/gfx/arrows/CategoriesButton-MouseOver.jpg); } #mainDisplay2 { position:absolute; /* left:0px; right:0px; */ width:200px; height:250px; /* background:url(/skins/macskin_silver_2011/gfx/myBrowser.png) no-repeat;*/ opacity: .90; filter: alpha(opacity=90); z-index:1200; visibility: hidden; padding-top:30px; } #displayCategories2 { margin-left:2px; width:196px; height:218px; buffer:200px; overflow:auto; } #displayCategories2 ul { width:170px; list-style:none; padding-left:0px; padding-top:0px; margin:0px; } #displayCategories2 li { width:170px; margin-bottom:2px; font-size:13px; padding-bottom:4px; } #displayCategories2 li:hover { background:#eee; } #displayCategories2 .odd { display:block; background-color: #eee; color:#333; } #displayCategories2 .odd2 { display:block; /*background-color: #aab;*/ } #displayCategories2 a { padding-bottom:2px; margin-bottom:.25em; font-weight:normal; color:#333; } #displayCategories2 a:hover { text-decoration:none; color:#c00; } #displayCategories2 h1 { font-size:15px; color:#666; border-bottom:1px dotted #999 !important; border-bottom:1px solid #ccc; padding-bottom:2px; margin:0px; } #displayCategories2 h2 { font:100%/1.5em Verdana,Arial,Sans-serif; color:#444; margin: 0px; padding:0px; text-decoration: none; } #displayCategories2 h2>a { color:#444; text-decoration: underline; } #displayCategories2 h2>a:hover { color:#933; text-decoration: underline; } /****************************************/ /** Sort List **/ /****************************************/ #sortList ul { list-style:none; margin:0px; padding:0px; width:350px; padding-left:0px; } #sortList li { cursor:n-resize; width:350px; height:36px; display:block; padding-left:15px; padding-top:10px; margin:0px; background:transparent url(/gfx/AddIndexView.jpg) no-repeat;; font:180%/1.2em "Trebuchet MS", Sans-serif; color:#eee; } /****************************************/ /** Blog List **/ /****************************************/ #blogList { text-align: left; margin-top: 0px; margin-left:5px; margin-right:0px; } #blogList img { /*max-width:100%;*/ } #blogList h1 { border-bottom:1px dotted #999 !important; border-bottom:1px solid #999; padding-bottom:2px; margin-bottom:.25em; padding-left:5px; font:190% "lucida grande",tahoma,arial,helvetica,sans-serif; font-weight:normal; letter-spacing:-1px; color:#333; } #blogList h2 { padding-bottom:2px; margin-bottom:.25em; font:120%/1.2em Georgia,Serif; color:#333; font-style:italic; font-weight:bold; } #blogList h3 { margin:.5em 0 0; font:90%/1.5em Verdana,Arial,Sans-serif; color:#666000; } #blogList .postDate { padding: 2px 0 2px 20px ; background: url(/gfx/16x16/time.png) left center no-repeat; } #blogList .articleAuthor { padding: 2px 0 2px 20px ; background: url(/gfx/16x16/user.png) left center no-repeat; } #blogList .ArticleEdit { padding: 2px 0 2px 17px ; background: url(/gfx/16x16/note_edit.png) left center no-repeat; } #blogList .commentsNum { padding: 2px 0 2px 20px; background: url(/gfx/16x16/comment_2.png) left center no-repeat; margin-right: 10px; } #blogList h4 { margin:0; font:bold 100% Verdana,Arial,Sans-serif; } #blogList p { margin:1em; margin-left: 0px; margin-right: 0px; color:#444; } #blogList a { padding-bottom:2px; margin-bottom:.25em; color:#900000; } #blogList a:hover { text-decoration:none; color:#c00000; } #blogList input, select { border: solid 1px #ccc; background:#eee; } #blogList .more { position: absolute; /*background: url(/gfx/more2.gif) left top repeat-x;*/ background-color: transparent; width:23px; height:12px; font-size:0px; margin-left:5px; margin-top:2px; } #blogList blockquote { margin: 20px 0 20px 10px; padding: 0 20px 0 50px; /*background: #fafafa url(/gfx/quote.png) left top no-repeat;*/ border: none; font-style:italic; color:#666; } .fp_top_box { list-style:none; margin:0; padding:0; } .fp_top_box li { float:left; text-align:center; display:block; margin-right:2px; } .featPhoto { padding:2px; width:280px; text-align:center; } .featSkin { padding:2px; width:250px; text-align:center; } .featWallz { padding:2px; width:248px; text-align:center; } .featPhoto h2 a, .featWallz h2 a, .featSkin h2 a { font-size:15px; font-weight:bold; } .featPhoto p ,.featWallz p, .featSkin p { text-align:center; color:#666; font-size:13px; } .featStuff { clear:both; border-top:1px dotted #999 !important; border-top:1px solid #ccc; padding-top:5px; color:#999; } .featApp { width:49%; float:left; border-right: 1px dotted #999 !important; border-right: 1px solid #ccc; } .featAuthor { width:49%; float:right; } .featAuthor h1, .featApp h1 { font-size:20px; font-weight:bold; color:#333; border-bottom:1px dotted #999 !important; border-bottom:1px solid #ccc; padding-bottom:2px; margin:0px; margin-left:0px; padding-left:0px; } .featAuthor p, .featApp p { margin:2px; font-size:11px; color:#333; } #latestShow { } #myOpinion { width:290px; background: #eee; float:right; display: block; margin: 2px; padding: 5px; margin-bottom:4px; border: 1px solid #aaa; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */ background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ margin-right:14px; } #myOpinionLeft { width:290px; background: #eee; display: block; margin: 2px; padding: 5px; margin-bottom:4px; border: 1px solid #aaa; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: #e2e2e2; /* Old browsers */ background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */ background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ margin-right:14px; } #msgBox { width:300px; height:50px; position: fixed; z-index: 1000; right: 50px; bottom: 0px; background:url(/gfx/privMsgBack.png); opacity: .6; filter: alpha(opacity=60); padding-bottom: 10px; display: block; } #msgBoxTxt { width:290px; height:50px; position: fixed; z-index: 1001; right: 55px; bottom: 0px; color:#fff; } #msgBoxTxt h2 { font-size:10px; color:#bbb; } #msgBoxTxt a { color:#bbb; } #msgBoxX { position: fixed; z-index: 1002; right: 56px; bottom: 37px; color:#fff; } #fader { width:100%; height:50px; bottom: 0px; position: fixed; z-index: 1001; background:url(/gfx/fader.png) repeat-x !important; } #indexBrowser { } #indexBrowserContent { clear:both; } #dropDown { list-style:none; margin:0px; padding:0px; } #dropDown ul { list-style:none; padding:2px; background:#9bc0dc; width:143px; z-index:2; } #dropDown a { display: block; } #dropDown a:hover { background:#fc0; width:137px; } #dropDown li.firstLine { text-align:center; width:123px; height:20px; color:#fff; font-weight:bold; border-bottom:solid 2px #000; } #dropDown li { background:#bde0fb; float:left; position:relative; width:137px; border-bottom:dotted 1px #9bc0dc; text-align:left; padding-left:3px; cursor:pointer; } #dropDown li:hover ul { left: auto; } #sbNavigation { width:335px; align:center; list-style:none; } #sbNavigation ul { list-style:none; } #sbNavigation li { float:left; } #sbNavigation .prev { display:block; width:102px; height:36px; background:url(/gfx/skin_navigation.jpg) no-repeat; } #sbNavigation .prev:hover { background:url(/gfx/skin_navigation.jpg) 0px -36px no-repeat; } #sbNavigation .directory { display:block; width:126px; height:36px; background:url(/gfx/skin_navigation.jpg) -102px 0px no-repeat; } #sbNavigation .directory:hover { background:url(/gfx/skin_navigation.jpg) -102px -36px no-repeat; } #sbNavigation .next { display:block; width:102px; height:36px; background:url(/gfx/skin_navigation.jpg) -228px 0px no-repeat; } #sbNavigation .next:hover { background:url(/gfx/skin_navigation.jpg) -228px -36px no-repeat; } .interviewHeadline { font-size:18px; font-weight:bold; } #interviewList h2 { font-size:15px; font-weight:bold; color:#644; margin-top:15px; font-style:italic; } #interviewList h1 { font-size:18px; font-weight:bold; margin-bottom:10px; } #interviewList p { margin-top:3px; font-size:12px; } .interviewGuy { font-size:15px; font-weight:bold; } .forumPostReply { font-weight: bold; text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; margin-bottom: 3px; padding-bottom: 2px; font-size: 1.05em; color: #989898; padding-top:5px; margin-bottom:10px; width:98%; } blockquote { margin:5px; padding:10px; padding-left:20px; background: #ebeadd url(/gfx/quote.gif) left top no-repeat; border: solid 1px #dbdbce; } blockquote .writer { display:block; font-weight:bold; padding-bottom:4px; } #format-buttons { margin-top: 15px; margin-right: 0pt; margin-bottom: 2px; margin-left: 0pt; font-size:10px; } #notice { width:20px; height:20px; display:block; float:left; margin-top:24px; background:url(/gfx/notices.png) no-repeat top; } #notice a { font-size:8px; color:#fff; font-weight:bold; width:19px; padding-top:2px; margin-left:1px; text-align:center; display:block; } .noticeBox { margin-left:250px; padding-top:3px; color:#aaa; } .notice_pix { float:left; margin-top:5px; padding-right:3px; } .link_notice { margin-top:-4px; } .notice_comment { border:solid 1px #ccc; margin-bottom:10px; clear:both; width:100%; min-height:100px; } .notice_avatar { float:left; margin:5px; } .notice_message { margin-left:60px; margin-top:0px; font-size:12px; } .notice_alert a { color:#cca; } .notice_alert { font-size:13px; font-weight:bold; color:#999; padding-left:10px; background:url(/skins/macskin_silver_2011/gfx/m2.jpg) repeat-x; height:24px; padding-top:7px; } .notice_datum { font-size:11px; color:#666; padding:5px; } #noticeWallzBox li { float:left; background-color: #eee; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #999; padding: 0px; margin:2px; height:180px; list-style:none; } .noticeClose { float:right; cursor:pointer; background:url(/gfx/close_button_red.gif) no-repeat; width:10px; height:10px; margin-right:2px; margin-top:2px; margin-bottom:2px; } .noticeClose2 { float:right; cursor:pointer; background:url(/gfx/close_button_red.gif) no-repeat; width:10px; height:10px; margin-right:2px; margin-top:8px; margin-bottom:2px; } #noticeCommentBox li { padding: 0px; margin:2px; list-style:none; } .bdayBox { list-style:none; margin:0; padding:0; } .bdayBox li { float:left; margin:2px; padding:2px; width:110px; height:100px; border:solid 1px #ddd; text-align:center; } .bdayBox li:hover { background:#ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } /* .bdayBox img { border:solid 1px #999; padding:3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } */ .bdayBoxs { float:left; margin:2px; padding:2px; width:70px; text-align:center; } .bdayBoxs:hover { background:#ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .bdayBoxs img { border:solid 1px #999; padding:3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #newsBox { list-style:none; } #newsBox li { float:left; margin:2px; padding:2px; width:300px; min-height:100px; border:solid 1px #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #newsBox h2 a{ color:#900; font-weight:bold; font-size:14px; } #newsBox .datum { font-size:10px; color:#999; } #newsBox .avtor { font-size:10px; color:#a99; } li.headline { display:block; margin:0px; color:#fff; padding-left:8px; font-size:12px; font-weight:bold; margin-top:8px; margin-bottom:5px; } li.headline:hover { } .nav_left .odd { background-color: rgba(255,255,255,0.1); } .nav_left a { color:#aaa; margin:0px; } .nav_left a:hover { text-decoration:none; } .nav_left ul { list-style:none; padding:0; margin:0; } .nav_left li { margin-bottom:2px; padding:3px; padding-left:8px; padding-top:5px; } .nav_left li a:hover { color:#fab206; } .nav_left p { margin:0px; padding-left:4px; padding-right:2px; } .thumbList { list-style:none; } .thumbList li { float:left; margin:2px; text-align:center; width:110px; min-height:110px; vertical-align:middle; } img.myBorder { padding:3px; border:solid 1px #444; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow: 2px 2px 5px #000; margin:2px; } img.myBorder2 { border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; margin:2px; } .browseList { list-style:none; margin:0; padding:0; margin-top:10px; margin-bottom:10px; } .browseList li { float:left; display:block; padding:3px; border:solid 1px #eee; border-radius:5px; -webkit-border-radius:5px; margin:2px; -moz-border-radius:5px; } .browseList li:hover { background:#dbe9fb; } .dlCounter { padding:3px; margin-bottom:10px; margin-left:5px; margin-right:5px; color:#aaa; font-size:12px; } .thumbBoxBig { height:200px; /* display:table-cell; */ vertical-align:middle; text-align:center; width:100%; margin-top:10px; } .thumbBox { height:122px; width:220px; display:table-cell; vertical-align:middle; text-align:center; width:100%; margin-left:auto; } .thumbBoxO { border:solid 1px #900; height:150px; width:250px; display:block; text-align:center; } .browseCategoryBox { } .browseCategory { list-style:none; font-size:15px; font-weight:bold; height:339px; overflow:auto; padding-top:35px; } .browseCategory li a { color:#444; } .browseCategory li { font-size:10px; border:solid 1px #ddd; padding:3px; margin:2px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; width:185px; height:14px; display:inline; float:left; clear:none; padding-left:5px; } .topCatList:hover, .browseCategory li:hover { background:#dbe9fb; } .catBox { width:750px; list-style:none; } .leftCatBox { float:left; width:100px; margin-right:10px; border-right:dotted 1px #aaa; text-align:center; } .leftCatBox a { color:#999; } .btnImg { cursor:pointer; opacity:.8; } .btnImg:hover { cursor:pointer; opacity:1; } .topCatList { font-size:10px; border:solid 1px #ddd; padding:3px; margin:2px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; width:185px; height:12px; padding-left:5px; } .pollQ { margin-top:1px; padding:2px; margin-bottom:2px; } .pollQ input[type=radio] { margin-right:5px; } .footer_links { width:100%; margin:0 auto; } #mainFooter a{ color:#888; } #mainFooter p { margin:0; padding:0; } .news-head { border-bottom:solid 1px #eee; margin-bottom:5px; padding-bottom:5px; } #mainFooter { clear:both; margin:0; padding:0; padding-top: 8px; background: #111820 url(/gfx/footer_main.png); background-position: center bottom; text-align:center; color:#666; font-size:12px; box-shadow:0px -2px 2px #9fa5a9; padding-bottom:20px; height:72px; } .adsBorder { float:left; width:330px; padding:5px; margin-right:10px; } .comment-title { font-size:18px; padding-left:90px; } /*************** COMMENTS *************************/ .comment_box_image { float:left; margin-right:10px; margin-bottom:5px; max-width:150px; } .bubble_comment { /* background:#fff; border:solid 1px #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px; box-shadow:1px 1px 5px #eee; */ margin-left:80px; position: relative; } .bubble_comment:after, .bubble_comment:before { right: 100%; top: 61px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .bubble_comment:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 12px; margin-top: -12px; } .bubble_comment:before { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 12px; margin-top: -12px; } .comment_box { list-style:none; margin:0; padding:0; clear:both; margin-top:5px; margin-bottom:15px; } .comment_avatar { padding:3px; background:#fff; border:solid 1px #999; box-shadow:1px 1px 3px #999; } .cb_image { width: 80px; float:left; color:#444; font-size:10px; text-align:center; margin-top:35px; transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); } .cb_image a { color:#666; font-weight:bold; font-size:10px; } .cb_info { color:#666; float:right; clear:left; width:100%; text-align:right; padding-top:3px; margin-top:3px; } .message_box { padding:10px; float:right; width:98%; } .commentMsg { min-height:30px; padding:5px; color:#222; } .comment-footer { clear:both; font-size:10px; color:#777; } .comment-footer p { margin:0; padding:0; } .bubble_signature { clear:left; padding:3px; margin-top:2px; border-radius:5px; text-align:center; font-size:10px; color:#777; border:solid 1px #ccc; } #userBar { background:#eee; padding:5px; list-style:none; margin:0; height:50px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #userBar h1 { padding-left:5px; padding-bottom:3px; } #userBar p { color:#333; padding-bottom:4px; } #counter { overflow: hidden; *zoom: 1; margin:0 auto; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px; background: white; background: -moz-linear-gradient(top, white, #dddddd); background: -ms-linear-gradient(top, white, #dddddd); background: -o-linear-gradient(top, white, #dddddd); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #dddddd)); background: -webkit-linear-gradient(top, white, #dddddd); background: linear-gradient(top, white, #dddddd); border: 1px solid #ccc; font-family: "Arial Black", "Helvetica Neue", sans-serif; font-size:20px; padding: 5px 30px; padding-bottom: 11px; width: 700px; margin-bottom: 13px; color:#999; border:solid 3px #333; } #total_msgs { float: left; font-size: 2.4em; padding: 0; padding-top: 6px; } #total_msgs span { width: 0.7em; float: left; text-align: center; font-weight:bold; } #total_msgs span.l { width: 0.66em; } #total_msgs span.lcom { width: 0.5em; } #counter p { float: right; padding: 0; margin: 0; font-size: 0.9em; padding-top: 4px; font-style: normal; color: #bbb; text-transform: uppercase; line-height: 1.1; padding-top:35px; font-size:13px; } #appList { list-style:none; margin:0; padding:0; } #appList li { float:left; font-size:12px; display:block; width:40px; height:40px; text-align:center; margin:2px; padding:3px; } #bottom_menu { list-style:none; padding:0; margin:0; width:1050px; } #bottom_menu a { color:#aaa; } #bottom_menu li { float:left; width:330px; margin:0; padding-left:5px; padding-right:5px; color:#aaa; padding:5px; background:rgba(100,100,100,0.1); border-radius:5px; min-height:320px; margin-bottom:10px; } h5.bottomHead { font-size:25px !important; color:#aaa; } #footer_msgBoard { list-style:none; margin:0; padding:0; } #footer_msgBoard li { margin:2px; padding:2px; padding-bottom:5px; } #footer_msgBoard a { color:#999; } #footer_chat ul { list-style:none; } #footer_chat a{ color:#999; } #footer_poll h5 { font-size:13px; font-weight:bold; } .smileyList { list-style:none; margin:0; padding:0; } .smileyList li { float:left; display:block; margin:2px; padding:3px; } .smileyList li:hover { background:rgba(200, 200, 200, 0.6); } #prvMessage { list-style:none; } .wBack { -border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:solid 1px #111; background: #fff; padding:3px; } .chatTxt { -border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; /*border:solid 1px #111; background: rgba(100,100,100,0.1); */ padding:3px; width:130px; color:#555; } .chatTxt:hover { background:rgba(100,100,100,0.05); } .chatTxtS { -border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:solid 1px #ccc; background: #eee; margin:2px; padding:3px; color:#555; list-style:none; } .chatTxtS:hover { background:rgba(100,100,100,0.05); } .chatAgo { font-size:9px; color:#666; margin-left:5px; } .chatSender { color:#232e3a; font-weight:bold; font-size:11px; } a.chatSender { color:#db9327; font-weight:bold; font-size:11px; } .chatMsg { font-size:12px; color:#333; } .joinBanner { display:block; width:321px; height:186px; text-indent:-10000px; background:url(/gfx/sb_join.jpg) no-repeat; } .joinBanner:hover { background:url(/gfx/sb_join_over.jpg) no-repeat; } .newsFlash { width:330px; height:122px; overflow:hidden; padding-left:0px; margin:5px; margin-bottom:10px; border:solid 1px #f9f9f9; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#fafafa; } .noPic { width:80px; height:75px; border:solid 1px #ccc; background:#eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; } .headlineNews { display:block; font-size:12px; border:0px; width:325px; height:15px; overflow:hidden; margin:0px; font-size:14px; color:#012248; padding:5px; background:#dcdcdc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-shadow: 1px 1px 1px #fff; padding-left:10px; } .foto { margin-top:7px; width:100px; height:80px; float:left; overflow:hidden; } .newsFlash p { margin:0px; font-size:11px; padding-top:5px; padding-left:4px; width:220px; height:89px; text-align:justify; overflow:hidden; line-height:15px; color:#444; } .newsFlash .clanek { width:330px; } .leftek { float:left; width:340px; } .rightek { float:right; width:343px; margin-right:5px; } #sideBarChat { } #sideBarSep { width:100%; height:53px; z-index:100; position:relative; margin-top:-50px; cursor:pointer; background:url(/gfx/chat_back.png) repeat-x center; } #sideBarSep:hover { background:url(/gfx/chat_back_hover.png) repeat-x center; } .chat_opened { background:url(/gfx/chat_back2.png) repeat-x center; !important; } .chat_opened:hover { background:url(/gfx/chat_back2_hover.png) repeat-x center; !important; } #imageTicker, #imageTicker ul { list-style-type: none; padding: 0px; margin: 0; font-size:12px; display:none; margin-left:-5px; /* height:110px; overflow:hidden; */ } .addFavourites { cursor:pointer; } #homeContactBox { color:#888; padding-bottom:5px; list-style:none; padding-top:5px; height:26px; } #pageLink, #messageLink { cursor:pointer; } #homeContactBox a{ color:#888; } #homeContactBox li { float:left; padding-right:5px; height:26px; } #homeContactBox .homepage { background:url(/gfx/icons/web-browser.png) no-repeat; padding-left:20px; } #homeContactBox .m_gender { background:url(/gfx/icons/male.png) no-repeat; padding-left:20px; } #homeContactBox .f_gender { background:url(/gfx/icons/male.png) no-repeat; padding-left:20px; } #homeContactBox .birthday { background:url(/gfx/icons/cake.png) no-repeat; padding-left:20px; } .streamTypes{ float:right; margin-right:20px; } #thumbStreamChooser{ list-style:none; } #thumbStreamChooser li{ float:left; margin:2px; padding:2px; border:solid 1px #999; display:none; } #shareBox { border-top: solid 1px #eee; border-bottom: solid 1px #eee; margin-top:5px; padding-top:5px; margin-bottom:10px; padding-bottom:10px; color:#555; } #shareBox textarea{ width:450px; height:25px; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-top:5px; margin-bottom:5px; padding:5px; color:#666; } #shareBox h3{ color:#f90; } #shareBox textarea:focus{ height:50px; } #shareBox button { padding:5px; } .streamPost { clear:both; margin-bottom:30px; } .postPreview:hover { background:#f3f3ff url(/gfx/control_play.png) right no-repeat; cursor:pointer; } .postPreview { background:url(/gfx/control_play.png) right no-repeat; cursor:pointer; } .StreamSelected { background:#eee url(/gfx/control_play2.png) right no-repeat; cursor:pointer; } .StreamSelected:hover { background:#e5e5e5 url(/gfx/control_play2.png) right no-repeat !important; cursor:pointer; } .streamNew { background:url(/gfx/label_new_yellow.png) no-repeat; width:60px; height:60px; float:right; } .streamImage { float:left; width:80px; text-align:center; padding-top:5px; } .streamContent { float:left; text-align:left; width:505px; border:solid 1px #ccc; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; } .streamContent h4 { font-size:11px; color:#f90 !important; } .streamContent h4 a { color:#f90; } .streamContent p { color:#555; font-size:11px; font-weight:normal; margin-top:5px; } .streamDatum { padding-left:20px; background:url(/gfx/icons/future-projects.png) left center no-repeat; border-top:dotted 1px #ccc; padding-top:3px; margin-top:8px; clear:both; color:#999; font-size:10px; height:16px; } .stream_Remove { padding-left:20px; background:url(/gfx/remove.png) left no-repeat; cursor:pointer; float:right; height:16px; } .stream_Like { padding-left:20px; background:url(/gfx/icons/heart.png) left center no-repeat; cursor:pointer; float:right; margin-right:335px; height:16px; } .notificationType1 { font-size:10px; color:#955; } .notificationType2 { font-size:10px; color:#595; } #leftNoticeStream { float:left; width:610px; } #rightNotice { width:430px; float:right; } #showNoticeBox { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; padding:5px; z-index:2; } .paginate { } a.paginate { padding: 2px 6px 2px 6px; text-decoration: none; color: #fff; background:#f90 url(/gfx/toolbar/toolbar_back_white.png) repeat-x; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:0; } a.paginate:hover { text-decoration: none; background: #900; color: #fff; } a.current { padding: 2px 6px 2px 6px; text-decoration: none; color: #fff; background:#090; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:0; cursor: default; } span.inactive { padding: 2px 6px 2px 6px; text-decoration: none; color: #fff; background:#ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:0; } .followingButton { font-family: Arial, Helvetica, sans-serif; font-size: 14px; width:220px; color: #050505; padding: 10px 20px; background: -moz-linear-gradient(top,#ffffff 0%,#ebebeb 50%,#dbdbdb 50%,#b5b5b5); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.50, #dbdbdb), to(#b5b5b5)); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #949494; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1); cursor:pointer; margin-top:10px; } #mchatek { height:400px; buffer:400px; overflow:auto; border:solid 1px #999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:3px; } .sender { display:block; color:#db9327; font-size:13px; float:left; margin-right:10px; } .sender a { color:#f90; font-weight:bold; } .chatMessage { border:solid 1px #eee; margin:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px; clear:both; line-height:18px; } .chatMessage:hover { background:#eee; border:solid 1px #ddd; } .chatAgos { font-size:9px; color:#999; background:#f1f1f1; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:3px; } #chatType { background:#1a2027; margin:0; padding:5px; } #chatType input[type=submit] { margin-left:3px; margin-top:0; height:28px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; padding: 4px 18px; background: -moz-linear-gradient( top, #eb2d40 0%, #eb2d40 50%, #cf0029 50%, #cf0029); background: -webkit-gradient( linear, left top, left bottom, from(#eb2d40), color-stop(0.50, #eb2d40), color-stop(0.50, #cf0029), to(#cf0029)); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #cf0029; -moz-box-shadow: 0px 2px 2px rgba(000,000,000,0.2), inset 0px 0px 0px rgba(255,255,255,0); -webkit-box-shadow: 0px 2px 2px rgba(000,000,000,0.2), inset 0px 0px 0px rgba(255,255,255,0); text-shadow: 0px 0px 0px rgba(000,000,000,0.4), 0px 0px 0px rgba(255,255,255,0.3); } #chatType input[type=text] { width:600px; height:20px; font-size:13px; color:#ddd; border:solid 1px #000; padding:4px; background:#3a4047; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .changeCoverArt { display:block; padding:5px; background:#fff; color:#555; float:right; position:relative; margin-top:-30px; margin-right:10px; z-index:1000; cursor:pointer; opacity:.6; } .changeCoverArt:hover { opacity:.8; } #mywindow { position:absolute; width:500px; height:200px; border:solid 1px #333; background:#f1f1f1; top:0; display:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:1px 1px 3px #444; padding:10px; } .replyBox { background:#f0f0f0; padding:3px; border:solid 1px #ddd; margin:5px; } #galleryNews { list-style:none; margin:0; padding:0; clear:both; } #galleryNews li { list-style:none; float:left; margin:5px; padding:3px; border:solid 1px #999; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; box-shadow:1px 1px 2px #999; } #sortBtn { float:right; margin:5px; padding:3px; background:#eee; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; } #sortBtn img { border:solid 1px #fff; } #sortBtn img:hover { background: #ffe; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .responsive_ad { width:100%; padding-bottom:10px; text-align:center; } .gallery_box { margin-left:0px; } .photo_frame { -moz-box-shadow:0px 1px 3px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666; float:left; width:200px; margin-bottom:20px; border:solid 0px #999; position:relative; line-height:0; margin-left:20px; background:#333; } .photo_frame img { width:100%; } .note-editor .note-dropzone { opacity: 0 !important; } .photo_frame:hover, .photo_frame_w600:hover { -moz-box-shadow: 0px 0px 15px #09f; -webkit-box-shadow: 0px 0px 15px #09f; box-shadow: 0px 0px 15px #09f; -webkit-transition-duration:1.3s; -webkit-transition-timing:ease-in-out; -o-transition-duration:1.3s; -o-transition-timing:ease-in-out; -moz-transition-duration:1.3s; -moz-transition-timing:ease-in-out; -ms-transition-duration:1.3s; -ms-transition-timing:ease-in-out; transition-duration:1.3s; } .photo_frame_w600 { -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3); box-shadow:0px 1px 3px rgba(0,0,0,0.3); width:600px; margin-right:15px; margin-bottom:20px; border:solid 1px #666; line-height:0; } .photo_frame.w250 { max-width:250px; max-height:250px; } .photo_frame.w270 { } .gallery_manager { margin-left:-12px; } .gallery_photo_frame { max-width:127px; max-height:127px; width:127px; height:127px; margin-left:12px; -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3); box-shadow:0px 1px 6px rgba(0,0,0,0.3); float:left; position:relative; line-height:0; margin-bottom:10px; border:solid 4px #eee; } .gallery_photo_frame:hover { -moz-box-shadow: 0px 0px 15px #09f; -webkit-box-shadow: 0px 0px 15px #09f; box-shadow: 0px 0px 15px #09f; -webkit-transition-duration:1.3s; -webkit-transition-timing:ease-out; -o-transition-duration:1.3s; -o-transition-timing:ease-out; -moz-transition-duration:1.3s; -moz-transition-timing:ease-out; -ms-transition-duration:1.3s; -ms-transition-timing:ease-out; transition-duration:1.3s; transition-timing:ease-out; } .gallery_photo_frame img:hover { /* background:rgba(0,0,0,0.6);*/ background:#fff; } .gallery_photo_frame:hover img { /* background:rgba(0,0,0,0.6);*/ background:#fff; } .photo_frame:hover div.details { display:block; opacity:1; -webkit-transition-duration:1.3s; -webkit-transition-timing:ease-out; -o-transition-duration:1.3s; -o-transition-timing:ease-out; -moz-transition-duration:1.3s; -moz-transition-timing:ease-out; -ms-transition-duration:1.3s; -ms-transition-timing:ease-out; transition-duration:1.3s; } .photo_frame:hover div.social { display:block; opacity:1; -webkit-transition-duration:1.3s; -webkit-transition-timing:ease-out; -o-transition-duration:1.3s; -o-transition-timing:ease-out; -moz-transition-duration:1.3s; -moz-transition-timing:ease-out; -ms-transition-duration:1.3s; -ms-transition-timing:ease-out; transition-duration:1.3s; } div.social { display:none; opacity:0; -webkit-transition-duration:1.3s; -webkit-transition-timing:ease-in-out; -o-transition-duration:1.3s; -o-transition-timing:ease-out; -moz-transition-duration:1.3s; -moz-transition-timing:ease-out; -ms-transition-duration:1.3s; -ms-transition-timing:ease-out; transition-duration:1.3s; transition-timing:ease-out; position:absolute; right:10px; top:10px; color:#fff; font-size:20px; } div.details { display:none; opacity:0; -webkit-transition-duration:1.3s; -webkit-transition-timing:ease-in-out; -o-transition-duration:1.3s; -o-transition-timing:ease-out; -moz-transition-duration:1.3s; -moz-transition-timing:ease-out; -ms-transition-duration:1.3s; -ms-transition-timing:ease-out; transition-duration:1.3s; transition-timing:ease-out; position:absolute; overflow:hidden; white-space:nowrap; bottom:-2px; bottom:0px !important; left:1px; left:0px !important; color:#999; text-shadow:1px 1px 2px #111 !important; background:#333; background:rgba(0,0,0,0.60); width:100%; height:51px; padding-top:1px; padding-left:1px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.0)), color-stop(5%,rgba(0,0,0,0.1)), color-stop(10%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.6)) ); /* Chrome,Safari4+ * background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ /* opacity: 1; z-index:999; -webkit-transform: scale(0); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; */ } .photo_frame:hover div.details a:hover { text-decoration:none; } .photo_frame:hover div.details { display:block; opacity:1; -webkit-transition-duration:1.3s; -webkit-transition-timing:ease-out; -o-transition-duration:1.3s; -o-transition-timing:ease-out; -moz-transition-duration:1.3s; -moz-transition-timing:ease-out; -ms-transition-duration:1.3s; -ms-transition-timing:ease-out; transition-duration:1.3s; } .photo-item, .item3, .grid-sizer { width: 33%; } .grid-sizer_fp {width:25%} .poster_sizer { width:20% } .photo-item .meta, .feat-item .feat-info .meta { font-size:12px; font-family:"Lato", sans-serif; color:#999; overflow:hidden; } .photo-item .meta .date, .feat-item .feat-info .meta .date { float:left; } .photo-item .meta .views, .feat-item .feat-info .meta .views { float:right; } .photo-item .meta .fcomments, .feat-item .feat-info .meta .fcomments { float:right; margin-right:9px; } .photo-item .meta .heart, .feat-item .feat-info .meta .heart { float:right; margin-right:10px; } .photo-item .meta .views i, .feat-item .feat-info .meta .views i { font-size:12px; margin-right:3px; color:#b5b5b5; } .photo-item .meta .heart i, .feat-item .feat-info .meta .heart i { font-size:10px; margin-right:3px; color:#bbb; } .photo-item .meta .fcomments i, .feat-item .feat-info .meta .fcomments i { font-size:12px; margin-right:3px; color:#b5b5b5; } .photo-item .meta .fcategory{ display: block; margin: 7px 0 0 0; float: left; } .photo-item .meta .fcategory a{ margin-left: 5px; } .photo-item .meta .fcategory i{ margin-right: 3px; } .photo-item .meta .fcategory a{ color: #999 } .details_frame h3 { color:#444; font-weight:700; font-family: 'Lato', sans-serif; overflow: hidden; text-align:left; margin:0; padding-top:8px; line-height:15px; margin-bottom:4px; overflow: hidden; font-size:15px; } .details_frame a { } .details_frame a:hover { text-decoration:none; } .item_frame { position:relative; } .item_photo { box-shadow:1px 1px 8px #777; position:relative; } .item_photo img { line-height:0; box-shadow:0px 1px 10px #666; border:solid 0px #999; width:100% !important; z-index:1; /* transition: all linear 0.15s; -ms-transition: all linear 0.15s; -moz-transition: all linear 0.15s; -webkit-transition: all linear 0.15s; -o-transition: all linear 0.15s; */ } .item_photo:hover img { /* transform: scale(1.2, 1.2) rotate(2deg); -ms-transform: scale(1.2, 1.2) rotate(2deg); -moz-transform: scale(1.2, 1.2) rotate(2deg); -webkit-transform: scale(1.2, 1.2) rotate(2deg); -o-transform: scale(1.2, 1.2) rotate(2deg); */ } .category-wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; flex-flow:space-between; justify-content: flex-start; align-items: flex-start; } #category-list { order:1; min-width:200px; max-width:300px; height:100%; align-self: flex-start; } #category-artworks { order:2; width:100%; align-self: flex-start; } .category-display { font-size:13px; cursor:pointer; float:left; display:none; } .category-display i { padding:4px; margin:4px; border:solid 1px #aaa; border-radius:5px; width:26px; cursor: pointer; background:rgba(200, 200, 200, 0.8); float:left; } .category-toggle { font-size:18px; cursor:pointer; display:block; height:30px; } .category-toggle i { padding:4px; margin:4px; border:solid 1px #aaa; border-radius:5px; width:26px; cursor: pointer; background:rgba(200, 200, 200, 0.8); float:right; } .category-toggle i:hover { background:rgba(230, 230, 230, 0.9); } @media screen and (max-width: 500px) { #category-list { display:none; } } .subgroup { margin-left:5px; } .scrollContent { max-height:800px; overflow:auto; } .icon-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 1em; grid-row-gap: 1em; } @media only screen and (max-width: 900px) { /* 10 columns for larger screens */ .grid-sizer { width: 10%; } .photo_frame { width: 30%;} } @media only screen and (max-width: 700px) { .icon-grid { grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (max-width: 500px) { .icon-grid { grid-template-columns: 1fr 1fr; } } .icon-grid div.icon-flex { background:#fff; border-radius:5px; padding:1em; display:flex; flex-direction: column; justify-content: center; align-items:baseline; align-content: flex-start; } div.icon-flex div { align-self: center; } /**************************************** ** ** ** MODERN GALLERY CSS ** ** ** ****************************************/ /* Container fluid for full-width layout */ .container-fluid { width: 100%; padding: 0; margin: 0; max-width: none; } .modern-gallery-container { padding: 2rem 1rem; width: 100%; margin: 0; max-width: 100%; box-sizing: border-box; } .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 1rem; padding: 1rem 0; width: 100%; max-width: 100%; box-sizing: border-box; } .artwork-card { position: relative; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; width: 100%; max-width: 100%; } /* Enhanced hover effects */ .artwork-card:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15); } .artwork-image-container { position: relative; aspect-ratio: 4/3; overflow: hidden; width: 100%; height: auto; } .artwork-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .artwork-card:hover .artwork-image { transform: scale(1.05); } .artwork-category { position: absolute; top: 12px; left: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 6px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; z-index: 2; } .artwork-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%); opacity: 0; transition: opacity 0.3s ease; } .artwork-card:hover .artwork-overlay { opacity: 1; } .artwork-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 1.5rem; background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 50%, transparent 100%); color: white; opacity: 0; transform: translateY(20px); transition: all 0.4s ease; pointer-events: none; z-index: 10; } .artwork-card:hover .artwork-info { opacity: 1; transform: translateY(0); pointer-events: auto; } .artwork-title { font-size: 1.1rem; font-weight: 600; color: white; margin: 0 0 0.5rem 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; opacity: 1; transform: translateY(0); transition: all 0.3s ease 0.1s; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8); } .artwork-meta { display: flex; align-items: center; justify-content: space-between; margin-top: 1rem; opacity: 1; transform: translateY(0); transition: all 0.3s ease 0.2s; } .artwork-author { display: flex; align-items: center; color: rgba(255, 255, 255, 0.9); font-size: 0.9rem; text-decoration: none; transition: color 0.2s ease; opacity: 1; transform: translateX(0); text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); } .artwork-author:hover { color: #667eea; } .author-avatar { width: 24px; height: 24px; margin-right: 8px; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.8); font-size: 16px; } .artwork-stats { display: flex; align-items: center; gap: 1rem; color: rgba(255, 255, 255, 0.8); font-size: 0.85rem; opacity: 1; transform: translateX(0); transition: all 0.3s ease 0.25s; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); } .stat-item { display: flex; align-items: center; gap: 4px; } .modern-pagination { margin-top: 3rem; padding: 2rem 0; text-align: center; } .modern-pagination .paginationMenu { display: inline-flex; gap: 0.5rem; align-items: center; } .modern-pagination .paginationMenu a, .modern-pagination .paginationMenu span { padding: 0.75rem 1rem; border-radius: 8px; background: #f8f9fa; color: #666; text-decoration: none; font-weight: 500; transition: all 0.2s ease; } .modern-pagination .paginationMenu a:hover { background: #667eea; color: white; transform: translateY(-1px); } .modern-pagination .paginationMenu .current { background: #667eea; color: white; } /* Lightbox trigger button */ .lightbox-trigger { position: absolute; top: 12px; right: 12px; background: rgba(0, 0, 0, 0.6); border: none; border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.8; transition: all 0.3s ease; z-index: 3; color: white; backdrop-filter: blur(4px); } .artwork-card:hover .lightbox-trigger { opacity: 1; background: rgba(0, 0, 0, 0.8); } .lightbox-trigger:hover { background: rgba(102, 126, 234, 0.9); color: white; transform: scale(1.15); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } .lightbox-trigger i { font-size: 12px; } /* Filter/Search bar */ .gallery-controls { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; padding: 1rem; background: #f8f9fa; border-radius: 12px; gap: 1rem; flex-wrap: wrap; } .gallery-options { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } .view-toggle { display: flex; gap: 0.25rem; background: #fff; border-radius: 6px; padding: 0.25rem; border: 2px solid #e9ecef; } .btn-toggle { padding: 0.5rem; border: none; background: transparent; color: #666; border-radius: 4px; cursor: pointer; transition: all 0.2s ease; font-size: 0.9rem; min-width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; } .btn-toggle:hover { background: #f8f9fa; color: #333; } .btn-toggle.active { background: #667eea; color: white; } .filter-buttons { display: flex; gap: 0.5rem; flex-wrap: wrap; } .filter-btn { padding: 0.5rem 1rem; border: 2px solid #e9ecef; background: white; color: #666; border-radius: 25px; cursor: pointer; transition: all 0.2s ease; font-size: 0.9rem; font-weight: 500; } .filter-btn:hover, .filter-btn.active { background: #667eea; color: white; border-color: #667eea; } .search-box { position: relative; min-width: 250px; } .search-input { width: 100%; padding: 0.75rem 1rem 0.75rem 2.5rem; border: 2px solid #e9ecef; border-radius: 25px; font-size: 0.9rem; transition: border-color 0.2s ease; } .search-input:focus { outline: none; border-color: #667eea; } .search-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #666; } /* Loading animation */ .gallery-loading { display: none; text-align: center; padding: 3rem; } .infinite-loading { text-align: center; padding: 3rem; color: #666; opacity: 0; height: 1px; overflow: hidden; transition: all 0.3s ease; } .infinite-loading.loading { opacity: 1; height: auto; overflow: visible; } .infinite-loading p { margin-top: 1rem; font-size: 1rem; color: #888; } .no-more-results { text-align: center; padding: 3rem; color: #666; } .no-more-results .fa { color: #22c55e; margin-bottom: 1rem; } .no-more-results p { font-size: 1rem; margin-bottom: 0.5rem; } .loading-spinner { display: inline-block; width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #667eea; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* No results state */ .no-results { grid-column: 1 / -1; text-align: center; padding: 4rem 2rem; color: #666; } .no-results p { font-size: 1.1rem; margin-bottom: 1rem; } .no-results .fa { font-size: 3rem; margin-bottom: 1rem; color: #ccc; } /* Enhanced animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .artwork-card { animation: fadeInUp 0.6s ease-out; } /* Scroll to top button */ .scroll-to-top { position: fixed; bottom: 2rem; right: 2rem; background: #667eea; color: white; border: none; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transform: translateY(20px); transition: all 0.3s ease; z-index: 1000; box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3); } .scroll-to-top.visible { opacity: 1; transform: translateY(0); } .scroll-to-top:hover { background: #5a67d8; transform: translateY(-2px); box-shadow: 0 6px 25px rgba(102, 126, 234, 0.4); } @media (max-width: 480px) { .gallery-grid { grid-template-columns: 1fr; gap: 1rem; } /* Make lightbox trigger slightly larger on mobile for better touch target */ .lightbox-trigger { width: 32px; height: 32px; top: 8px; right: 8px; } .lightbox-trigger i { font-size: 13px; } } /* File: /public/css/toolbar.css */ /* #toolbar { width:100%; height:60px; position:fixed; top:0; left:0; background:url(/gfx/header_trans.png) top repeat-x; z-index:1000; } .toolbarMenu { width:100%; margin:0 auto; text-align:left; } */ .sb_toolbarLogo { background:url(/gfx/sb_logo2.png) no-repeat; text-indent:-10000px; width:150px; margin-left:10px !important; margin-top:4px !important; margin-right:30px; } /* .toolbarLogo { background:url(/gfx/sb_logo.png) no-repeat; width:163px; height:60px; display:block; text-indent:-10000px; margin-top:3px; margin-left:10px; float:left; margin-right:10px; } #searchBox { height:23px; width:168px; margin-top:20px; font-size:14px; color:#666; cursor:text; border:0; background: url(/gfx/search-button.png) left no-repeat; float:left; margin-right:5px; margin-left:5px; } #searchBox input[type=text]{ background:none; border:0; height:17px; margin-top:3px; padding-left:3px; margin-left:12px; width:120px; color:#444; } #searchBox input[type=submit]{ width:24px; background:none; border:0; margin-left:5px; text-indent:-10000px; } #dropMenu { float:left; list-style:none; margin:0; padding:0; } #dropMenu li { float:left; height:58px; margin-right:1px; padding-left:10px; padding-right:10px; margin-top:1px; font-size:13px; border-left:solid 1px transparent; border-right:solid 1px transparent; } #dropMenu li a { padding-top:22px; color:#ccc; display:block; height:27px; float:left; } #dropMenu li:hover a { color:#fab206; } #dropMenu li:hover{ background:#131a22; border-left:solid 1px #333; border-right:solid 1px #333; } #dropMenu li.selected { background:#131a22; border-right:solid 1px #333; border-left:solid 1px #333; color:#ddd; } #dropMenu li.selected a { color:#ddd; } #browserMenuList { -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; min-height:150px; width:217px; display:none; padding:0; margin:0; margin-top:3px; margin-left:4px; list-style:none; margin-left:10px; box-shadow:0 2px 5px rgba(0,0,0,0.5); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.5); background:rgba(200,200,200,0.5) url(/gfx/dropdown_slice.png) no-repeat -99999px; } #browserMenuList li { height:85px; cursor:pointer; position:relative; padding-top:3px; color:#999; text-align:center; background:url('/gfx/dropdown_slice.png') repeat-x #222; background-image:url('/gfx/dropdown_slice.png'),url('/gfx/dropdown_slice.png'),url('/gfx/dropdown_slice.png'); background-position: 50% -171px, 0 -85px, 0 0; background-repeat: no-repeat, no-repeat, repeat-x; } #browserMenuList img { padding-left:15px; padding-top:10px; float:left; } #browserMenuList b { text-align:left; margin-top:30px; padding-left:100px; display:block; } #browserMenuList li a{ color:#eee; } #browserMenuList li:hover{ background-position: 50% -256px, 0 -85px, 0 0; } #browserMenuListMain { min-height:150px; width:200px; padding:0; margin:0; margin-top:3px; margin-left:4px; list-style:none; margin-left:10px; } #browserMenuListMain li{ height:85px; cursor:pointer; position:relative; padding-top:3px; color:#999; text-align:center; background:url('/gfx/dropdown_slice.png') repeat-x #222; background-image:url('/gfx/dropdown_slice.png'),url('/gfx/dropdown_slice.png'),url('/gfx/dropdown_slice.png'); background-position: 50% -171px, 0 -85px, 0 0; background-repeat: no-repeat, no-repeat, repeat-x; } #browserMenuListMain img { padding-left:15px; padding-top:10px; float:left; } #browserMenuListMain b { text-align:left; margin-top:30px; padding-left:100px; display:block; } #browserMenuListMain li a{ color:#999; } #browserMenuListMain li:hover{ background-position: 50% -256px, 0 -85px, 0 0; } #loginMenu { float:right; margin:0px; padding:0px; width:180px; margin-right:11px; background:#131a22; border-left:solid 1px #333; border-right:solid 1px #333; padding:0px; height:56px; } #loginMenu span { display:block; height:35px; font-size:13px; color:#ccc; margin-top:10px; margin-left:5px; margin-right:10px; background:url(/gfx/arrow_down.png) right no-repeat; cursor:pointer; } #loginMenu span:hover { color:#eee; } #subLoginMenu { background:#131a22; background:rgba(19,26,34,0.95); border-left:solid 1px #333; border-right:solid 1px #333; border-bottom:solid 1px #333; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color:#eee !important; min-height:90px; display:none; width:166px; position:relative; padding:5px; right:6px; top:2px; margin-right:2px; margin:0; box-shadow:0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5); } #subLoginMenu h5 { margin:0px; margin-top:3px; color:#eee; width:auto; padding-bottom:2px; padding-left:2px; margin-bottom:.25em; background:#567ca3; padding:3px; } subLoginMenu ul { } #subLoginMenu li { list-style:none; color:#eee; text-align:left; padding:10px; font-size:11px; padding-top:4px; padding-bottom:4px; } #subLoginMenu li:hover { background:#fab206; border-radius:5px; color:#1a2027; } #subLoginMenu li a { color:#eee; } #subLoginMenu a { color:#eee; } #subLoginMenu li:hover a, #subLoginMenu li a:hover { color:#1a2027; } #loginMenu form { margin:5px; color:#aaa; } #loginMenu form label { padding-top:5px; padding-bottom:3px; color:#999; margin-bottom:3px; margin-top:4px; } #loginMenu input[type=submit] { margin-top:5px; margin-bottom:5px; padding:6px; font-size:14px; width: 100px; height:30px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; padding: 4px 9px; background: -moz-linear-gradient( top, #161a20 0%, #1f262d 50%, #1f262d 50%, #1f262d 75%, #1f262d); background: -webkit-gradient( linear, left top, left bottom, from(#161a20), color-stop(0.50, #1f262d), color-stop(0.50, #1f262d), color-stop(0.75, #1f262d), to(#1f262d)); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #4f5a6b; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(22,26,32,1); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(22,26,32,1); text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(30,30,30,1); } #loginMenu input:hover[type=text],#loginMenu input:hover[type=password] { border:solid 1px #fab206; } #loginMenu input:hover[type=submit] { color:#f90; } #loginMenu input[type=text], #loginMenu input[type=password] { width:130px; padding: 5px; font-size: 15px; text-shadow: 0px 1px 0px #fff; outline: none; background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbe), to(#ffffff)); background: -moz-linear-gradient(top, #bcbcbe, #ffffff); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #717171; -webkit-box-shadow: 1px 1px 0px #333; -moz-box-shadow: 1px 1px 0px #333; box-shadow: 1px 1px 0px #333; display:block; margin-top:3px; } .minimalBtn { background: #e3e3e3; border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6; -moz-box-shadow: inset 0 0 1px 1px #f6f6f6; -ms-box-shadow: inset 0 0 1px 1px #f6f6f6; -o-box-shadow: inset 0 0 1px 1px #f6f6f6; box-shadow: inset 0 0 1px 1px #f6f6f6; color: #333; font: bold 12px "helvetica neue", helvetica, arial, sans-serif; line-height: 1; padding: 8px 0 9px; text-align: center; text-shadow: 0 1px 0 #fff; width: 150px; } .minimalBtn:hover { background: #d9d9d9; -webkit-box-shadow: inset 0 0 1px 1px #eaeaea; -moz-box-shadow: inset 0 0 1px 1px #eaeaea; -ms-box-shadow: inset 0 0 1px 1px #eaeaea; -o-box-shadow: inset 0 0 1px 1px #eaeaea; box-shadow: inset 0 0 1px 1px #eaeaea; color: #222; cursor: pointer; } .minimalBtn:active { background: #d0d0d0; -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; -moz-box-shadow: inset 0 0 1px 1px #e3e3e3; -ms-box-shadow: inset 0 0 1px 1px #e3e3e3; -o-box-shadow: inset 0 0 1px 1px #e3e3e3; box-shadow: inset 0 0 1px 1px #e3e3e3; color: #000; } */ /******************************** SEARCH BOX NEW ****************************************/ #search_box { -webkit-font-smoothing: antialiased; border-collapse: collapse; font-family: Verdana, sans-serif; white-space: nowrap; width: 180px; position:relative; margin-right:30px; margin-top:10px; color:#f5f5f5; } #search_box button { -webkit-font-smoothing: antialiased; border-collapse: collapse; font-family: Verdana, sans-serif; font-size: 12px; height: 27px; position: absolute; top: 0px; right: -12px; white-space: nowrap; width: 25px; z-index: 22; background:none; color:#f5f5f5; border:0; } #search_box input[type=text] { background: #101921; border-radius: 3px; border: 1px solid #112; box-shadow: 0 1px 0 rgba(255,255,255,0.2),0 1px 1px rgba(0,0,0,0.3) inset; box-sizing: border-box; font-size: 13px; height: 29px; letter-spacing: -1px; line-height: 22px !important; outline: none; padding: 3px 25px 2px 5px; transition: all .1s ease-in; width: 180px; color:#bbb; } #search_box input[type=text]:hover { background:#2f3d47; } #search_box input[type=text]:focus { background:#2f3d47; } /****** YAMM3 ************/ /* layout */ /*! * Yamm!3 - Yet another megamenu for Bootstrap 3 * http://geedmo.github.com/yamm3 * * @geedmo - Licensed under the MIT license */ .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .yamm-content { padding: 20px 30px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; } /***************************** navbar-skinbase *****************************************/ .menu_notice { text-align:center; margin:0; padding:0; height:50px; background:rgba(30,30,30,0.2); } .nav>li.menu_notice>a { border-left:solid 1px #000; padding:10px 10px; height:54px } .navbar-brand { } .navbar-logo { background:url(/gfx/the_wallpapers_logo_50.png) no-repeat; text-indent:-10000px; min-width:310px; } .navbar-skinbase { background:rgba(16, 25, 33, 0.9); border-bottom:solid 1px #000; box-shadow:0 0 14px #333; z-index:1000; } .dropdown:hover .dropdown-menu { display: block; } .navbar-skinbase .navbar-brand { color: #333; } .navbar-skinbase .navbar-brand:hover, .navbar-skinbase .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-skinbase .navbar-text { color: #000; text-shadow:1px 1px 1px #eee; } .navbar-skinbase .navbar-nav { } .navbar-skinbase .navbar-nav > li > a { color: #999; } .navbar-skinbase .navbar-nav > li > a:hover, .navbar-skinbase .navbar-nav > li > a:focus { color: #efe; background-color: transparent; } .navbar-skinbase .navbar-nav > .active > a, .navbar-skinbase .navbar-nav > .active > a:hover, .navbar-skinbase .navbar-nav > .active > a:focus { color: #333; background: rgba(250, 250, 250, 0.7); } .navbar-skinbase .navbar-nav > .disabled > a, .navbar-skinbase .navbar-nav > .disabled > a:hover, .navbar-skinbase .navbar-nav > .disabled > a:focus { color: #333; text-shadow:1px 1px 1px #eee; background-color: transparent; } .navbar-skinbase .navbar-toggle { border-color: #ddd; } .navbar-skinbase .navbar-toggle:hover, .navbar-skinbase .navbar-toggle:focus { background-color: #ddd; } .navbar-skinbase .navbar-toggle .icon-bar { background-color: #888; background: rgba(250, 250, 250, 0.7); } .navbar-skinbase .navbar-collapse, .navbar-skinbase .navbar-form { border-color: #e7e7e7; } .navbar-skinbase .navbar-nav > .open > a, .navbar-skinbase .navbar-nav > .open > a:hover, .navbar-skinbase .navbar-nav > .open > a:focus { color: #fff; background: rgba(250, 250, 250, 0.2); } .navbar-skinbase .dropdown { background:rgba(10,10,10,0.2); border-left:solid 1px #000; min-height:53px } .navbar-skinbase .dropdown:hover { background:rgba(80,80,80,0.2); border-left:solid 1px #000; } .navbar-skinbase .dropdown-menu { background:rgba(16, 25, 33, 0.9); border-bottom:solid 1px #000; box-shadow:0 0 14px #333; color:#fff; } .navbar-skinbase .dropdown-menu a { color:#aaa; text-decoration:none; } .navbar-skinbase .dropdown-menu li:hover { background:rgba(80,80,80,0.2); } .submenu { list-style:none; margin:0; padding:0; font-size:12px } @media (max-width: 767px) { .navbar-skinbase .navbar-nav .open .dropdown-menu > li > a { color: #fff; } .navbar-skinbase .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-skinbase .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-skinbase .navbar-nav .open .dropdown-menu > .active > a, .navbar-skinbase .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-skinbase .navbar-nav .open .dropdown-menu > .active > a:focus { color: #eee; background-color: #e7e7e7; } .navbar-skinbase .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-skinbase .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-skinbase .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-skinbase .navbar-link { color: #777; } .navbar-skinbase .navbar-link:hover { color: #333; } .navbar-skinbase .btn-link { color: #777; } .navbar-skinbase .btn-link:hover, .navbar-skinbase .btn-link:focus { color: #333; } .navbar-skinbase .btn-link[disabled]:hover, fieldset[disabled] .navbar-skinbase .btn-link:hover, .navbar-skinbase .btn-link[disabled]:focus, fieldset[disabled] .navbar-skinbase .btn-link:focus { color: #ccc; } .dropdown-menu > li > a { color: #aaa; font-size:13px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #eee; text-decoration: none; background:rgba(36, 45, 53, 0.8); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #428bca; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background:rgba(100, 100, 100, 0.6); box-shadow:0px -1px 1px #000; } /* File: /public/css/jquery.fancybox-1.3.4.css */ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/js/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('/js/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/js/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/js/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/js/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/js/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/js/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('/js/fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('/js/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('/js/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('/js/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /* File: /public/css/ticker-style.css */ /* Ticker Styling */ .ticker-wrapper.has-js { margin: 5px 0px 10px 0px; padding: 0px 20px; width: 1015px; height: 32px; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fafafa; font-size: 12px; } .ticker { width: 910px; height: 23px; display: block; position: relative; overflow: hidden; background-color: #fafafa; } .ticker-title { padding-top: 9px; color: #990000; font-weight: bold; background-color: #fafafa; text-transform: uppercase; } .ticker-content { margin: 0px; padding-top: 9px; position: absolute; color: #1F527B; font-weight: bold; background-color: #fafafa; overflow: hidden; white-space: nowrap; line-height: 1.2em; } .ticker-content:focus { none; } .ticker-content a { text-decoration: none; color: #1F527B; } .ticker-content a:hover { text-decoration: underline; color: #0D3059; } .ticker-swipe { padding-top: 9px; position: absolute; top: 0px; background-color: #fafafa; display: block; width: 800px; height: 23px; } .ticker-swipe span { margin-left: 1px; background-color: #fafafa; border-bottom: 1px solid #1F527B; height: 12px; width: 7px; display: block; } .ticker-controls { padding: 8px 0px 0px 0px; list-style-type: none; float: left; } .ticker-controls li { padding: 0px; margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; } .ticker-controls li.jnt-play-pause { background-image: url('/gfx/controls.png'); background-position: 32px 16px; } .ticker-controls li.jnt-play-pause.over { background-position: 32px 32px; } .ticker-controls li.jnt-play-pause.down { background-position: 32px 0px; } .ticker-controls li.jnt-play-pause.paused { background-image: url('/gfx/controls.png'); background-position: 48px 16px; } .ticker-controls li.jnt-play-pause.paused.over { background-position: 48px 32px; } .ticker-controls li.jnt-play-pause.paused.down { background-position: 48px 0px; } .ticker-controls li.jnt-prev { background-image: url('/gfx/controls.png'); background-position: 0px 16px; } .ticker-controls li.jnt-prev.over { background-position: 0px 32px; } .ticker-controls li.jnt-prev.down { background-position: 0px 0px; } .ticker-controls li.jnt-next { background-image: url('/gfx/controls.png'); background-position: 16px 16px; } .ticker-controls li.jnt-next.over { background-position: 16px 32px; } .ticker-controls li.jnt-next.down { background-position: 16px 0px; } .js-hidden { display: none; } .no-js-news { padding: 10px 0px 0px 45px; color: #fafafa; } .left .ticker-swipe { /*left: 80px;*/ } .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left; } .left .ticker-controls { padding-left: 6px; } .right .ticker-swipe { /*right: 80px;*/ } .right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right; } .right .ticker-controls { padding-right: 6px; } /* File: /public/css/select2.css */ /* Version: 3.4.1 Timestamp: Thu Jun 27 18:02:10 PDT 2013 */ .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; } .select2-container, .select2-drop, .select2-search, .select2-search input{ /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -khtml-box-sizing: border-box; /* konqueror */ -moz-box-sizing: border-box; /* firefox */ -ms-box-sizing: border-box; /* ie */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%); background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%); background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%); } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%); background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%); } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('/gfx/select2.png') right top no-repeat; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-undermask { border: 0; margin: 0; padding: 0; position: absolute; left: 0; top: 0; z-index: 9998; background-color: transparent; filter: alpha(opacity=0); } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: absolute; left: 0; top: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; opacity: 0; filter: alpha(opacity=0); } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .select2-drop-active { border: 1px solid #5897fb; border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%); } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url('/gfx/select2.png') no-repeat 0 1px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('/gfx/select2.png') no-repeat 100% -22px; background: url('/gfx/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('/gfx/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('/gfx/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('/gfx/select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('/gfx/select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('/gfx/select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-search input.select2-active { background: #fff url('/gfx/select2-spinner.gif') no-repeat 100%; background: url('/gfx/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('/gfx/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('/gfx/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('/gfx/select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('/gfx/select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('/gfx/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%); background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%); } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center top, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -ms-linear-gradient(bottom, #ffffff 0%,#eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); background-image: linear-gradient(bottom, #ffffff 0%,#eeeeee 50%); } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0,0,0,0); } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: white; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url('/gfx/select2-spinner.gif') no-repeat 100%; } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); } .select2-container-multi .select2-choices li { float: left; list-style: none; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('/gfx/select2-spinner.gif') no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0 ); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url('/gfx/select2.png') right top no-repeat; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices{ background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background:none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0); width: 1px; height: 1px; border: 0; margin: 0; padding: 0; overflow: hidden; position: absolute; outline: 0; left: 0px; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url('/gfx/select2x2.png') !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } } /* File: /public/css/prettyPhoto.css */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(/public/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(/public/images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(/public/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(/public/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(/public/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(/public/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(/public/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(/public/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(/public/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(/public/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(/public/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(/public/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(/public/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/public/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/public/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(/public/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(/public/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(/public/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(/public/images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(/public/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(/public/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(/public/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(/public/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(/public/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(/public/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(/public/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(/public/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(/public/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(/public/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(/public/images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(/public/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(/public/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(/public/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(/public/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(/public/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(/public/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(/public/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(/public/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(/public/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(/public/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(/public/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(/public/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(/public/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(/public/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(/public/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(/public/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(/public/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(/public/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(/public/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(/public/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(/public/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(/public/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(/public/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(/public/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(/public/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(/public/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(/public/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(/public/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(/public/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(/public/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(/public/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(/public/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(/public/images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(/public/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(/public/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(/public/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(/public/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(/public/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(/public/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(/public/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(/public/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(/public/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(/public/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(/public/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(/public/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/public/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/public/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* File: /public/css/panels.css */ .panel-skinbase { border:1px #cfd5d9; box-shadow:2px 2px 5px #cfd5d9; } .panel-skinbase > div.panel-heading { background:#cfd5d9; border-bottom:solid 1px #bfc5c9; text-shadow:1px 1px 1px #eee; } .panel-skinbase div.panel-body { background:#fff; } /* File: /public/pixit/admin/assets/plugins/mcustom-scrollbar/jquery.mCustomScrollbar.css */ /* basic scrollbar styling */ /* vertical scrollbar */ .mCSB_container{ width:auto; margin-right:0px; overflow:hidden; } .mCSB_container.mCS_no_scrollbar{ margin-right:0; } .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{ margin-right:30px; } .mCustomScrollBox>.mCSB_scrollTools{ width:5px; height:100%; top:0; right:0; } .mCSB_scrollTools .mCSB_draggerContainer{ position:absolute; top:0; left:0; bottom:0; right:0; height:auto; } .mCSB_scrollTools a+.mCSB_draggerContainer{ margin:20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width:5px; height:100%; margin:0 auto; } .mCSB_scrollTools .mCSB_dragger{ cursor:pointer; width:100%; height:30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; height:100%; margin:0 auto; text-align:center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display:block; position:relative; height:20px; overflow:hidden; margin:0 auto; cursor:pointer; } .mCSB_scrollTools .mCSB_buttonDown{ top:100%; margin-top:-40px; } /* horizontal scrollbar */ .mCSB_horizontal>.mCSB_container{ height:auto; margin-right:0; margin-bottom:30px; overflow:hidden; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-bottom:0; } .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-right:0; margin-bottom:30px; } .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ width:100%; height:16px; top:auto; right:auto; bottom:0; left:0; overflow:hidden; } .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{ margin:0 20px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:2px; margin:7px 0; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{ width:30px; height:100%; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ display:block; position:relative; width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer; float:left; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ margin-left:-40px; float:right; } .mCustomScrollBox{ -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/ } /* default scrollbar colors and backgrounds (default theme) */ .mCustomScrollBox>.mCSB_scrollTools{ opacity:0; filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)"; /* old ie */ } .mCustomScrollBox:hover>.mCSB_scrollTools{ opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */ } .mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image:url(/public/pixit/admin/assets/plugins/mcustom-scrollbar/mCSB_buttons.png); background-repeat:no-repeat; opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp{ background-position:0 0; /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position:0 -20px; /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position:0 -40px; /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position:0 -56px; /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ } /*scrollbar themes*/ /*dark (dark colored scrollbar)*/ .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.15); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; } /*light-2*/ .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-32px 0; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-32px -20px; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-40px -40px; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-40px -56px; } /*dark-2*/ .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-112px 0; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-112px -20px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-120px -40px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-120px -56px; } /*light-thick*/ .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-16px 0; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-16px -20px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-20px -40px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-20px -56px; } /*dark-thick*/ .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-96px 0; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-96px -20px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-100px -40px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-100px -56px; } /*light-thin*/ .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); } .mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } /*dark-thin*/ .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.15); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; } /* File: /public/js/summernote/summernote.css */ .note-editor{position:relative;border:1px solid #a9a9a9}.note-editor .note-dropzone{position:absolute;z-index:1;display:none;color:#87cefa;background-color:white;border:2px dashed #87cefa;opacity:.95;pointer-event:none}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:bold;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf;border:2px dashed #098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-toolbar{background-color:#f5f5f5;border-bottom:1px solid #a9a9a9}.note-editor.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%}.note-editor.fullscreen .note-editable{background-color:white}.note-editor.fullscreen .note-resizebar{display:none}.note-editor.codeview .note-editable{display:none}.note-editor.codeview .note-codable{display:block}.note-editor .note-statusbar{background-color:#f5f5f5}.note-editor .note-statusbar .note-resizebar{width:100%;height:8px;cursor:ns-resize;border-top:1px solid #a9a9a9}.note-editor .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor .note-editable{padding:10px;overflow:auto;outline:0}.note-editor .note-editable[contenteditable="false"]{background-color:#e5e5e5}.note-editor .note-codable{display:none;width:100%;padding:10px;margin-bottom:0;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;resize:none}.note-air-editor{outline:0}.note-popover .popover{max-width:none}.note-popover .popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover .popover .arrow{left:20px}.note-popover .popover .popover-content,.note-toolbar{padding:0 0 5px 5px;margin:0}.note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group{margin-top:5px;margin-right:5px;margin-left:0}.note-popover .popover .popover-content .note-table .dropdown-menu,.note-toolbar .note-table .dropdown-menu{min-width:0;padding:5px}.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker,.note-toolbar .note-table .dropdown-menu .note-dimension-picker{font-size:18px}.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover .popover-content .note-style h1,.note-toolbar .note-style h1,.note-popover .popover .popover-content .note-style h2,.note-toolbar .note-style h2,.note-popover .popover .popover-content .note-style h3,.note-toolbar .note-style h3,.note-popover .popover .popover-content .note-style h4,.note-toolbar .note-style h4,.note-popover .popover .popover-content .note-style h5,.note-toolbar .note-style h5,.note-popover .popover .popover-content .note-style h6,.note-toolbar .note-style h6,.note-popover .popover .popover-content .note-style blockquote,.note-toolbar .note-style blockquote{margin:0}.note-popover .popover .popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .popover .popover-content .note-color .dropdown-menu,.note-toolbar .note-color .dropdown-menu{min-width:340px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,.note-toolbar .note-color .dropdown-menu .btn-group{margin:0}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.note-toolbar .note-color .dropdown-menu .btn-group:first-child{margin:0 5px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title{margin:2px 7px;font-size:12px;text-align:center;border-bottom:1px solid #eee}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset{padding:0 3px;margin:3px;font-size:11px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row{height:20px}.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover{background:#eee}.note-popover .popover .popover-content .note-para .dropdown-menu,.note-toolbar .note-para .dropdown-menu{min-width:216px;padding:5px}.note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,.note-toolbar .note-para .dropdown-menu>div:first-child{margin-right:5px}.note-popover .popover .popover-content .dropdown-menu,.note-toolbar .dropdown-menu{min-width:90px}.note-popover .popover .popover-content .dropdown-menu.right,.note-toolbar .dropdown-menu.right{right:0;left:auto}.note-popover .popover .popover-content .dropdown-menu.right::before,.note-toolbar .dropdown-menu.right::before{right:9px;left:auto!important}.note-popover .popover .popover-content .dropdown-menu.right::after,.note-toolbar .dropdown-menu.right::after{right:10px;left:auto!important}.note-popover .popover .popover-content .dropdown-menu li a i,.note-toolbar .dropdown-menu li a i{color:deepskyblue;visibility:hidden}.note-popover .popover .popover-content .dropdown-menu li a.checked i,.note-toolbar .dropdown-menu li a.checked i{visibility:visible}.note-popover .popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .popover .popover-content .note-color-palette,.note-toolbar .note-color-palette{line-height:1}.note-popover .popover .popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-dialog>div{display:none}.note-dialog .note-image-dialog .note-dropzone{min-height:100px;margin-bottom:10px;font-size:30px;line-height:4;color:lightgray;text-align:center;border:4px dashed lightgray}.note-dialog .note-help-dialog{font-size:12px;color:#ccc;background:transparent;background-color:#222!important;border:0;-webkit-opacity:.9;-khtml-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:alpha(opacity=90);filter:alpha(opacity=90)}.note-dialog .note-help-dialog .modal-content{background:transparent;border:1px solid white;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.note-dialog .note-help-dialog a{font-size:12px;color:white}.note-dialog .note-help-dialog .title{padding-bottom:5px;font-size:14px;font-weight:bold;color:white;border-bottom:white 1px solid}.note-dialog .note-help-dialog .modal-close{font-size:14px;color:#dd0;cursor:pointer}.note-dialog .note-help-dialog .note-shortcut-layout{width:100%}.note-dialog .note-help-dialog .note-shortcut-layout td{vertical-align:top}.note-dialog .note-help-dialog .note-shortcut{margin-top:8px}.note-dialog .note-help-dialog .note-shortcut th{font-size:13px;color:#dd0;text-align:left}.note-dialog .note-help-dialog .note-shortcut td:first-child{min-width:110px;padding-right:10px;font-family:"Courier New";color:#dd0;text-align:right}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid black}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:black;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;background-color:white;border:1px solid black}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:0;border-bottom:0}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:0;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:0;border-right:0}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:white;background-color:black;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)} /* File: /public/pixit/admin/assets/plugins/magnific/magnific-popup.css */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }