summaryrefslogtreecommitdiff
path: root/themes/wind/css/screen.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/wind/css/screen.css')
-rw-r--r--themes/wind/css/screen.css432
1 files changed, 187 insertions, 245 deletions
diff --git a/themes/wind/css/screen.css b/themes/wind/css/screen.css
index ec75d310..dac6a899 100644
--- a/themes/wind/css/screen.css
+++ b/themes/wind/css/screen.css
@@ -39,11 +39,11 @@ h1 {
font-size: 1.7em;
}
-#gSearchResults h1 {
+#g-search-results h1 {
margin-bottom: 1em;
}
-#gProgress h1 {
+#g-progress h1 {
font-size: 1.1em;
}
@@ -51,11 +51,11 @@ h2 {
font-size: 1.4em;
}
-#gSidebar .gBlock h2 {
+#g-sidebar .g-block h2 {
font-size: 1.2em;
}
-#gSidebar .gBlock li {
+#g-sidebar .g-block li {
margin-bottom: .6em;
}
@@ -66,7 +66,7 @@ h3 {
/* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a,
-.gMenu a,
+.g-menu a,
#g-dialog a,
.g-button,
.g-button:hover,
@@ -85,11 +85,11 @@ a:hover,
text-decoration: underline;
}
-.gMenu a:hover {
+.g-menu a:hover {
text-decoration: none;
}
-#g-dialog #gMessage li {
+#g-dialog #g-action-status li {
width: 400px;
white-space: normal;
padding-left: 32px;
@@ -101,7 +101,7 @@ table {
width: 100%;
}
-#gContent table {
+#g-content table {
margin: 1em 0;
}
@@ -125,9 +125,9 @@ fieldset {
padding-bottom: .8em;
}
-#gBanner fieldset,
-#gSidebar fieldset,
-.gShortForm fieldset {
+#g-banner fieldset,
+#g-sidebar fieldset,
+.g-short-form fieldset {
border: none;
}
@@ -136,11 +136,11 @@ legend {
margin-left: 1em;
}
-#gBanner legend,
-#gSidebar legend,
-#gContent #gSearchForm legend,
+#g-banner legend,
+#g-sidebar legend,
+#g-content #g-search-form legend,
input[type="hidden"],
-.gShortForm label {
+.g-short-form label {
display: none;
}
@@ -206,23 +206,18 @@ input[type="reset"] {
/* Form validation ~~~~~~~~~~~~~~~~~~~~~~~ */
-.gValidationRule {
- font-size: 80%;
- margin-top: .5em;
-}
-
-form.gError input[type="text"],
-li.gError input[type="text"],
-form.gError input[type="password"],
-li.gError input[type="password"],
-form.gError input[type="checkbox"],
-li.gError input[type="checkbox"],
-form.gError input[type="radio"],
-li.gError input[type="radio"],
-form.gError textarea,
-li.gError textarea,
-form.gError select,
-li.gError select {
+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;
}
@@ -230,91 +225,91 @@ li.gError select {
* 3) Reusable content blocks
*********************************************************************/
-.gBlock {
+.g-block {
clear: both;
margin-bottom: 2.5em;
}
-.gBlock h2 {
+.g-block h2 {
background-color: #e8e8e8;
padding: .3em .8em;
}
-.gBlockContent {
+.g-block-content {
margin-top: 1em;
}
/* Status messages ~~~~~~~~~~~~~~~~~~~~~~~ */
-#gContent #gMessage {
+#g-content #g-action-status {
width: 100%;
}
-#gSiteStatus li,
-#gMessage li,
-.gModuleStatus {
+#g-site-status li,
+#g-action-status li,
+.g-module-status {
border: 1px solid #ccc;
margin-bottom: .4em;
}
-#gSiteStatus li {
+#g-site-status li {
margin-bottom: 0;
border: none;
border-bottom: 1px solid #ccc;
}
-.gModuleStatus {
+.g-module-status {
clear: both;
margin-bottom: 1em;
}
-.gError,
-.gInfo,
-.gSuccess,
-.gWarning {
+.g-error,
+.g-info,
+.g-success,
+.g-warning {
background-position: .4em 50%;
background-repeat: no-repeat;
padding: .4em .5em .4em 30px;
}
-.gError {
+.g-error {
background-color: #f6cbca;
background-image: url('../../../lib/images/ico-error.png');
}
-.gInfo {
+.g-info {
background-color: #e8e8e8;
background-image: url('../../../lib/images/ico-info.png');
}
-.gSuccess {
+.g-success {
background-color: #d9efc2;
background-image: url('../../../lib/images/ico-success.png');
}
-.gWarning {
+.g-warning {
background-color: #fcf9ce;
background-image: url('../../../lib/images/ico-warning.png');
}
-form .gError,
-.gPager .gInfo {
+form .g-error,
+.g-pager .g-info {
background-color: #fff !important;
}
-.gPager .gInfo {
+.g-pager .g-info {
background-image: none !important;
padding: 0 !important;
}
/* Inline layout (forms, lists) ~~~~~~~~~~ */
-.gShortForm li {
+.g-short-form li {
float: left;
padding: .4em 0;
}
-.gShortForm input[type="text"] {
+.g-short-form input[type="text"] {
color: #666;
padding: .3em .6em;
width: 11em;
@@ -326,7 +321,7 @@ form .gError,
/* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */
-.gView {
+.g-view {
background-color: #fff;
border: 1px solid #ccc;
border-bottom: none;
@@ -334,11 +329,11 @@ form .gError,
/* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */
-#gHeader {
+#g-header {
margin-bottom: 1em;
}
-#gBanner {
+#g-banner {
background-color: #e8e8e8;
border-bottom: 1px solid #ccc;
font-size: .8em;
@@ -347,20 +342,20 @@ form .gError,
position: relative;
}
-#gContent {
+#g-content {
font-size: 1.2em;
padding-left: 20px;
position: relative;
width: 696px;
}
-#gSidebar {
+#g-sidebar {
font-size: .9em;
padding: 0 20px;
width: 220px;
}
-#gFooter {
+#g-footer {
background-color: #e8e8e8;
border-top: 1px solid #ccc;
font-size: .8em;
@@ -374,38 +369,38 @@ form .gError,
/* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-#gBanner #gLogo img {
+#g-banner #g-logo img {
margin: 0;
}
-#gBanner #gQuickSearchForm {
+#g-banner #g-quick-search-form {
clear: right;
float: right;
margin-top: 1em;
}
-#gBanner #gQuickSearchForm input[type='text'] {
+#g-banner #g-quick-search-form input[type='text'] {
width: 17em;
}
-#gContent .gBlock h2 {
+#g-content .g-block h2 {
background-color: transparent;
padding-left: 0;
}
-#gSidebar .gBlockContent {
+#g-sidebar .g-block-content {
padding-left: 1em;
}
/* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */
-#gContent #gAlbumGrid {
+#g-content #g-album-grid {
margin: 1em 0;
position: relative;
z-index: 1;
}
-#gContent #gAlbumGrid .gItem {
+#g-content #g-album-grid .g-item {
background-color: #fff;
border: 1px solid #fff;
float: left;
@@ -417,21 +412,21 @@ form .gError,
z-index: 1;
}
-#gContent #gAlbumGrid .gItem h2 {
+#g-content #g-album-grid .g-item h2 {
margin: 5px 0;
}
-#gContent .gPhoto h2,
-#gContent .gItem .gMetadata {
+#g-content .g-photo h2,
+#g-content .g-item .g-metadata {
display: none;
margin-bottom: .6em;
}
-#gContent #gAlbumGrid .gAlbum {
+#g-content #g-album-grid .g-album {
background-color: #e8e8e8;
}
-#gContent #gAlbumGrid .gAlbum h2 span {
+#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;
@@ -439,18 +434,18 @@ form .gError,
width: 16px;
}
-#gContent #gAlbumGrid .gHoverItem {
+#g-content #g-album-grid .g-hover-item {
border: 1px solid #000;
position: absolute !important;
z-index: 1000 !important;
}
-#gContent .gHoverItem h2,
-#gContent .gHoverItem .gMetadata {
+#g-content .g-hover-item h2,
+#g-content .g-hover-item .g-metadata {
display: block;
}
-#gContent #gAlbumGrid #gPlaceHolder {
+#g-content #g-album-grid #g-place-holder {
position: relative;
visibility: hidden;
z-index: 1;
@@ -458,80 +453,80 @@ form .gError,
/* Individual photo content ~~~~~~~~~~~~~~ */
-#gContent #gItem {
+#g-content #g-item {
position: relative;
width: 99%;
}
-#gContent #gPhoto {
+#g-content #g-photo {
position: relative;
}
-#gContent #gItem .gFullSizeLink img {
+#g-content #g-item .g-fullsize-link img {
display: block;
margin: 1em auto !important;
}
-#gContent #gComments {
+#g-content #g-comments {
margin-top: 2em;
position: relative;
}
-#gContent #gComments ul li {
+#g-content #g-comments ul li {
margin: 1em 0;
}
-#gContent #gComments .gAuthor {
+#g-content #g-comments .g-author {
border-bottom: 1px solid #ccc;
color: #999;
height: 32px;
line-height: 32px;
}
-#gContent #gComments ul li div {
+#g-content #g-comments ul li div {
padding: 0 8px 8px 43px;
}
-#gContent #gComments ul li #gRecaptcha {
+#g-content #g-comments ul li #g-recaptcha {
padding: 0;
}
-#gContent #gComments ul li #gRecaptcha div {
+#g-content #g-comments ul li #g-recaptcha div {
padding: 0;
}
-#gContent #gComments .gAvatar {
+#g-content #g-comments .g-avatar {
height: 32px;
margin-right: .4em;
width: 32px;
}
-#gAddCommentButton {
+#g-admin-comment-button {
position: absolute;
right: 0;
top: 2px;
}
-#gContent #gAddCommentForm {
+#g-content #g-comment-form {
margin-top: 2em;
}
/* Footer content ~~~~~~~~~~~~~~~~~~~~~~~~ */
-#gBanner #gLoginMenu li,
-#gFooter #gCredits li {
+#g-banner #g-login-menu li,
+#g-footer #g-credits li {
display: inline;
}
-#gBanner #gLoginMenu li {
+#g-banner #g-login-menu li {
padding-left: 1.2em;
}
-#gFooter #gCredits li {
+#g-footer #g-credits li {
padding-right: 1.2em;
}
-#gContent #gSearchResults {
+#g-content #g-search-results {
margin-top: 1em;
padding-top: 1em;
}
@@ -540,245 +535,185 @@ form .gError,
* 5) Navigation and menus
*********************************************************************/
-#gSiteMenu,
-#gTagCloud ul {
+#g-site-menu,
+#g-tag-cloud ul {
font-size: 1.2em;
}
/* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-#gBanner #gLoginMenu {
+#g-banner #g-login-menu {
color: #999;
float: right;
}
/* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-#gSiteMenu {
+#g-site-menu {
bottom: 0;
display: none;
left: 140px;
position: absolute;
}
-#gSiteMenu ul {
+#g-site-menu ul {
margin-bottom: 0 !important;
}
/* Context Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-.gContextMenu {
+.g-context-menu {
background-color: #fff;
bottom: 0;
left: 0;
position: absolute;
}
-.gItem .gContextMenu {
+.g-item .g-context-menu {
display: none;
margin-top: 2em;
width: 100%;
}
-#gItem .gContextMenu {
+#g-item .g-context-menu {
font-size: .7em;
}
-#gItem .gContextMenu ul {
+#g-item .g-context-menu ul {
display: none;
}
-.gContextMenu li {
+.g-context-menu li {
border-left: none;
border-right: none;
border-bottom: none;
}
-.gContextMenu li a {
+.g-context-menu li a {
display: block;
line-height: 1.6em;
}
-.gHoverItem .gContextMenu {
+.g-hover-item .g-context-menu {
display: block;
}
-.gHoverItem .gContextMenu li {
+.g-hover-item .g-context-menu li {
text-align: left;
}
-.gHoverItem .gContextMenu a:hover {
+.g-hover-item .g-context-menu a:hover {
text-decoration: none;
}
/* View Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-#gViewMenu {
+#g-view-menu {
margin-bottom: 1em;
}
-#gViewMenu a {
+#g-view-menu a {
background-repeat: no-repeat;
background-position: 50% 50%;
height: 28px !important;
width: 43px !important;
}
-#gViewMenu #gHybridLink {
- background-image: url('../images/ico-view-hybrid.png');
-}
-
-#gViewMenu #gSlideshowLink {
+#g-view-menu #g-slideshow-link {
background-image: url('../images/ico-view-slideshow.png');
}
-#gViewMenu .gFullSizeLink {
+#g-view-menu .g-fullsize-link {
background-image: url('../images/ico-view-fullsize.png');
}
-#gViewMenu #gCommentsLink {
+#g-view-menu #g-comments-link {
background-image: url('../images/ico-view-comments.png');
}
-#gViewMenu #gDigibugLink {
+#g-view-menu #g-print-digibug-link {
background-image: url('../images/ico-print.png');
}
-/* Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-.gBreadcrumbs {
- padding: 0 20px;
-}
-
-.gBreadcrumbs li {
- background: transparent url('../images/ico-separator.gif') no-repeat scroll left center;
- float: left;
- padding: 10px 6px 10px 16px !important;
-}
-
-.gBreadcrumbs li.root {
- background: transparent;
-}
-
-.gBreadcrumbs li a,
-.gBreadcrumbs li span {
- display: block;
-}
-
-.gBreadcrumbs li.active,
-.gBreadcrumbs li.active span {
- font-weight: bold;
-}
-
-#g-dialog ul.gBreadcrumbs {
- clear: both;
- margin-left: 0;
- padding-left: 0;
-}
-
-#g-dialog .gBreadcrumbs li {
- font-size: .9em;
-}
-
/* Tags and cloud ~~~~~~~~~~~~~~~~~~~~~~~~ */
-#gTagCloud ul {
+#g-tag-cloud ul {
text-align: justify;
}
-#gTagCloud ul li {
+#g-tag-cloud ul li {
display: inline;
line-height: 1.5em;
text-align: justify;
}
-#gTagCloud ul li a {
+#g-tag-cloud ul li a {
text-decoration: none;
}
-#gTagCloud ul li span {
+#g-tag-cloud ul li span {
display: none;
}
-#gTagCloud ul li.size1 a {
+#g-tag-cloud ul li.size1 a {
color: #9cf;
font-size: 80%;
font-weight: 100;
}
-#gTagCloud ul li.size2 a {
+#g-tag-cloud ul li.size2 a {
color: #69f;
font-size: 90%;
font-weight: 300;
}
-#gTagCloud ul li.size3 a {
+#g-tag-cloud ul li.size3 a {
color: #69c;
font-size: 100%;
font-weight: 500;
}
-#gTagCloud ul li.size4 a {
+#g-tag-cloud ul li.size4 a {
color: #369;
font-size: 110%;
font-weight: 700;
}
-#gTagCloud ul li.size5 a {
+#g-tag-cloud ul li.size5 a {
color: #0e2b52;
font-size: 120%;
font-weight: 900;
}
-#gTagCloud ul li.size6 a {
+#g-tag-cloud ul li.size6 a {
color: #0e2b52;
font-size: 130%;
font-weight: 900;
}
-#gTagCloud ul li.size7 a {
+#g-tag-cloud ul li.size7 a {
color: #0e2b52;
font-size: 140%;
font-weight: 900;
}
-#gTagCloud ul li a:hover {
+#g-tag-cloud ul li a:hover {
color: #f30;
text-decoration: underline;
}
-#gWelcomeMessage p {
+#g-welcome-message p {
padding-bottom: 1em;
}
-/* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-.gPager {
- clear: both;
- margin: 0;
- padding: 5px 0 !important;
- width: 100%;
-}
-
-.gPager li {
- float: left;
- margin: 0;
- width: 30%;
-}
-
-.gPager .gInfo {
- text-align: center;
- width: 40%;
-}
-
/** *******************************************************************
* 6) Browser hacks
*********************************************************************/
-#gHeader:after,
-#gAlbumGrid:after,
-.gPager:after,
-#gViewMenu:after {
+#g-header:after,
+#g-album-grid:after,
+.g-pager:after,
+#g-view-menu:after {
clear: both;
content: ".";
display: block;
@@ -802,26 +737,26 @@ form .gError,
/* Ajax loading indicator ~~~~~~~~~~~~~~~~ */
-.gLoadingLarge {
+.g-loading-large {
background: #e8e8e8 url('../../../lib/images/loading-large.gif') no-repeat center center;
font-size: 0;
}
-.g-dialogLoadingLarge {
+.g-dialog-loading-large {
background: url('../../../lib/images/loading-large.gif') no-repeat center center !important;
font-size: 0;
}
-.gLoadingSmall {
+.g-loading-small {
background: #e8e8e8 url('../../../lib/images/loading-small.gif') no-repeat center center;
font-size: 0;
}
-.gDraggable {
+.g-draggable {
cursor: move;
}
-.gDropTarget {
+.g-drop-target {
background-color: #cfdeff;
border: 1px dotted #999;
height: 100px;
@@ -837,15 +772,15 @@ form .gError,
/* jQuery UI ThemeRoller buttons */
-.gButtonSet {
+.g-buttonset {
padding-left: 1px;
}
-.gButtonSet li {
+.g-buttonset li {
float: left;
}
-.gButtonSet .g-button {
+.g-buttonset .g-button {
margin: 0;
}
@@ -869,36 +804,36 @@ form .gError,
/* STUFF THAT NEEDS A HOME */
-#gMove ul {
+#g-move ul {
padding-left: 1em;
}
-#gMove .selected {
+#g-move .selected {
background: #999;
}
/* Server Add */
-#gServerAdd button {
+#g-server-add button {
margin-bottom: .5em;
}
-#gServerAddTree {
+#g-server-add-tree {
cursor: pointer;
padding-left: 4px;
width: 95%;
}
-#gServerAddTree li {
+#g-server-add-tree li {
padding: 0;
float: none;
}
-#gServerAddTree span.selected {
+#g-server-add-tree span.selected {
background: #ddd;
}
-#gServerAddTree {
+#g-server-add-tree {
border: 1px solid #ccc;
height: 20em;
overflow: auto;
@@ -906,59 +841,66 @@ form .gError,
padding: .5em;
}
-#gServerAdd ul ul li {
+#g-server-add ul ul li {
padding-left: 1.2em;
}
/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-#gEditPermissionForm {
+#g-edit-permissions-form {
clear: both;
}
-#gEditPermissionForm fieldset {
- border: 1px solid #cccccc;
+
+#g-edit-permissions-form td {
+ background-image: none;
+}
+
+#g-edit-permissions-form fieldset {
+ border: 1px solid #ccc;
padding: 0;
}
-#gPermissions .gDenied,
-#gPermissions .gAllowed {
+#g-permissions .g-denied,
+#g-permissions .g-allowed {
text-align: center;
vertical-align: middle;
}
-#gPermissions .gDenied {
+
+#g-permissions .g-denied {
background-color: #fcc;
}
-#gPermissions .gAllowed {
+
+#g-permissions .g-allowed {
background-color: #cfc;
}
/*************** STUFF THAT NEEDS A HOME ****************/
-.gProgressBar {
+.g-progress-bar {
height: 1em;
width: 100%;
margin-top: .5em;
display: inline-block;
}
-#gAddPhotos #SWFUpload_0 {
+#g-add-photos #SWFUpload_0 {
position: relative;
top: -200px;
left: 134px;
}
-#gAddPhotos .gBreadcrumbs {
+#g-add-photos .g-breadcrumbs {
border: 0;
margin: 0;
padding-left:10px;
}
-#gAddPhotosCanvas {
+#g-add-photos-canvas {
border: 1px solid #CCCCCC;
margin: .5em 0 .5em 0;
width: 469px;
height: 325px;
overflow: auto;
}
-#gAddPhotos button {
+#g-add-photos button {
margin-bottom: .5em;
float: right;
}
@@ -970,73 +912,73 @@ form .gError,
cursor: pointer;
}
-#gAddPhotosCanvas {
+#g-add-photos-canvas {
}
-#gAddPhotosQueue .progressbar {
+#g-add-photos-queue .progressbar {
height: 4px;
}
-#gAddPhotosQueue .title {
+#g-add-photos-queue .title {
font-size: 1.25em;
}
-#gAddPhotosQueue .status {
+#g-add-photos-queue .status {
font-size: .75em;
}
-#gAddPhotosQueue .box {
+#g-add-photos-queue .box {
margin-bottom: 8px;
padding: 4px;
}
-#gAddPhotosQueue .pending {
+#g-add-photos-queue .pending {
background-color: #e8e8e8;
border: 1px solid #d7d7d7;
}
-#gAddPhotosQueue .error {
+#g-add-photos-queue .error {
background-color: #fcc;
border: 1px solid #ebb;
}
-#gAddPhotosQueue .uploading {
+#g-add-photos-queue .uploading {
background-color: #ff9;
border: 1px solid #ee8;
}
-#gAddPhotosQueue .complete {
+#g-add-photos-queue .complete {
background-color: #cfc;
border: 1px solid #beb;
}
-#gAdminG2ImportNotes {
+#g-admin-g2-import-notes {
padding-bottom: 20px;
}
-#gAdminG2ImportDetails {
+#g-admin-g2-import-details {
padding-top: 20px;
}
-#gAdminG2ImportDetails .gWarning {
+#g-admin-g2-import-details .g-warning {
margin-top: 4px;
}
-#gAdminG2ImportDetails .gInfo {
+#g-admin-g2-import-details .g-info {
padding: 2px;
border: 1px solid #999;
margin-bottom: 10px;
}
-#gAdminG2ImportNotes p,
-#gAdminG2ImportDetails .gInfo p {
+#g-admin-g2-import-notes p,
+#g-admin-g2-import-details .g-info p {
padding: 0;
margin: 0;
}
-#gAdminG2ImportNotes ul li,
-#gAdminG2Import .gInfo ul li {
+#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;
@@ -1054,9 +996,9 @@ form .gError,
text-align: right;
}
-.rtl #gHeader #gQuickSearchForm,
-.rtl #gForgotPasswordLink,
-.rtl #gHeader #gLoginMenu,
+.rtl #g-header #g-quick-search-form,
+.rtl #g-reset-password,
+.rtl #g-header #g-login-menu,
.rtl .ui-icon-right .ui-icon {
clear: left;
float: left;
@@ -1066,13 +1008,13 @@ form .gError,
.rtl form ul ul li,
.rtl input[type="submit"],
.rtl input[type="reset"],
-.rtl .gShortForm li,
-.rtl #gHeader #gLogo img,
-.rtl #gContent #gAlbumGrid .gItem,
-.rtl #gSiteMenu,
-.rtl .gBreadcrumbs li,
-.rtl .gPager li,
-.rtl .gButtonSet li,
+.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;
}