Current state
This commit is contained in:
94
public/css/chat.css
Normal file
94
public/css/chat.css
Normal file
@@ -0,0 +1,94 @@
|
||||
.chatbox {
|
||||
position: fixed;
|
||||
position:expression("absolute");
|
||||
width: 225px;
|
||||
display:none;
|
||||
z-index:999999;
|
||||
opacity:.9;
|
||||
}
|
||||
|
||||
.chatboxhead {
|
||||
background-color: #f99d00;
|
||||
padding:7px;
|
||||
color: #ffffff;
|
||||
|
||||
border-right:1px solid #f99d39;
|
||||
border-left:1px solid #f99d39;
|
||||
}
|
||||
|
||||
.chatboxblink {
|
||||
background-color: #176689;
|
||||
border-right:1px solid #176689;
|
||||
border-left:1px solid #176689;
|
||||
}
|
||||
|
||||
.chatboxcontent {
|
||||
font-family: arial,sans-serif;
|
||||
font-size: 13px;
|
||||
color: #333333;
|
||||
height:200px;
|
||||
width:209px;
|
||||
overflow-y:auto;
|
||||
overflow-x:auto;
|
||||
padding:7px;
|
||||
border-left:1px solid #cccccc;
|
||||
border-right:1px solid #cccccc;
|
||||
border-bottom:1px solid #eeeeee;
|
||||
background-color: #ffffff;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
.chatboxinput {
|
||||
padding: 5px;
|
||||
background-color: #ffffff;
|
||||
border-left:1px solid #cccccc;
|
||||
border-right:1px solid #cccccc;
|
||||
border-bottom:1px solid #cccccc;
|
||||
}
|
||||
|
||||
.chatboxtextarea {
|
||||
width: 206px;
|
||||
height:44px;
|
||||
padding:3px 0pt 3px 3px;
|
||||
border: 1px solid #eeeeee;
|
||||
margin: 1px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.chatboxtextareaselected {
|
||||
border: 2px solid #f99d39;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.chatboxmessage {
|
||||
margin-left:1em;
|
||||
}
|
||||
|
||||
.chatboxinfo {
|
||||
margin-left:-1em;
|
||||
color:#666666;
|
||||
|
||||
}
|
||||
|
||||
.chatboxmessagefrom {
|
||||
margin-left:-1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.chatboxmessagecontent {
|
||||
}
|
||||
|
||||
.chatboxoptions {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.chatboxoptions a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-weight:bold;
|
||||
font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
|
||||
}
|
||||
|
||||
.chatboxtitle {
|
||||
float: left;
|
||||
}
|
||||
235
public/css/custom-legacy.css
Normal file
235
public/css/custom-legacy.css
Normal file
@@ -0,0 +1,235 @@
|
||||
:root {
|
||||
--panel-bg: #f7f8f9;
|
||||
--panel-border: #d6d9dd;
|
||||
--text-muted: #777;
|
||||
--shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
body {
|
||||
background: #d9e0e5;
|
||||
}
|
||||
|
||||
.legacy-page {
|
||||
padding: 15px 20px 40px 20px;
|
||||
}
|
||||
|
||||
.featured-row {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.featured-card {
|
||||
background: var(--panel-bg);
|
||||
border: 1px solid var(--panel-border);
|
||||
box-shadow: var(--shadow);
|
||||
padding: 10px 12px 18px 12px;
|
||||
min-height: 320px;
|
||||
}
|
||||
|
||||
.featured-card .card-header {
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.featured-card .featured-img {
|
||||
max-height: 260px;
|
||||
margin: 0 auto 10px auto;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.featured-card .featured-title {
|
||||
font-size: 18px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.featured-card .featured-author {
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.join-card .join-img {
|
||||
max-height: 220px;
|
||||
}
|
||||
|
||||
.join-card .join-text {
|
||||
color: var(--text-muted);
|
||||
margin-top: 6px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.uploads-panel {
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.gallery-grid {
|
||||
display: grid;
|
||||
/* Use fixed column width to avoid auto-expanding first column when inside complex wrappers */
|
||||
grid-template-columns: repeat(auto-fill, minmax(180px, 180px));
|
||||
gap: 12px;
|
||||
justify-content: start;
|
||||
width: calc(100% - 40px);
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.thumb-card {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border: 1px solid #cfd4da;
|
||||
box-shadow: var(--shadow);
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.legacy-page .thumb-card .ribbon {
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.legacy-page .thumb-card .ribbon span {
|
||||
transform: none;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
position: static;
|
||||
display: inline-block;
|
||||
padding: 2px 10px;
|
||||
font-size: 10px;
|
||||
line-height: 1.2;
|
||||
box-shadow: var(--shadow);
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.legacy-page .thumb-card .ribbon span::before,
|
||||
.legacy-page .thumb-card .ribbon span::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.thumb-card img {
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.thumb-card .ribbon {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: -8px;
|
||||
background: #d35400;
|
||||
color: #fff;
|
||||
padding: 2px 10px;
|
||||
font-size: 11px;
|
||||
transform: rotate(45deg);
|
||||
transform-origin: top right;
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.news-row .panel {
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.news-head {
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.activity-panel {
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.thumb-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page-header-wrap {
|
||||
background: var(--panel-bg);
|
||||
border: 1px solid var(--panel-border);
|
||||
padding: 12px 16px;
|
||||
margin-bottom: 18px;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.thumb-meta {
|
||||
margin-top: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.thumb-title {
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.thumb-author {
|
||||
color: var(--text-muted);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.paginationMenu {
|
||||
margin: 20px 0 30px 0;
|
||||
}
|
||||
|
||||
.paginationMenu .pagination {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.navigation .badge {
|
||||
background: #428bca;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.subcategory-list {
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.subcategory-list li {
|
||||
list-style: none;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.subcategory-list li a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.subcategory-list .selected_group a {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* Category page layout: keep menu on the left, content on the right */
|
||||
.category-wrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
#category-list {
|
||||
order: 1;
|
||||
flex: 0 0 260px;
|
||||
min-width: 220px;
|
||||
max-width: 320px;
|
||||
}
|
||||
|
||||
#category-artworks {
|
||||
order: 2;
|
||||
flex: 1 1 60%;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* Break out of centered wrapper so sidebar can sit flush to the left edge */
|
||||
.container-fluid.legacy-page {
|
||||
position: relative;
|
||||
left: calc(50% - 50vw);
|
||||
width: 100vw;
|
||||
box-sizing: border-box;
|
||||
padding-left: 20px; /* keep some gutter */
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
body { padding-top: 70px; }
|
||||
.featured-card { min-height: auto; margin-bottom: 12px; }
|
||||
.featured-card .featured-img { max-height: 200px; }
|
||||
}
|
||||
6699
public/css/default.css
Normal file
6699
public/css/default.css
Normal file
File diff suppressed because it is too large
Load Diff
5777
public/css/default_2014.css
Normal file
5777
public/css/default_2014.css
Normal file
File diff suppressed because it is too large
Load Diff
4
public/css/flickity.min.css
vendored
Normal file
4
public/css/flickity.min.css
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
/*! Flickity v1.0.0
|
||||
http://flickity.metafizzy.co
|
||||
---------------------------------------------- */
|
||||
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}.flickity-prev-next-button:active{filter:alpha(opacity=60);opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{filter:alpha(opacity=30);opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-prev-next-button.no-svg{color:#333;font-size:26px}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;filter:alpha(opacity=25);opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{filter:alpha(opacity=100);opacity:1}
|
||||
2743
public/css/frontpage.css
Normal file
2743
public/css/frontpage.css
Normal file
File diff suppressed because it is too large
Load Diff
367
public/css/jquery.fancybox-1.3.4.css
Normal file
367
public/css/jquery.fancybox-1.3.4.css
Normal file
@@ -0,0 +1,367 @@
|
||||
/*
|
||||
* 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'); }
|
||||
105
public/css/lightbox.css
Normal file
105
public/css/lightbox.css
Normal file
@@ -0,0 +1,105 @@
|
||||
#lightbox{
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
#lightbox a img{ border: none; }
|
||||
|
||||
#outerImageContainer{
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
#imageContainer{
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#loading{
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 0%;
|
||||
height: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
#hoverNav{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
#imageContainer>#hoverNav{ left: 0;}
|
||||
#hoverNav a{ outline: none;}
|
||||
|
||||
#prevLink, #nextLink{
|
||||
width: 49%;
|
||||
height: 100%;
|
||||
background: transparent url(/gfx/images/blank.gif) no-repeat; /* Trick IE into showing hover */
|
||||
display: block;
|
||||
}
|
||||
#prevLink { left: 0; float: left;}
|
||||
#nextLink { right: 0; float: right;}
|
||||
#prevLink:hover, #prevLink:visited:hover { background: url(/gfx/images/prevlabel.gif) left 15% no-repeat; }
|
||||
#nextLink:hover, #nextLink:visited:hover { background: url(/gfx/images/nextlabel.gif) right 15% no-repeat; }
|
||||
|
||||
|
||||
#imageDataContainer{
|
||||
font: 10px Verdana, Helvetica, sans-serif;
|
||||
background-color: #fff;
|
||||
margin: 0 auto;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
#imageData{
|
||||
padding:0 10px;
|
||||
}
|
||||
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
|
||||
#imageData #caption{ font-weight: bold; }
|
||||
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
|
||||
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
|
||||
|
||||
#overlay{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 90;
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
background-color: #000;
|
||||
filter:alpha(opacity=60);
|
||||
-moz-opacity: 0.6;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
|
||||
.clearfix:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
* html>body .clearfix {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
* html .clearfix {
|
||||
/* Hides from IE-mac \*/
|
||||
height: 1%;
|
||||
/* End hide from IE-mac */
|
||||
}
|
||||
|
||||
76
public/css/loadcss2011.php
Normal file
76
public/css/loadcss2011.php
Normal file
@@ -0,0 +1,76 @@
|
||||
<?php
|
||||
|
||||
define('ROOT', dirname(dirname(__FILE__)));
|
||||
|
||||
/* initialize ob_gzhandler to send and compress data */
|
||||
ob_start ("ob_gzhandler");
|
||||
|
||||
/* initialize compress function for whitespace removal */
|
||||
ob_start("compress");
|
||||
|
||||
/* required header info and character set */
|
||||
header("Content-type: text/css;charset: UTF-8");
|
||||
|
||||
/* cache control to process */
|
||||
header("Cache-Control: must-revalidate");
|
||||
|
||||
/* duration of cached content (1 hour) */
|
||||
$offset = 60 * 60 * 24 * 7 ;
|
||||
|
||||
/* expiration header format */
|
||||
$ExpStr = "Expires: " . gmdate("D, d M Y H:i:s",time() + $offset) . " GMT";
|
||||
|
||||
/* send cache expiration header to broswer */
|
||||
header($ExpStr);
|
||||
|
||||
$content = '';
|
||||
$content .= file_get_contents(ROOT . "/css/default.css");
|
||||
$content .= file_get_contents(ROOT . "/css/toolbar.css");
|
||||
$content .= file_get_contents(ROOT . "/css/jquery.fancybox-1.3.4.css");
|
||||
$content .= file_get_contents(ROOT . "/css/ticker-style.css");
|
||||
$content .= file_get_contents(ROOT . "/css/select2.css");
|
||||
$content .= file_get_contents(ROOT . "/css/prettyPhoto.css");
|
||||
$content .= file_get_contents(ROOT . "/css/panels.css");
|
||||
$content .= file_get_contents(ROOT . "/pixit/admin/assets/plugins/mcustom-scrollbar/jquery.mCustomScrollbar.css");
|
||||
$content .= file_get_contents(ROOT . "/js/summernote/summernote.css");
|
||||
$content .= file_get_contents(ROOT . "/pixit/admin/assets/plugins/magnific/magnific-popup.css");
|
||||
|
||||
#$content = preg_replace("/width: 100%;/","width: 1200px;", $content);
|
||||
|
||||
echo ($content);
|
||||
#include($_SERVER['DOCUMENT_ROOT'] ."/cometchat/cometchatcss.php");
|
||||
|
||||
function minify( $css ) {
|
||||
$css = preg_replace( '#\s+#', ' ', $css );
|
||||
$css = preg_replace( '#/\*.*?\*/#s', '', $css );
|
||||
$css = str_replace( '; ', ';', $css );
|
||||
$css = str_replace( ': ', ':', $css );
|
||||
$css = str_replace( ' {', '{', $css );
|
||||
$css = str_replace( '{ ', '{', $css );
|
||||
$css = str_replace( ', ', ',', $css );
|
||||
$css = str_replace( '} ', '}', $css );
|
||||
$css = str_replace( ';}', '}', $css );
|
||||
return trim( $css );
|
||||
}
|
||||
|
||||
function compress($buffer) {
|
||||
|
||||
/* remove comments */
|
||||
$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
|
||||
|
||||
/* remove tabs, spaces, new lines, etc. */
|
||||
$buffer = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), '', $buffer);
|
||||
|
||||
/* remove unnecessary spaces */
|
||||
$buffer = str_replace('{ ', '{', $buffer);
|
||||
$buffer = str_replace(' }', '}', $buffer);
|
||||
$buffer = str_replace('; ', ';', $buffer);
|
||||
$buffer = str_replace(', ', ',', $buffer);
|
||||
$buffer = str_replace(' {', '{', $buffer);
|
||||
$buffer = str_replace('} ', '}', $buffer);
|
||||
$buffer = str_replace(': ', ':', $buffer);
|
||||
$buffer = str_replace(' ,', ',', $buffer);
|
||||
$buffer = str_replace(' ;', ';', $buffer);
|
||||
|
||||
return $buffer;
|
||||
}
|
||||
3111
public/css/macskin.css
Normal file
3111
public/css/macskin.css
Normal file
File diff suppressed because it is too large
Load Diff
24
public/css/mlist.css
Normal file
24
public/css/mlist.css
Normal file
@@ -0,0 +1,24 @@
|
||||
/* SkinBase Default Layout */
|
||||
*{padding: 0; margin: 0;}
|
||||
|
||||
a { color:#111; text-decoration: none }
|
||||
|
||||
body
|
||||
{
|
||||
min-width:800px;
|
||||
width:100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font: 10px Tahoma;
|
||||
background:#071228;
|
||||
}
|
||||
|
||||
#wrapper
|
||||
{
|
||||
text-align: left;
|
||||
width: 800px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0;
|
||||
}
|
||||
14
public/css/panels.css
Normal file
14
public/css/panels.css
Normal file
@@ -0,0 +1,14 @@
|
||||
.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;
|
||||
}
|
||||
150
public/css/pop_chat.css
Normal file
150
public/css/pop_chat.css
Normal file
@@ -0,0 +1,150 @@
|
||||
*{padding: 0; margin: 0;}
|
||||
|
||||
a { color:#111; text-decoration: none }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 12px;
|
||||
font-family: Tahoma, Arial;
|
||||
background:#eee;
|
||||
}
|
||||
|
||||
.odd {
|
||||
background:#eee;
|
||||
}
|
||||
|
||||
h1 {
|
||||
background:#1a2027;
|
||||
color:#fff;
|
||||
font-size:14px;
|
||||
padding:5px;
|
||||
margin:0;
|
||||
height:20px;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
#smileyList {
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#smileyList li {
|
||||
float:left;
|
||||
padding:3px;
|
||||
margin:1px;
|
||||
}
|
||||
|
||||
#smileyList li:hover {
|
||||
background:#333;
|
||||
}
|
||||
|
||||
#bottom {
|
||||
background:#1a2027;
|
||||
}
|
||||
|
||||
#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:#333;
|
||||
border:solid 1px #000;
|
||||
padding:4px;
|
||||
background:#eee;
|
||||
border-radius:5px;
|
||||
-webkit-border-radius:5px;
|
||||
-moz-border-radius:5px;
|
||||
}
|
||||
170
public/css/prettyPhoto.css
Normal file
170
public/css/prettyPhoto.css
Normal file
@@ -0,0 +1,170 @@
|
||||
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(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
|
||||
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
|
||||
div.pp_default .pp_top .pp_right{background:url(../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(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
|
||||
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
|
||||
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
|
||||
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
|
||||
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
|
||||
div.pp_default .pp_gallery ul li a{background:url(../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(../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(../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(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
|
||||
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
|
||||
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
|
||||
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
|
||||
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
|
||||
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
|
||||
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
|
||||
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
|
||||
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
|
||||
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
|
||||
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
|
||||
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
|
||||
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
|
||||
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
|
||||
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../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(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
|
||||
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
|
||||
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
|
||||
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
|
||||
div.dark_rounded .pp_loaderIcon{background:url(../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(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
|
||||
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_close{width:75px;height:22px;background:url(../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(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
|
||||
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
|
||||
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
|
||||
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
|
||||
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
|
||||
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
|
||||
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
|
||||
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
|
||||
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
|
||||
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
|
||||
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
|
||||
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
|
||||
div.facebook .pp_close{width:22px;height:22px;background:url(../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(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
|
||||
div.facebook .pp_arrow_previous{background:url(../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(../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(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
|
||||
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
|
||||
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
|
||||
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
|
||||
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
|
||||
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
|
||||
div.facebook .pp_bottom .pp_right{background:url(../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(../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(../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(../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(../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(../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}
|
||||
680
public/css/select2.css
Normal file
680
public/css/select2.css
Normal file
@@ -0,0 +1,680 @@
|
||||
/*
|
||||
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;
|
||||
}
|
||||
}
|
||||
158
public/css/slide_show.css
Normal file
158
public/css/slide_show.css
Normal file
@@ -0,0 +1,158 @@
|
||||
/* ================================================================
|
||||
This copyright notice must be untouched at all times.
|
||||
|
||||
The original version of this stylesheet and the associated (x)html
|
||||
is available at http://www.cssplay.co.uk/menu/slide_show.html
|
||||
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
|
||||
This stylesheet and the assocaited (x)html may be modified in any
|
||||
way to fit your requirements.
|
||||
=================================================================== */
|
||||
|
||||
/* common styling */
|
||||
/* set up the overall width of the menu div and the margins */
|
||||
#menu3
|
||||
{
|
||||
position:absolute;
|
||||
height:80px;
|
||||
}
|
||||
.menu2 {
|
||||
font-family: verdana, arial, sans-serif;
|
||||
width:100%;
|
||||
height:20px;
|
||||
padding:0;
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
z-index:150;
|
||||
border-bottom:20px solid #333;
|
||||
margin-bottom:650px;
|
||||
}
|
||||
/* position the instructions using a dl */
|
||||
.menu2 dl {
|
||||
font-family:verdana, arial, sans-serif;
|
||||
font-size:0.9em;
|
||||
position:absolute;
|
||||
width:270px;
|
||||
top:160px;
|
||||
left:50px;
|
||||
}
|
||||
.menu2 dl dt {font-size:1.2em; margin-bottom:2em; font-weight:bold;}
|
||||
.menu2 dl dd { padding:0; margin:0; line-height:1.7em; margin-bottom:2em;}
|
||||
.menu2 dl dd:first-letter {font-weight:bold;}
|
||||
|
||||
/* remove the bullets and set the margin and padding to zero for the unordered list */
|
||||
.menu2 ul {
|
||||
padding:0;
|
||||
margin:0;
|
||||
list-style-type: none;
|
||||
border:0;
|
||||
}
|
||||
/* float the list so that the items are in a line */
|
||||
.menu2 ul li {
|
||||
display:block;
|
||||
float:left;
|
||||
width:151px;
|
||||
height:31px;
|
||||
}
|
||||
/* style the links to be 50px wide by 31px high with a right border 1px solid white. Set the background color and the font size. */
|
||||
.menu2 ul li a, .menu2 ul li a:visited {
|
||||
display:block;
|
||||
float:left;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
width:150px;
|
||||
height:31px;
|
||||
color:#ddd;
|
||||
border-right:1px solid #fff;
|
||||
background:#333;
|
||||
line-height:30px;
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
/* clear the float at the end of each line of four slides */
|
||||
span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:0;}
|
||||
|
||||
/* make the dropdown ul invisible */
|
||||
.menu2 ul li ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* remove the table styling */
|
||||
table {
|
||||
border-collapse:collapse;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
|
||||
/* specific to non IE browsers */
|
||||
/* set the background and foreground color of the main menu li link on hover */
|
||||
.menu2 ul li:hover a{
|
||||
color:#fff;
|
||||
background:#000;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
/* make the sub menu ul visible and position it beneath the first list item */
|
||||
.menu2 ul li:hover ul {
|
||||
text-align:left;
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:31px;
|
||||
left:0;
|
||||
}
|
||||
|
||||
/* make the sub menu ul li the full width with padding and border. */
|
||||
.menu2 ul li:hover ul li {
|
||||
cursor:pointer;
|
||||
width:483px;
|
||||
height:483px;
|
||||
border:20px solid #000;
|
||||
border-width:20px 5px;
|
||||
background:#ddd url(slide/linen.jpg);
|
||||
color:#fff;
|
||||
padding:82px 90px;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
/* style the background and foreground color of the submenu links */
|
||||
.menu2 ul li:hover ul li a {
|
||||
background:#333;
|
||||
width:118px;
|
||||
height:118px;
|
||||
border:1px solid #ddd;
|
||||
border-color:#888 #000 #000 #888;
|
||||
}
|
||||
|
||||
|
||||
/* keep the large image hidden */
|
||||
.menu2 ul li:hover ul li a em {
|
||||
display:none;
|
||||
}
|
||||
/* add a border to the horizontal slide and position it centrally using a top margin */
|
||||
.menu2 ul li:hover ul li a.horiz span img {
|
||||
border:1px solid #888;
|
||||
margin-top:21px;
|
||||
}
|
||||
/* add a border to the vertical slide and position it centrally using a top margin */
|
||||
.menu2 ul li:hover ul li a.vert span img {
|
||||
border:1px solid #888;
|
||||
margin-top:9px;
|
||||
}
|
||||
|
||||
.menu2 ul li:hover ul li a:hover {
|
||||
background:#000;
|
||||
}
|
||||
|
||||
|
||||
/* make the active links zero size so the active dotted border does not show through the large image */
|
||||
.menu2 ul li:hover ul li a:active, .menu2 ul li:hover ul li a:focus {background:#aaa; height:0; width:0; border:0;}
|
||||
.menu2 ul li:hover ul li a:active em, .menu2 ul li:hover ul li a:focus em {background:#bbb; height:0; width:0; padding:0; margin:0; border:0;}
|
||||
|
||||
|
||||
/* make the large image visible and set the border, position them using position absolute centrally over the slides */
|
||||
/* horizontal large image styling */
|
||||
.menu2 ul li:hover ul li a.horiz:active em, .menu2 ul li:hover ul li a.horiz:focus em {display:block; background:#ddd; position:absolute; left:15px; top:100px; width:640px; height:480px; z-index:200; z-index:500; cursor:default; border:1px solid #fff;}
|
||||
.menu2 ul li:hover ul li a.horiz:active em img, .menu2 ul li:hover ul li a.horiz:focus em img {border:0;}
|
||||
/* vertical large image styling */
|
||||
.menu2 ul li:hover ul li a.vert:active em, .menu2 ul li:hover ul li a.vert:focus em {display:block; background:#ddd; position:absolute; left:95px; top:23px; width:480px; height:640px; z-index:200; z-index:500; cursor:default; border:1px solid #fff;}
|
||||
.menu2 ul li:hover ul li a.vert:active em img, .menu2 ul li:hover ul li a.vert:focus em img {border:0;}
|
||||
82
public/css/slide_show_ie.css
Normal file
82
public/css/slide_show_ie.css
Normal file
@@ -0,0 +1,82 @@
|
||||
/* ================================================================
|
||||
This copyright notice must be untouched at all times.
|
||||
|
||||
The original version of this stylesheet and the associated (x)html
|
||||
is available at http://www.cssplay.co.uk/menu/slide_show.html
|
||||
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
|
||||
This stylesheet and the assocaited (x)html may be modified in any
|
||||
way to fit your requirements.
|
||||
=================================================================== */
|
||||
|
||||
/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */
|
||||
|
||||
/* set the background and foreground color of the main menu link on hover */
|
||||
.menu2 ul li a:hover {
|
||||
color:#fff;
|
||||
background:#000;
|
||||
cursor:default;
|
||||
}
|
||||
|
||||
/* make the sub menu ul visible and position it beneath the first list item */
|
||||
.menu2 ul li a:hover ul {
|
||||
text-align:left;
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:31px;
|
||||
left:0;
|
||||
}
|
||||
|
||||
/* make the sub menu ul li the full width with padding and border. Hack for IE5.5 */
|
||||
.menu2 ul li a:hover ul li {
|
||||
cursor:pointer;
|
||||
width:100%;
|
||||
height:688px;
|
||||
border:20px solid #Ff0;
|
||||
border-width:20px 5px;
|
||||
background:#ddd url(slide/linen.jpg);
|
||||
color:#fff;
|
||||
padding:82px 90px;
|
||||
cursor:default;
|
||||
w\idth:483px;
|
||||
he\ight:483px;
|
||||
}
|
||||
|
||||
/* style the background and foreground color of the submenu links (with hack for IE5.5)*/
|
||||
.menu2 ul li a:hover ul li a {
|
||||
width:120px;
|
||||
height:120px;
|
||||
margin-top:-2px;
|
||||
border:1px solid #ddd;
|
||||
border-color:#888 #000 #000 #888;
|
||||
w\idth:118px;
|
||||
he\ight:118px;
|
||||
m\argin:0;
|
||||
}
|
||||
|
||||
|
||||
/* keep the large image hidden */
|
||||
.menu2 ul li a:hover ul li a em {
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* add a border to the horizontal slide and position it centrally using a top margin */
|
||||
.menu2 ul li a:hover ul li a.horiz span img {
|
||||
border:1px solid #888;
|
||||
margin-top:21px;
|
||||
}
|
||||
|
||||
/* add a border to the vertical slide and position it centrally using a top margin */
|
||||
.menu2 ul li a:hover ul li a.vert span img {
|
||||
border:1px solid #888;
|
||||
margin-top:9px;
|
||||
}
|
||||
|
||||
|
||||
/* make the active links zero size so the active dotted border does not show through the large image */
|
||||
.menu2 ul li a:hover ul li a:active {background:#aaa; height:0; width:0; }
|
||||
.menu2 ul li a:hover ul li a:active em {background:#bbb; height:0; width:0; padding:0; margin:0;}
|
||||
|
||||
|
||||
/* make the large image visible and set the border, position using position absolute */
|
||||
.menu2 ul li a:hover ul li a.horiz:active em {display:block; background:#ddd; position:absolute; left:15px; top:100px; width:640px; height:480px; z-index:200; cursor:default; border:1px solid #fff;}
|
||||
.menu2 ul li a:hover ul li a.vert:active em {display:block; background:#ddd; position:absolute; left:95px; top:23px; width:480px; height:640px; z-index:200; cursor:default; border:1px solid #fff;}
|
||||
10167
public/css/style.css
Normal file
10167
public/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
132
public/css/thickbox.css
Normal file
132
public/css/thickbox.css
Normal file
@@ -0,0 +1,132 @@
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
*{padding: 0; margin: 0;}
|
||||
|
||||
html, body {
|
||||
min-height: 100%;
|
||||
height: auto !important;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
#TB_window {
|
||||
font: 12px Arial, Helvetica, sans-serif;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
#TB_secondLine {
|
||||
font: 10px Arial, Helvetica, sans-serif;
|
||||
color:#666666;
|
||||
}
|
||||
|
||||
#TB_window a:link {color: #666666;}
|
||||
#TB_window a:visited {color: #666666;}
|
||||
#TB_window a:hover {color: #000;}
|
||||
#TB_window a:active {color: #666666;}
|
||||
#TB_window a:focus{color: #666666;}
|
||||
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
|
||||
/* ----------------------------------------------------------------------------------------------------------------*/
|
||||
#TB_overlay {
|
||||
position: absolute;
|
||||
z-index:100;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
background-color:#000;
|
||||
filter:alpha(opacity=60);
|
||||
-moz-opacity: 0.6;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
#TB_window {
|
||||
position: absolute;
|
||||
background: #ffffff;
|
||||
z-index: 102;
|
||||
color:#000000;
|
||||
display:none;
|
||||
border: 4px solid #525252;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#TB_window img {
|
||||
display:block;
|
||||
margin: 15px 0 0 15px;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-top: 1px solid #666;
|
||||
border-left: 1px solid #666;
|
||||
}
|
||||
|
||||
#TB_caption{
|
||||
height:25px;
|
||||
padding:7px 30px 10px 25px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#TB_closeWindow{
|
||||
height:25px;
|
||||
padding:11px 25px 10px 0;
|
||||
float:right;
|
||||
}
|
||||
|
||||
#TB_closeAjaxWindow{
|
||||
padding:5px 10px 7px 0;
|
||||
margin-bottom:1px;
|
||||
text-align:right;
|
||||
float:right;
|
||||
}
|
||||
|
||||
#TB_ajaxWindowTitle{
|
||||
float:left;
|
||||
padding:7px 0 5px 10px;
|
||||
margin-bottom:1px;
|
||||
}
|
||||
|
||||
#TB_title{
|
||||
background-color:#e8e8e8;
|
||||
height:27px;
|
||||
}
|
||||
|
||||
#TB_ajaxContent{
|
||||
clear:both;
|
||||
padding:2px 15px 15px 15px;
|
||||
overflow:auto;
|
||||
text-align:left;
|
||||
line-height:1.4em;
|
||||
}
|
||||
|
||||
#TB_ajaxContent p{
|
||||
padding:5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
#TB_load{
|
||||
position: absolute;
|
||||
display:none;
|
||||
height:100px;
|
||||
width:100px;
|
||||
z-index:101;
|
||||
}
|
||||
|
||||
#TB_HideSelect{
|
||||
z-index:99;
|
||||
position:absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color:#fff;
|
||||
border:none;
|
||||
filter:alpha(opacity=0);
|
||||
-moz-opacity: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#TB_iframeContent{
|
||||
clear:both;
|
||||
border:none;
|
||||
margin-bottom:-1px;
|
||||
margin-top:1px;
|
||||
_margin-bottom:1px;
|
||||
}
|
||||
148
public/css/ticker-style.css
Normal file
148
public/css/ticker-style.css
Normal file
@@ -0,0 +1,148 @@
|
||||
/* 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;
|
||||
}
|
||||
775
public/css/toolbar.css
Normal file
775
public/css/toolbar.css
Normal file
@@ -0,0 +1,775 @@
|
||||
/*
|
||||
#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;
|
||||
}
|
||||
47
public/css/uploadify.css
Normal file
47
public/css/uploadify.css
Normal file
@@ -0,0 +1,47 @@
|
||||
/*
|
||||
Copyright (c) 2009 Ronnie Garcia, Travis Nickels
|
||||
|
||||
This file is part of Uploadify v1.6.2
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of Uploadify and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
UPLOADIFY IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
*/
|
||||
|
||||
.fileUploadQueueItem {
|
||||
font: 11px Verdana, Geneva, sans-serif;
|
||||
background-color: #F5F5F5;
|
||||
border: 3px solid #E5E5E5;
|
||||
margin-top: 5px;
|
||||
padding: 10px;
|
||||
width: 300px;
|
||||
}
|
||||
.fileUploadQueueItem .cancel {
|
||||
float: right;
|
||||
}
|
||||
.fileUploadProgress {
|
||||
background-color: #FFFFFF;
|
||||
border-top: 1px solid #808080;
|
||||
border-left: 1px solid #808080;
|
||||
border-right: 1px solid #C5C5C5;
|
||||
border-bottom: 1px solid #C5C5C5;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.fileUploadProgressBar {
|
||||
background-color: #0099FF;
|
||||
}
|
||||
Reference in New Issue
Block a user