Moved night_wind here from the main repo
This commit is contained in:
Bharat Mediratta
parent
952fb4fe73
commit
ca20babfab
29
themes/night_wind/css/fix-ie.css
Normal file
29
themes/night_wind/css/fix-ie.css
Normal file
@ -0,0 +1,29 @@
|
||||
/**
|
||||
* Fix display in IE 6, 7
|
||||
*/
|
||||
|
||||
#g-banner {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
input.submit {
|
||||
clear: none !important;
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
#g-add-tag-form input.textbox {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
#g-dialog .g-cancel {
|
||||
display: inline-block !important;
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.g-pager .g-text-right {
|
||||
width: 29%;
|
||||
}
|
||||
|
||||
.g-pager .ui-icon-right {
|
||||
width: 60px;
|
||||
}
|
||||
817
themes/night_wind/css/screen.css
Normal file
817
themes/night_wind/css/screen.css
Normal file
@ -0,0 +1,817 @@
|
||||
/**
|
||||
* Gallery 3 Default Theme Screen Styles
|
||||
*
|
||||
* @requires YUI reset, font, grids CSS
|
||||
*
|
||||
* Sheet organization:
|
||||
* 1) Basic HTML elements
|
||||
* 2) Reusable content blocks
|
||||
* 3) Page layout containers
|
||||
* 4) Content blocks in specific layout containers
|
||||
* 5) Navigation and menus
|
||||
* 6) Browser hacks
|
||||
* 7) jQuery and jQuery UI
|
||||
* 8) Right-to-left language styles
|
||||
*/
|
||||
|
||||
/** *******************************************************************
|
||||
* 1) Basic HTML elements
|
||||
**********************************************************************/
|
||||
|
||||
body, html {
|
||||
background-color: #333;
|
||||
font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: oblique;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, strong, th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.7em;
|
||||
}
|
||||
|
||||
#g-search-results h1 {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#g-progress h1 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
#g-sidebar .g-block h2 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
#g-sidebar .g-block li {
|
||||
margin-bottom: .6em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
/* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
a,
|
||||
.g-menu a,
|
||||
#g-dialog a,
|
||||
.g-button,
|
||||
.g-button:hover,
|
||||
.g-button:active,
|
||||
a.ui-state-hover,
|
||||
input.ui-state-hover,
|
||||
button.ui-state-hover {
|
||||
color: #fff !important;
|
||||
cursor: pointer !important;
|
||||
text-decoration: none;
|
||||
-moz-outline-style: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
#g-dialog a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.g-menu a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#g-dialog #g-action-status li {
|
||||
width: 400px;
|
||||
white-space: normal;
|
||||
padding-left: 32px;
|
||||
}
|
||||
|
||||
/* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#g-content table {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
caption,
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
border: none;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: .5em;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #ccc;
|
||||
padding-bottom: .8em;
|
||||
}
|
||||
|
||||
#g-banner fieldset,
|
||||
#g-sidebar fieldset,
|
||||
.g-short-form fieldset {
|
||||
border: none;
|
||||
}
|
||||
|
||||
legend {
|
||||
font-weight: bold;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
#g-banner legend,
|
||||
#g-sidebar legend,
|
||||
#g-content #g-search-form legend,
|
||||
input[type="hidden"],
|
||||
.g-short-form label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
label {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"] {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
textarea {
|
||||
border: 1px solid #e8e8e8;
|
||||
border-top-color: #ccc;
|
||||
border-left-color: #ccc;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
height: 12em;
|
||||
}
|
||||
|
||||
input:focus,
|
||||
textarea:focus,
|
||||
option:focus {
|
||||
background-color: #ffc;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* Form layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
form li {
|
||||
margin: 0 !important;
|
||||
padding: .3em 1.5em .3em 1em;
|
||||
}
|
||||
|
||||
form ul ul {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
form ul ul li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
display: block;
|
||||
clear: both;
|
||||
padding: .2em;
|
||||
}
|
||||
|
||||
input[type="submit"],
|
||||
input[type="reset"] {
|
||||
display: inline;
|
||||
clear: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Form validation ~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
form.g-error input[type="text"],
|
||||
li.g-error input[type="text"],
|
||||
form.g-error input[type="password"],
|
||||
li.g-error input[type="password"],
|
||||
form.g-error input[type="checkbox"],
|
||||
li.g-error input[type="checkbox"],
|
||||
form.g-error input[type="radio"],
|
||||
li.g-error input[type="radio"],
|
||||
form.g-error textarea,
|
||||
li.g-error textarea,
|
||||
form.g-error select,
|
||||
li.g-error select {
|
||||
border: 2px solid red;
|
||||
}
|
||||
|
||||
/** *******************************************************************
|
||||
* 2) Reusable content blocks
|
||||
*********************************************************************/
|
||||
|
||||
.g-block h2 {
|
||||
background-color: #333;
|
||||
padding: .3em .8em;
|
||||
}
|
||||
|
||||
.g-block-content {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
/* Inline layout (forms, lists) ~~~~~~~~~~ */
|
||||
|
||||
.g-short-form li {
|
||||
float: left;
|
||||
padding: .4em 0;
|
||||
}
|
||||
|
||||
.g-short-form input[type="text"] {
|
||||
color: #666;
|
||||
padding: .3em .6em;
|
||||
width: 11em;
|
||||
}
|
||||
|
||||
/*** ******************************************************************
|
||||
* 3) Page layout containers
|
||||
*********************************************************************/
|
||||
|
||||
/* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.g-view {
|
||||
background-color: #000;
|
||||
border: 1px solid #333;
|
||||
border-bottom: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
#g-header {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#g-banner {
|
||||
background-color: #000;
|
||||
border-bottom: 1px solid #333;
|
||||
font-size: .8em;
|
||||
min-height: 5em;
|
||||
padding: 1em 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#g-content {
|
||||
font-size: 1.2em;
|
||||
padding-left: 20px;
|
||||
position: relative;
|
||||
width: 696px;
|
||||
}
|
||||
|
||||
#g-sidebar {
|
||||
font-size: .9em;
|
||||
padding: 0 20px;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
#g-footer {
|
||||
background-color: #000;
|
||||
border-top: 1px solid #333;
|
||||
font-size: .8em;
|
||||
margin-top: 20px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
/** *******************************************************************
|
||||
* 4) Content blocks in specific layout containers
|
||||
*********************************************************************/
|
||||
|
||||
/* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
#g-banner #g-logo img {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#g-banner #g-quick-search-form {
|
||||
clear: right;
|
||||
float: right;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
#g-banner #g-quick-search-form input[type='text'] {
|
||||
width: 17em;
|
||||
}
|
||||
|
||||
#g-content .g-block h2 {
|
||||
background-color: transparent;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#g-sidebar .g-block-content {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
/* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
#g-content #g-album-grid {
|
||||
margin: 1em 0;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#g-content #g-album-grid .g-item {
|
||||
background-color: #000;
|
||||
border: 1px solid #000;
|
||||
float: left;
|
||||
font-size: .7em;
|
||||
padding: .6em 8px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width: 213px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#g-content #g-album-grid .g-item h2 {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
#g-content .g-photo h2,
|
||||
#g-content .g-item .g-metadata {
|
||||
display: none;
|
||||
margin-bottom: .6em;
|
||||
}
|
||||
|
||||
#g-content #g-album-grid .g-album {
|
||||
background-color: #e8e8e8;
|
||||
}
|
||||
|
||||
#g-content #g-album-grid .g-album h2 span {
|
||||
background: transparent url('../images/ico-album.png') no-repeat top left;
|
||||
display: inline-block;
|
||||
height: 16px;
|
||||
margin-right: 5px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
#g-content #g-album-grid .g-hover-item {
|
||||
border: 1px solid #000;
|
||||
position: absolute !important;
|
||||
z-index: 1000 !important;
|
||||
}
|
||||
|
||||
#g-content .g-hover-item h2,
|
||||
#g-content .g-hover-item .g-metadata {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#g-content #g-album-grid #g-place-holder {
|
||||
position: relative;
|
||||
visibility: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Individual photo content ~~~~~~~~~~~~~~ */
|
||||
|
||||
#g-content #g-item {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#g-content #g-photo {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#g-content #g-item .g-fullsize-link img {
|
||||
display: block;
|
||||
margin: 1em auto;
|
||||
}
|
||||
|
||||
#g-content #g-comments {
|
||||
margin-top: 2em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#g-content #g-comments ul li {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
#g-content #g-comments .g-author {
|
||||
border-bottom: 1px solid #ccc;
|
||||
color: #999;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
#g-content #g-comments ul li div {
|
||||
padding: 0 8px 8px 43px;
|
||||
}
|
||||
|
||||
#g-content #g-comments ul li #g-recaptcha {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#g-content #g-comments ul li #g-recaptcha div {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#g-content #g-comments .g-avatar {
|
||||
height: 32px;
|
||||
margin-right: .4em;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
#g-admin-comment-button {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
#g-content #g-comment-form {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
/* Footer content ~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
#g-footer #g-credits li {
|
||||
padding-right: 1.2em;
|
||||
}
|
||||
|
||||
#g-content #g-search-results {
|
||||
margin-top: 1em;
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
/* In-line editing ~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
#g-in-place-edit-message {
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
/** *******************************************************************
|
||||
* 5) Navigation and menus
|
||||
*********************************************************************/
|
||||
|
||||
#g-site-menu,
|
||||
#g-tag-cloud ul {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
/* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
#g-banner #g-login-menu {
|
||||
color: #999;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#g-banner #g-login-menu li {
|
||||
padding-left: 1.2em;
|
||||
}
|
||||
|
||||
/* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
#g-site-menu {
|
||||
bottom: 0;
|
||||
display: none;
|
||||
left: 140px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#g-site-menu ul {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/* Context Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.g-context-menu {
|
||||
background-color: #fff;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.g-item .g-context-menu {
|
||||
display: none;
|
||||
margin-top: 2em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#g-item .g-context-menu {
|
||||
font-size: .7em;
|
||||
}
|
||||
|
||||
#g-item .g-context-menu ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.g-context-menu li {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.g-context-menu li a {
|
||||
display: block;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
.g-hover-item .g-context-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.g-hover-item .g-context-menu li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.g-hover-item .g-context-menu a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* View Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
#g-view-menu {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#g-view-menu a {
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
height: 28px !important;
|
||||
width: 43px !important;
|
||||
}
|
||||
|
||||
#g-view-menu #g-slideshow-link {
|
||||
background-image: url('../images/ico-view-slideshow.png');
|
||||
}
|
||||
|
||||
#g-view-menu .g-fullsize-link {
|
||||
background-image: url('../images/ico-view-fullsize.png');
|
||||
}
|
||||
|
||||
#g-view-menu #g-comments-link {
|
||||
background-image: url('../images/ico-view-comments.png');
|
||||
}
|
||||
|
||||
#g-view-menu #g-print-digibug-link {
|
||||
background-image: url('../images/ico-print.png');
|
||||
}
|
||||
|
||||
/* Tags and cloud ~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
#g-tag-cloud ul {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
#g-tag-cloud ul li {
|
||||
display: inline;
|
||||
line-height: 1.5em;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
#g-tag-cloud ul li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#g-tag-cloud ul li span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#g-tag-cloud ul li.size1 a {
|
||||
color: #9cf;
|
||||
font-size: 80%;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
#g-tag-cloud ul li.size2 a {
|
||||
color: #69f;
|
||||
font-size: 90%;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
#g-tag-cloud ul li.size3 a {
|
||||
color: #69c;
|
||||
font-size: 100%;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#g-tag-cloud ul li.size4 a {
|
||||
color: #369;
|
||||
font-size: 110%;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#g-tag-cloud ul li.size5 a {
|
||||
color: #0e2b52;
|
||||
font-size: 120%;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
#g-tag-cloud ul li.size6 a {
|
||||
color: #0e2b52;
|
||||
font-size: 130%;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
#g-tag-cloud ul li.size7 a {
|
||||
color: #0e2b52;
|
||||
font-size: 140%;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
#g-tag-cloud ul li a:hover {
|
||||
color: #f30;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#g-welcome-message p {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
/** *******************************************************************
|
||||
* 6) jQuery and jQuery UI
|
||||
*********************************************************************/
|
||||
|
||||
/* Superfish menu overrides ~~~~~~~~~~~~~~ */
|
||||
|
||||
.sf-menu a {
|
||||
border-left: 1px solid #CCC;
|
||||
border-top: 1px solid #CCC;
|
||||
}
|
||||
|
||||
.sf-menu li {
|
||||
color: #fff;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.sf-menu li li, .sf-menu li li ul li {
|
||||
color: #fff;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.sf-menu li:hover {
|
||||
color: #fff;
|
||||
background-color: #777;
|
||||
}
|
||||
|
||||
.sf-menu li:hover, .sf-menu li.sfHover,
|
||||
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
|
||||
background: #777;
|
||||
}
|
||||
|
||||
/* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.ui-widget-overlay {
|
||||
background: #000;
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
/* jQuery UI ThemeRoller buttons */
|
||||
|
||||
.g-buttonset {
|
||||
padding-left: 1px;
|
||||
}
|
||||
|
||||
.g-buttonset li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.g-buttonset .g-button {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.ui-icon-left .ui-icon {
|
||||
float: left;
|
||||
margin-right: .2em;
|
||||
}
|
||||
|
||||
.ui-icon-right .ui-icon {
|
||||
float: right;
|
||||
margin-left: .2em;
|
||||
}
|
||||
|
||||
.ui-icon-rotate-ccw {
|
||||
background-position: -192px -64px;
|
||||
}
|
||||
|
||||
.ui-icon-rotate-cw {
|
||||
background-position: -208px -64px;
|
||||
}
|
||||
|
||||
/* STUFF THAT NEEDS A HOME */
|
||||
|
||||
#g-move ul {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
#g-move .selected {
|
||||
background: #999;
|
||||
}
|
||||
|
||||
/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
#g-edit-permissions-form {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#g-edit-permissions-form td {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
#g-edit-permissions-form fieldset {
|
||||
border: 1px solid #ccc;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#g-permissions .g-denied,
|
||||
#g-permissions .g-allowed {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#g-permissions .g-denied {
|
||||
background-color: #fcc;
|
||||
}
|
||||
|
||||
#g-permissions .g-allowed {
|
||||
background-color: #cfc;
|
||||
}
|
||||
|
||||
/*************** STUFF THAT NEEDS A HOME ****************/
|
||||
|
||||
#g-admin-g2-import-notes {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
#g-admin-g2-import-details {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
#g-admin-g2-import-details .g-warning {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#g-admin-g2-import-details .g-info {
|
||||
padding: 2px;
|
||||
border: 1px solid #999;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#g-admin-g2-import-notes p,
|
||||
#g-admin-g2-import-details .g-info p {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#g-admin-g2-import-notes ul li,
|
||||
#g-admin-g2-import .g-info ul li {
|
||||
padding-left: 0;
|
||||
margin-left: 20px;
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
/* Right to left styles ~~~~~~~~~~~~~~~~~~~~ */
|
||||
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.rtl caption,
|
||||
.rtl th,
|
||||
.rtl #g-dialog {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.rtl .g-right,
|
||||
.rtl #g-header #g-quick-search-form,
|
||||
.rtl #g-header #g-login-menu,
|
||||
.rtl .ui-icon-right .ui-icon {
|
||||
clear: left;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.rtl .g-left,
|
||||
.rtl form ul ul li,
|
||||
.rtl input[type="submit"],
|
||||
.rtl input[type="reset"],
|
||||
.rtl .g-short-form li,
|
||||
.rtl #g-header #g-logo img,
|
||||
.rtl #g-content #g-album-grid .g-item,
|
||||
.rtl #g-site-menu,
|
||||
.rtl .g-breadcrumbs li,
|
||||
.rtl .g-pager li,
|
||||
.rtl .g-buttonset li,
|
||||
.rtl .ui-icon-left .ui-icon {
|
||||
float: right;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 180 B |
Binary file not shown.
|
After Width: | Height: | Size: 119 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 95 B |
Binary file not shown.
|
After Width: | Height: | Size: 115 B |
Binary file not shown.
|
After Width: | Height: | Size: 145 B |
Binary file not shown.
|
After Width: | Height: | Size: 106 B |
Binary file not shown.
|
After Width: | Height: | Size: 140 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
406
themes/night_wind/css/themeroller/ui.base.css
Normal file
406
themes/night_wind/css/themeroller/ui.base.css
Normal file
@ -0,0 +1,406 @@
|
||||
/*
|
||||
* jQuery UI CSS Framework
|
||||
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
|
||||
*/
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden { display: none; }
|
||||
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
|
||||
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
|
||||
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
||||
.ui-helper-clearfix { display: inline-block; }
|
||||
/* required comment for clearfix to work in Opera \*/
|
||||
* html .ui-helper-clearfix { height:1%; }
|
||||
.ui-helper-clearfix { display:block; }
|
||||
/* end clearfix */
|
||||
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled { cursor: default !important; }
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* jQuery UI CSS Framework
|
||||
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=888888&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=ffffff&iconColorHeader=cccccc&bgColorContent=121212&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=16&borderColorContent=404040&fcContent=eeeeee&iconColorContent=bbbbbb&bgColorDefault=adadad&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=35&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=666666&bgColorHover=dddddd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=dddddd&fcHover=000000&iconColorHover=444444&bgColorActive=121212&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=000000&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=555555&bgTextureHighlight=04_highlight_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=404040&fcHighlight=cccccc&iconColorHighlight=aaaaaa&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
|
||||
*/
|
||||
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; }
|
||||
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
|
||||
.ui-widget-content { border: 1px solid #404040; background: #121212 url(images/ui-bg_gloss-wave_16_121212_500x100.png) 50% top repeat-x; color: #eeeeee; }
|
||||
.ui-widget-content a { color: #eeeeee; }
|
||||
.ui-widget-header { border: 1px solid #404040; background: #888888 url(images/ui-bg_highlight-hard_15_888888_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
|
||||
.ui-widget-header a { color: #ffffff; }
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #adadad url(images/ui-bg_highlight-soft_35_adadad_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #333333; outline: none; }
|
||||
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; outline: none; }
|
||||
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #dddddd; background: #dddddd url(images/ui-bg_highlight-soft_60_dddddd_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; outline: none; }
|
||||
.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; outline: none; }
|
||||
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #000000; background: #121212 url(images/ui-bg_inset-soft_15_121212_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
|
||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; }
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #404040; background: #555555 url(images/ui-bg_highlight-hard_55_555555_1x100.png) 50% top repeat-x; color: #cccccc; }
|
||||
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #cccccc; }
|
||||
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
|
||||
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
|
||||
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
|
||||
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
|
||||
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
|
||||
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_bbbbbb_256x240.png); }
|
||||
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_bbbbbb_256x240.png); }
|
||||
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_cccccc_256x240.png); }
|
||||
.ui-state-default .ui-icon { background-image: url(images/ui-icons_666666_256x240.png); }
|
||||
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_444444_256x240.png); }
|
||||
.ui-state-active .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
|
||||
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_aaaaaa_256x240.png); }
|
||||
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-off { background-position: -96px -144px; }
|
||||
.ui-icon-radio-on { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
|
||||
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
|
||||
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
|
||||
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
|
||||
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
|
||||
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
|
||||
.ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
|
||||
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
|
||||
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
|
||||
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
|
||||
----------------------------------*/
|
||||
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
|
||||
.ui-accordion .ui-accordion-li-fix { display: inline; }
|
||||
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
|
||||
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
|
||||
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
|
||||
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
|
||||
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
|
||||
----------------------------------*/
|
||||
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
|
||||
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
|
||||
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
|
||||
.ui-datepicker .ui-datepicker-prev { left:2px; }
|
||||
.ui-datepicker .ui-datepicker-next { right:2px; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
|
||||
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
|
||||
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
|
||||
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
|
||||
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
|
||||
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year { width: 49%;}
|
||||
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
|
||||
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
|
||||
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
|
||||
.ui-datepicker td { border: 0; padding: 1px; }
|
||||
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi { width:auto; }
|
||||
.ui-datepicker-multi .ui-datepicker-group { float:left; }
|
||||
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
|
||||
.ui-datepicker-row-break { clear:both; width:100%; }
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl { direction: rtl; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
|
||||
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
|
||||
.ui-datepicker-cover {
|
||||
display: none; /*sorry for IE5*/
|
||||
display/**/: block; /*sorry for IE5*/
|
||||
position: absolute; /*must have*/
|
||||
z-index: -1; /*must have*/
|
||||
filter: mask(); /*must have*/
|
||||
top: -4px; /*must have*/
|
||||
left: -4px; /*must have*/
|
||||
width: 200px; /*must have*/
|
||||
height: 200px; /*must have*/
|
||||
}/* Dialog
|
||||
----------------------------------*/
|
||||
.ui-dialog { position: relative; padding: .2em; width: 300px; }
|
||||
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; }
|
||||
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
|
||||
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
|
||||
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
|
||||
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
|
||||
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
|
||||
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
|
||||
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
|
||||
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
|
||||
.ui-draggable .ui-dialog-titlebar { cursor: move; }
|
||||
/* Progressbar
|
||||
----------------------------------*/
|
||||
.ui-progressbar { height:2em; text-align: left; }
|
||||
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
|
||||
----------------------------------*/
|
||||
.ui-resizable { position: relative;}
|
||||
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
|
||||
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
|
||||
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
|
||||
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
|
||||
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
|
||||
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
|
||||
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
|
||||
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
|
||||
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
|
||||
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
|
||||
----------------------------------*/
|
||||
.ui-slider { position: relative; text-align: left; }
|
||||
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
|
||||
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
|
||||
|
||||
.ui-slider-horizontal { height: .8em; }
|
||||
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
|
||||
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
|
||||
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
|
||||
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
|
||||
|
||||
.ui-slider-vertical { width: .8em; height: 100px; }
|
||||
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
|
||||
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
|
||||
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
|
||||
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
|
||||
----------------------------------*/
|
||||
.ui-tabs { padding: .2em; zoom: 1; }
|
||||
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
|
||||
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
|
||||
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
|
||||
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
|
||||
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
|
||||
.ui-tabs .ui-tabs-hide { display: none !important; }
|
||||
BIN
themes/night_wind/images/avatar.jpg
Normal file
BIN
themes/night_wind/images/avatar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
themes/night_wind/images/ico-album.png
Normal file
BIN
themes/night_wind/images/ico-album.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 397 B |
BIN
themes/night_wind/images/ico-help.png
Normal file
BIN
themes/night_wind/images/ico-help.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 786 B |
BIN
themes/night_wind/images/ico-print.png
Normal file
BIN
themes/night_wind/images/ico-print.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 989 B |
BIN
themes/night_wind/images/ico-view-comments.png
Normal file
BIN
themes/night_wind/images/ico-view-comments.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 768 B |
BIN
themes/night_wind/images/ico-view-fullsize.png
Normal file
BIN
themes/night_wind/images/ico-view-fullsize.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
themes/night_wind/images/ico-view-slideshow.png
Normal file
BIN
themes/night_wind/images/ico-view-slideshow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 960 B |
BIN
themes/night_wind/images/select-photos-backg.png
Normal file
BIN
themes/night_wind/images/select-photos-backg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
111
themes/night_wind/js/ui.init.js
Normal file
111
themes/night_wind/js/ui.init.js
Normal file
@ -0,0 +1,111 @@
|
||||
/**
|
||||
* Initialize jQuery UI and Gallery Plugin elements
|
||||
*/
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
// Initialize Superfish menus
|
||||
$("ul.g-menu").addClass("sf-menu");
|
||||
$('ul.sf-menu').superfish({
|
||||
delay: 500,
|
||||
animation: {
|
||||
opacity:'show',
|
||||
height:'show'
|
||||
},
|
||||
speed: 'fast'
|
||||
});
|
||||
$("#g-site-menu").css("display", "block");
|
||||
|
||||
// Initialize status message effects
|
||||
$("#g-action-status li").gallery_show_message();
|
||||
|
||||
// Initialize dialogs
|
||||
$("#g-login-link").addClass("g-dialog-link");
|
||||
$(".g-dialog-link").gallery_dialog();
|
||||
|
||||
// Initialize view menu
|
||||
if ($("#g-view-menu").length) {
|
||||
$("#g-view-menu ul").removeClass("g-menu").removeClass("sf-menu");
|
||||
$("#g-view-menu a").addClass("ui-icon");
|
||||
}
|
||||
|
||||
// Apply jQuery UI button css to submit inputs
|
||||
$("input[type=submit]:not(.g-short-form input)").addClass("ui-state-default ui-corner-all");
|
||||
|
||||
// Apply styles and icon classes to g-context-menu
|
||||
if ($(".g-context-menu").length) {
|
||||
$(".g-context-menu li").addClass("ui-state-default");
|
||||
$(".g-context-menu a").addClass("g-button ui-icon-left");
|
||||
$(".g-context-menu a").prepend("<span class=\"ui-icon\"></span>");
|
||||
$(".g-context-menu a span").each(function() {
|
||||
var iconClass = $(this).parent().attr("class").match(/ui-icon-.[^\s]+/).toString();
|
||||
$(this).addClass(iconClass);
|
||||
});
|
||||
}
|
||||
|
||||
// Album view only
|
||||
if ($("#g-album-grid").length) {
|
||||
// Set equal height for album items and vertically align thumbnails/metadata
|
||||
$('.g-item').equal_heights().gallery_valign();
|
||||
|
||||
// Initialize thumbnail hover effect
|
||||
$(".g-item").hover(
|
||||
function() {
|
||||
// Insert a placeholder to hold the item's position in the grid
|
||||
var placeHolder = $(this).clone().attr("id", "g-place-holder");
|
||||
$(this).after($(placeHolder));
|
||||
// Style and position the hover item
|
||||
var position = $(this).position();
|
||||
$(this).css("top", position.top).css("left", position.left);
|
||||
$(this).addClass("g-hover-item");
|
||||
// Initialize the contextual menu
|
||||
$(this).gallery_context_menu();
|
||||
// Set the hover item's height
|
||||
$(this).height("auto");
|
||||
var context_menu = $(this).find(".g-context-menu");
|
||||
var adj_height = $(this).height() + context_menu.height();
|
||||
$(this).height(adj_height);
|
||||
},
|
||||
function() {
|
||||
// Reset item height and position
|
||||
if ($(this).next().height()) {
|
||||
var sib_height = $(this).next().height();
|
||||
} else {
|
||||
var sib_height = $(this).prev().height();
|
||||
}
|
||||
if ($.browser.msie && $.browser.version >= 8) {
|
||||
sib_height = sib_height + 1;
|
||||
}
|
||||
$(this).css("height", sib_height);
|
||||
$(this).css("position", "relative");
|
||||
$(this).css("top", 0).css("left", 0);
|
||||
// Remove the placeholder and hover class from the item
|
||||
$(this).removeClass("g-hover-item");
|
||||
$("#g-place-holder").remove();
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
// Photo/Item item view
|
||||
if ($("#g-item").length) {
|
||||
// Ensure the resized image fits within its container
|
||||
$("#g-item").gallery_fit_photo();
|
||||
|
||||
// Initialize context menus
|
||||
var resize = $("#g-item").gallery_get_photo();
|
||||
$(resize).hover(function(){
|
||||
$(this).gallery_context_menu();
|
||||
});
|
||||
|
||||
// Add scroll effect for links to named anchors
|
||||
$.localScroll({
|
||||
queue: true,
|
||||
duration: 1000,
|
||||
hash: true
|
||||
});
|
||||
}
|
||||
|
||||
// Initialize button hover effect
|
||||
$.fn.gallery_hover_init();
|
||||
|
||||
});
|
||||
6
themes/night_wind/theme.info
Normal file
6
themes/night_wind/theme.info
Normal file
@ -0,0 +1,6 @@
|
||||
name = "Night Wind"
|
||||
description = "The same crisp and distinctive theme that uses large fonts and icons for easy navigation as Gallery Wind except the color scheme is based on night shades to enhance the browsing experience."
|
||||
version = 1
|
||||
author = "Gallery Team"
|
||||
site = 1
|
||||
admin = 0
|
||||
BIN
themes/night_wind/thumbnail.png
Normal file
BIN
themes/night_wind/thumbnail.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
41
themes/night_wind/views/album.html.php
Normal file
41
themes/night_wind/views/album.html.php
Normal file
@ -0,0 +1,41 @@
|
||||
<?php defined("SYSPATH") or die("No direct script access.") ?>
|
||||
<? // @todo Set hover on AlbumGrid list items for guest users ?>
|
||||
<div id="g-info">
|
||||
<?= $theme->album_top() ?>
|
||||
<h1><?= html::purify($item->title) ?></h1>
|
||||
<div class="g-description"><?= nl2br(html::purify($item->description)) ?></div>
|
||||
</div>
|
||||
|
||||
<ul id="g-album-grid" class="ui-helper-clearfix">
|
||||
<? if (count($children)): ?>
|
||||
<? foreach ($children as $i => $child): ?>
|
||||
<? $item_class = "g-photo"; ?>
|
||||
<? if ($child->is_album()): ?>
|
||||
<? $item_class = "g-album"; ?>
|
||||
<? endif ?>
|
||||
<li id="g-item-id-<?= $child->id ?>" class="g-item <?= $item_class ?>">
|
||||
<?= $theme->thumb_top($child) ?>
|
||||
<a href="<?= $child->url() ?>">
|
||||
<?= $child->thumb_img(array("class" => "g-thumbnail")) ?>
|
||||
</a>
|
||||
<?= $theme->thumb_bottom($child) ?>
|
||||
<?= $theme->context_menu($child, "#g-item-id-{$child->id} .g-thumbnail") ?>
|
||||
<h2><span></span><a href="<?= $child->url() ?>"><?= html::purify($child->title) ?></a></h2>
|
||||
<ul class="g-metadata">
|
||||
<?= $theme->thumb_info($child) ?>
|
||||
</ul>
|
||||
</li>
|
||||
<? endforeach ?>
|
||||
<? else: ?>
|
||||
<? if ($user->admin || access::can("add", $item)): ?>
|
||||
<? $addurl = url::file("index.php/simple_uploader/app/$item->id") ?>
|
||||
<li><?= t("There aren't any photos here yet! <a %attrs>Add some</a>.",
|
||||
array("attrs" => html::mark_clean("href=\"$addurl\" class=\"g-dialog-link\""))) ?></li>
|
||||
<? else: ?>
|
||||
<li><?= t("There aren't any photos here yet!") ?></li>
|
||||
<? endif; ?>
|
||||
<? endif; ?>
|
||||
</ul>
|
||||
<?= $theme->album_bottom() ?>
|
||||
|
||||
<?= $theme->pager() ?>
|
||||
10
themes/night_wind/views/block.html.php
Normal file
10
themes/night_wind/views/block.html.php
Normal file
@ -0,0 +1,10 @@
|
||||
<?php defined("SYSPATH") or die("No direct script access.") ?>
|
||||
<? if ($anchor): ?>
|
||||
<a name="<?= $anchor ?>"></a>
|
||||
<? endif ?>
|
||||
<div id="<?= $css_id ?>" class="g-block">
|
||||
<h2><?= $title ?></h2>
|
||||
<div class="g-block-content">
|
||||
<?= $content ?>
|
||||
</div>
|
||||
</div>
|
||||
29
themes/night_wind/views/dynamic.html.php
Normal file
29
themes/night_wind/views/dynamic.html.php
Normal file
@ -0,0 +1,29 @@
|
||||
<?php defined("SYSPATH") or die("No direct script access.") ?>
|
||||
<div id="g-album-header">
|
||||
<div id="g-album-header-buttons">
|
||||
<?= $theme->dynamic_top() ?>
|
||||
</div>
|
||||
<h1><?= html::clean($title) ?></h1>
|
||||
</div>
|
||||
|
||||
<ul id="g-album-grid">
|
||||
<? foreach ($children as $i => $child): ?>
|
||||
<li class="g-item <?= $child->is_album() ? "g-album" : "" ?>">
|
||||
<?= $theme->thumb_top($child) ?>
|
||||
<a href="<?= $child->url() ?>">
|
||||
<img id="g-photo-id-<?= $child->id ?>" class="g-thumbnail"
|
||||
alt="photo" src="<?= $child->thumb_url() ?>"
|
||||
width="<?= $child->thumb_width ?>"
|
||||
height="<?= $child->thumb_height ?>" />
|
||||
</a>
|
||||
<h2><?= html::purify($child->title) ?></h2>
|
||||
<?= $theme->thumb_bottom($child) ?>
|
||||
<ul class="g-metadata">
|
||||
<?= $theme->thumb_info($child) ?>
|
||||
</ul>
|
||||
</li>
|
||||
<? endforeach ?>
|
||||
</ul>
|
||||
<?= $theme->dynamic_bottom() ?>
|
||||
|
||||
<?= $theme->pager() ?>
|
||||
37
themes/night_wind/views/movie.html.php
Normal file
37
themes/night_wind/views/movie.html.php
Normal file
@ -0,0 +1,37 @@
|
||||
<?php defined("SYSPATH") or die("No direct script access.") ?>
|
||||
<div id="g-item">
|
||||
<?= $theme->photo_top() ?>
|
||||
|
||||
<ul class="g-pager">
|
||||
<li>
|
||||
<? if ($previous_item): ?>
|
||||
<a href="<?= $previous_item->url() ?>" class="g-button ui-icon-left ui-state-default ui-corner-all">
|
||||
<span class="ui-icon ui-icon-triangle-1-w"></span><?= t("Previous") ?></a>
|
||||
<? else: ?>
|
||||
<a class="g-button ui-icon-left ui-state-disabled ui-corner-all">
|
||||
<span class="ui-icon ui-icon-triangle-1-w"></span><?= t("Previous") ?></a>
|
||||
<? endif; ?>
|
||||
</li>
|
||||
<li class="g-info"><?= t("%position of %total", array("position" => $position, "total" => $sibling_count)) ?></li>
|
||||
<li class="g-text-right">
|
||||
<? if ($next_item): ?>
|
||||
<a href="<?= $next_item->url() ?>" class="g-button ui-icon-right ui-state-default ui-corner-all">
|
||||
<span class="ui-icon ui-icon-triangle-1-e"></span><?= t("Next") ?></a>
|
||||
<? else: ?>
|
||||
<a class="g-button ui-icon-right ui-state-disabled ui-corner-all">
|
||||
<span class="ui-icon ui-icon-triangle-1-e"></span><?= t("Next") ?></a>
|
||||
<? endif ?>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<?= $item->movie_img(array("class" => "g-movie", "id" => "g-movie-id-{$item->id}")) ?>
|
||||
|
||||
<div id="g-info">
|
||||
<h1><?= html::purify($item->title) ?></h1>
|
||||
<div><?= nl2br(html::purify($item->description)) ?></div>
|
||||
</div>
|
||||
|
||||
<?= $theme->photo_bottom() ?>
|
||||
<?= $theme->context_menu($item, "#g-movie-id-{$item->id}") ?>
|
||||
</div>
|
||||
6
themes/night_wind/views/no_sidebar.html.php
Normal file
6
themes/night_wind/views/no_sidebar.html.php
Normal file
@ -0,0 +1,6 @@
|
||||
<?php defined("SYSPATH") or die("No direct script access.") ?>
|
||||
<ul class="g-message-block">
|
||||
<li class="g-warning"><?= t("No active sidebar blocks.<br/>
|
||||
<a href=\"%url\">Add blocks</a>",
|
||||
array("url" => html::mark_clean(url::site("admin/sidebar")))) ?></li>
|
||||
</ul>
|
||||
145
themes/night_wind/views/page.html.php
Normal file
145
themes/night_wind/views/page.html.php
Normal file
@ -0,0 +1,145 @@
|
||||
<?php defined("SYSPATH") or die("No direct script access.") ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
<title>
|
||||
<? if ($page_title): ?>
|
||||
<?= $page_title ?>
|
||||
<? else: ?>
|
||||
<? if ($theme->item()): ?>
|
||||
<? if ($theme->item()->is_album()): ?>
|
||||
<?= t("Browse Album :: %album_title", array("album_title" => $theme->item()->title)) ?>
|
||||
<? elseif ($theme->item()->is_photo()): ?>
|
||||
<?= t("Photo :: %photo_title", array("photo_title" => $theme->item()->title)) ?>
|
||||
<? else: ?>
|
||||
<?= t("Movie :: %movie_title", array("movie_title" => $theme->item()->title)) ?>
|
||||
<? endif ?>
|
||||
<? elseif ($theme->tag()): ?>
|
||||
<?= t("Browse Tag :: %tag_title", array("tag_title" => $theme->tag()->name)) ?>
|
||||
<? else: /* Not an item, not a tag, no page_title specified. Help! */ ?>
|
||||
<?= t("Gallery") ?>
|
||||
<? endif ?>
|
||||
<? endif ?>
|
||||
</title>
|
||||
<link rel="shortcut icon" href="<?= url::file("lib/images/favicon.ico") ?>" type="image/x-icon" />
|
||||
<?= $theme->css("yui/reset-fonts-grids.css") ?>
|
||||
<?= $theme->css("superfish/css/superfish.css") ?>
|
||||
<?= $theme->css("themeroller/ui.base.css") ?>
|
||||
<?= $theme->css("gallery.common.css") ?>
|
||||
<?= $theme->css("screen.css") ?>
|
||||
<!--[if lt IE 8]>
|
||||
<link rel="stylesheet" type="text/css" href="<?= $theme->url("css/fix-ie.css") ?>"
|
||||
media="screen,print,projection" />
|
||||
<![endif]-->
|
||||
<? if ($theme->page_type == 'album'): ?>
|
||||
<? if ($thumb_proportion != 1): ?>
|
||||
<? $new_width = $thumb_proportion * 213 ?>
|
||||
<? $new_height = $thumb_proportion * 240 ?>
|
||||
<style type="text/css">
|
||||
#g-content #g-album-grid .g-item {
|
||||
width: <?= $new_width ?>px;
|
||||
height: <?= $new_height ?>px;
|
||||
/* <?= $thumb_proportion ?> */
|
||||
}
|
||||
</style>
|
||||
<? endif ?>
|
||||
<? endif ?>
|
||||
<?= $theme->script("jquery.js") ?>
|
||||
<?= $theme->script("jquery.form.js") ?>
|
||||
<?= $theme->script("jquery-ui.js") ?>
|
||||
<?= $theme->script("gallery.common.js") ?>
|
||||
<? /* MSG_CANCEL is required by gallery.dialog.js */ ?>
|
||||
<script type="text/javascript">
|
||||
var MSG_CANCEL = <?= t('Cancel')->for_js() ?>;
|
||||
</script>
|
||||
<?= $theme->script("gallery.ajax.js") ?>
|
||||
<?= $theme->script("gallery.dialog.js") ?>
|
||||
<?= $theme->script("superfish/js/superfish.js") ?>
|
||||
<?= $theme->script("jquery.localscroll.js") ?>
|
||||
<?= $theme->script("ui.init.js") ?>
|
||||
|
||||
<? /* These are page specific, but if we put them before $theme->head() they get combined */ ?>
|
||||
<? if ($theme->page_type == "photo"): ?>
|
||||
<?= $theme->script("jquery.scrollTo.js") ?>
|
||||
<?= $theme->script("gallery.show_full_size.js") ?>
|
||||
<? elseif ($theme->page_type == "movie"): ?>
|
||||
<?= $theme->script("flowplayer.js") ?>
|
||||
<? endif ?>
|
||||
|
||||
<?= $theme->head() ?>
|
||||
</head>
|
||||
|
||||
<body <?= $theme->body_attributes() ?>>
|
||||
<?= $theme->page_top() ?>
|
||||
<div id="doc4" class="yui-t5 g-view">
|
||||
<?= $theme->site_status() ?>
|
||||
<div id="g-header" class="ui-helper-clearfix">
|
||||
<div id="g-banner">
|
||||
<? if ($header_text = module::get_var("gallery", "header_text")): ?>
|
||||
<?= $header_text ?>
|
||||
<? else: ?>
|
||||
<a id="g-logo" class="g-left" href="<?= item::root()->url() ?>" title="<?= t("go back to the Gallery home")->for_html_attr() ?>">
|
||||
<img width="107" height="48" alt="<?= t("Gallery logo: Your photos on your web site")->for_html_attr() ?>" src="<?= url::file("lib/images/logo.png") ?>" />
|
||||
</a>
|
||||
<? endif ?>
|
||||
<?= $theme->user_menu() ?>
|
||||
<?= $theme->header_top() ?>
|
||||
<div id="g-site-menu">
|
||||
<?= $theme->site_menu() ?>
|
||||
</div>
|
||||
<?= $theme->header_bottom() ?>
|
||||
</div>
|
||||
|
||||
<? if (!empty($parents)): ?>
|
||||
<ul class="g-breadcrumbs">
|
||||
<? $i = 0 ?>
|
||||
<? foreach ($parents as $parent): ?>
|
||||
<li<? if ($i == 0) print " class=\"g-first\"" ?>>
|
||||
<!-- Adding ?show=<id> causes Gallery3 to display the page
|
||||
containing that photo. For now, we just do it for
|
||||
the immediate parent so that when you go back up a
|
||||
level you're on the right page. -->
|
||||
<a href="<?= $parent->url($parent == $theme->item()->parent() ?
|
||||
"show={$theme->item()->id}" : null) ?>">
|
||||
<?= html::purify($parent->title) ?>
|
||||
</a>
|
||||
</li>
|
||||
<? $i++ ?>
|
||||
<? endforeach ?>
|
||||
<li class="g-active"><?= html::purify($theme->item()->title) ?></li>
|
||||
</ul>
|
||||
<? endif ?>
|
||||
</div>
|
||||
<div id="bd">
|
||||
<div id="yui-main">
|
||||
<div class="yui-b">
|
||||
<div id="g-content" class="yui-g">
|
||||
<?= $theme->messages() ?>
|
||||
<?= $content ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="g-sidebar" class="yui-b">
|
||||
<? if ($theme->page_type != "login"): ?>
|
||||
<?= new View("sidebar.html") ?>
|
||||
<? endif ?>
|
||||
</div>
|
||||
</div>
|
||||
<div id="g-footer" class="ui-helper-clearfix">
|
||||
<?= $theme->footer() ?>
|
||||
<? if ($footer_text = module::get_var("gallery", "footer_text")): ?>
|
||||
<?= $footer_text ?>
|
||||
<? endif ?>
|
||||
|
||||
<? if (module::get_var("gallery", "show_credits")): ?>
|
||||
<ul id="g-credits" class="g-inline">
|
||||
<?= $theme->credits() ?>
|
||||
</ul>
|
||||
<? endif ?>
|
||||
</div>
|
||||
</div>
|
||||
<?= $theme->page_bottom() ?>
|
||||
</body>
|
||||
</html>
|
||||
44
themes/night_wind/views/pager.html.php
Normal file
44
themes/night_wind/views/pager.html.php
Normal file
@ -0,0 +1,44 @@
|
||||
<?php defined("SYSPATH") or die("No direct script access.") ?>
|
||||
<? // See http://docs.kohanaphp.com/libraries/pagination ?>
|
||||
<ul class="g-pager ui-helper-clearfix">
|
||||
<? /* @todo This message isn't easily localizable */
|
||||
$from_to_msg = t2("Photo %from_number of %count",
|
||||
"Photos %from_number - %to_number of %count",
|
||||
$total_items,
|
||||
array("from_number" => $current_first_item,
|
||||
"to_number" => $current_last_item,
|
||||
"count" => $total_items)) ?>
|
||||
<li>
|
||||
<? if ($first_page): ?>
|
||||
<a href="<?= str_replace('{page}', 1, $url) ?>" class="g-button ui-icon-left ui-state-default ui-corner-all">
|
||||
<span class="ui-icon ui-icon-seek-first"></span><?= t("First") ?></a>
|
||||
<? else: ?>
|
||||
<a class="g-button ui-icon-left ui-state-disabled ui-corner-all">
|
||||
<span class="ui-icon ui-icon-seek-first"></span><?= t("First") ?></a>
|
||||
<? endif ?>
|
||||
<? if ($previous_page): ?>
|
||||
<a href="<?= str_replace('{page}', $previous_page, $url) ?>" class="g-button ui-icon-left ui-state-default ui-corner-all">
|
||||
<span class="ui-icon ui-icon-seek-prev"></span><?= t("Previous") ?></a>
|
||||
<? else: ?>
|
||||
<a class="g-button ui-icon-left ui-state-disabled ui-corner-all">
|
||||
<span class="ui-icon ui-icon-seek-prev"></span><?= t("Previous") ?></a>
|
||||
<? endif ?>
|
||||
</li>
|
||||
<li class="g-info"><?= $from_to_msg ?></li>
|
||||
<li class="g-text-right">
|
||||
<? if ($next_page): ?>
|
||||
<a href="<?= str_replace('{page}', $next_page, $url) ?>" class="g-button ui-icon-right ui-state-default ui-corner-all">
|
||||
<span class="ui-icon ui-icon-seek-next"></span><?= t("Next") ?></a>
|
||||
<? else: ?>
|
||||
<a class="g-button ui-state-disabled ui-icon-right ui-corner-all">
|
||||
<span class="ui-icon ui-icon-seek-next"></span><?= t("Next") ?></a>
|
||||
<? endif ?>
|
||||
<? if ($last_page): ?>
|
||||
<a href="<?= str_replace('{page}', $last_page, $url) ?>" class="g-button ui-icon-right ui-state-default ui-corner-all">
|
||||
<span class="ui-icon ui-icon-seek-end"></span><?= t("Last") ?></a>
|
||||
<? else: ?>
|
||||
<a class="g-button ui-state-disabled ui-icon-right ui-corner-all">
|
||||
<span class="ui-icon ui-icon-seek-end"></span><?= t("Last") ?></a>
|
||||
<? endif ?>
|
||||
</li>
|
||||
</ul>
|
||||
59
themes/night_wind/views/photo.html.php
Normal file
59
themes/night_wind/views/photo.html.php
Normal file
@ -0,0 +1,59 @@
|
||||
<?php defined("SYSPATH") or die("No direct script access.") ?>
|
||||
|
||||
<? if (access::can("view_full", $theme->item())): ?>
|
||||
<!-- Use javascript to show the full size as an overlay on the current page -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$(".g-fullsize-link").click(function() {
|
||||
$.gallery_show_full_size(<?= html::js_string($theme->item()->file_url()) ?>, "<?= $theme->item()->width ?>", "<?= $theme->item()->height ?>");
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<? endif ?>
|
||||
|
||||
<div id="g-item">
|
||||
<?= $theme->photo_top() ?>
|
||||
|
||||
<ul class="g-pager ui-helper-clearfix">
|
||||
<li>
|
||||
<? if ($previous_item): ?>
|
||||
<a href="<?= $previous_item->url() ?>" class="g-button ui-icon-left ui-state-default ui-corner-all">
|
||||
<span class="ui-icon ui-icon-triangle-1-w"></span><?= t("previous") ?></a>
|
||||
<? else: ?>
|
||||
<a class="g-button ui-icon-left ui-state-disabled ui-corner-all">
|
||||
<span class="ui-icon ui-icon-triangle-1-w"></span><?= t("previous") ?></a>
|
||||
<? endif; ?>
|
||||
</li>
|
||||
<li class="g-info"><?= t("%position of %total", array("position" => $position, "total" => $sibling_count)) ?></li>
|
||||
<li class="g-text-right">
|
||||
<? if ($next_item): ?>
|
||||
<a href="<?= $next_item->url() ?>" class="g-button ui-icon-right ui-state-default ui-corner-all">
|
||||
<span class="ui-icon ui-icon-triangle-1-e"></span><?= t("next") ?></a>
|
||||
<? else: ?>
|
||||
<a class="g-button ui-icon-right ui-state-disabled ui-corner-all">
|
||||
<span class="ui-icon ui-icon-triangle-1-e"></span><?= t("next") ?></a>
|
||||
<? endif ?>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div id="g-photo">
|
||||
<?= $theme->resize_top($item) ?>
|
||||
<? if (access::can("view_full", $item)): ?>
|
||||
<a href="<?= $item->file_url() ?>" class="g-fullsize-link" title="<?= t("View full size")->for_html_attr() ?>">
|
||||
<? endif ?>
|
||||
<?= $item->resize_img(array("id" => "g-photo-id-{$item->id}", "class" => "g-resize")) ?>
|
||||
<? if (access::can("view_full", $item)): ?>
|
||||
</a>
|
||||
<? endif ?>
|
||||
<?= $theme->resize_bottom($item) ?>
|
||||
<?= $theme->context_menu($item, "#g-photo-id-{$item->id}") ?>
|
||||
</div>
|
||||
|
||||
<div id="g-info">
|
||||
<h1><?= html::purify($item->title) ?></h1>
|
||||
<div><?= nl2br(html::purify($item->description)) ?></div>
|
||||
</div>
|
||||
|
||||
<?= $theme->photo_bottom() ?>
|
||||
</div>
|
||||
16
themes/night_wind/views/sidebar.html.php
Normal file
16
themes/night_wind/views/sidebar.html.php
Normal file
@ -0,0 +1,16 @@
|
||||
<?php defined("SYSPATH") or die("No direct script access.") ?>
|
||||
<?= $theme->sidebar_top() ?>
|
||||
<div id="g-view-menu" class="g-buttonset ui-helper-clearfix">
|
||||
<? if ($page_type == "album"):?>
|
||||
<?= $theme->album_menu() ?>
|
||||
<? elseif ($page_type == "photo") : ?>
|
||||
<?= $theme->photo_menu() ?>
|
||||
<? elseif ($page_type == "movie") : ?>
|
||||
<?= $theme->movie_menu() ?>
|
||||
<? elseif ($page_type == "tag") : ?>
|
||||
<?= $theme->tag_menu() ?>
|
||||
<? endif ?>
|
||||
</div>
|
||||
|
||||
<?= $theme->sidebar_blocks() ?>
|
||||
<?= $theme->sidebar_bottom() ?>
|
||||
Reference in New Issue
Block a user