From dbeadc1407293d0c7af36723db6fe5699890b845 Mon Sep 17 00:00:00 2001
From: Bharat Mediratta
Date: Wed, 22 Jul 2009 14:27:57 -0700
Subject: Use the Kohana cascading filesystem to locate resources loaded by the
theme. Because the theme comes first, this means that themes can override
any module resources, at the cost that we no longer have namespacing for JS
and CSS files.
The only file getting used outside of this model is
themes/default/screen.css which is used in the admin theme. I fixed
that by copying screen.css into admin_default and renaming its
screen.css to admin_screen.css. I also copied over all the images
that it was referencing.
Fixes tickets #48 and #539.
Theme API changes:
- theme_script(), theme_url() and theme_css() are no longer needed
- script(), url() and css() now refer to the first matching asset in
the module load path, where gallery3/lib is at the end of the path
---
themes/admin_default/css/screen.css | 1149 +++++++++++++++++++++++++++--------
1 file changed, 891 insertions(+), 258 deletions(-)
(limited to 'themes/admin_default/css/screen.css')
diff --git a/themes/admin_default/css/screen.css b/themes/admin_default/css/screen.css
index d408acf0..88631e81 100644
--- a/themes/admin_default/css/screen.css
+++ b/themes/admin_default/css/screen.css
@@ -1,313 +1,774 @@
/**
- * Gallery 3 Default Admin Theme Screen Styles
+ * Gallery 3 Default Theme Screen Styles
*
- * Extends themes/default/css/screen.css
+ * @requires YUI reset, font, grids CSS
*
- * 1) Basic HTML elements
- * 2) Reusable content blocks
- * 3) Page layout containers
- * 4) Content blocks in specific layout containers
- * 5) Browser hacks
- * 6) jQuery and jQuery UI
- * 7) Server Add
- * 8) Digibug Print Administration
+ * Sheet organization:
+ * 1) Basic HTML elements
+ * 2) Reusable classes
+ * 3) Reusable content blocks
+ * 4) Page layout containers
+ * 5) Content blocks in specific layout containers
+ * 6) Navigation and menus
+ * 7) Browser hacks
+ * 8) jQuery and jQuery UI
+ * 9) Right-to-left language styles
*/
/** *******************************************************************
* 1) Basic HTML elements
**********************************************************************/
-/** *******************************************************************
- * 2) Reusable content blocks
- **********************************************************************/
+body, html {
+ background-color: #ccc;
+ font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+}
-.gBlock {
- background-color: #fff;
- border: 1px solid #ccc;
+p {
margin-bottom: 1em;
- padding: 1em;
}
-#gSidebar .gBlockContent {
- padding: 0;
+em {
+ font-style: oblique;
+}
+
+h1, h2, h3, h4, h5, strong, th {
+ font-weight: bold;
+}
+
+h1 {
+ font-size: 1.7em;
+}
+
+#gSearchResults h1 {
+ margin-bottom: 1em;
+}
+
+#gProgress h1 {
+ font-size: 1.1em;
+}
+
+h2 {
+ font-size: 1.4em;
+}
+
+#gSidebar .gBlock h2 {
+ font-size: 1.2em;
+}
+
+#gSidebar .gBlock li {
+ margin-bottom: .6em;
}
-.gSelected img,
-.gAvailable .gBlock img {
+h3 {
+ font-size: 1.2em;
+}
+
+/* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+a,
+.gMenu a,
+#gDialog a,
+.gButtonLink,
+.gButtonLink:hover,
+.gButtonLink:active {
+ color: #5382BF !important;
+ text-decoration: none;
+ -moz-outline-style: none;
+}
+
+a:hover,
+#gDialog a:hover {
+ text-decoration: underline;
+}
+
+.gMenu a:hover {
+ text-decoration: none;
+}
+
+#gDialog .gCancel {
+ clear: none;
float: left;
- margin-right: 1em;
+ margin: .3em 1em;
}
-.rtl .gSelected img,
-.rtl .gAvailable .gBlock img {
+#gForgotPasswordLink {
float: right;
- margin-left: 1em;
+ font-size: .9em;
}
-.gSelected {
- background: #e8e8e8;
+#gDialog .gCancel {
+ float: left;
}
-.gAvailable .gInstalledToolkit:hover {
- cursor: pointer;
- background: #eee;
+/* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+table {
+ width: 100%;
+}
+
+#gContent 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;
+}
+
+#gHeader fieldset,
+#gSidebar fieldset,
+.gShortForm fieldset {
+ border: none;
}
-.gAvailable .gButtonLink {
- width: 96%;
+legend {
+ font-weight: bold;
+ margin-left: 1em;
}
-.gSelected .gButtonLink {
+#gHeader legend,
+#gSidebar legend,
+#gContent #gSearchForm legend,
+input[type="hidden"],
+.gShortForm label {
display: none;
}
-.gUnavailable {
- border-color: #999;
- opacity: 0.4;
+label {
+ cursor: help;
}
-.gOddRow {
- background-color: #eee;
+input[type="text"],
+input[type="password"] {
+ width: 50%;
}
-.gEvenRow {
- background-color: #fff;
+input[type="text"],
+input[type="password"],
+textarea {
+ border: 1px solid #e8e8e8;
+ border-top-color: #ccc;
+ border-left-color: #ccc;
+ color: #333;
}
-/** *******************************************************************
- * 3) Page layout containers
- **********************************************************************/
+textarea {
+ width: 100%;
+ height: 12em;
+}
-.gView {
- min-width: 974px !important;
+input:focus,
+textarea:focus,
+option:focus {
+ background-color: #ffc;
+ color: #000;
}
-#gHeader {
- background-color: #e8e8e8;
- border-bottom: 1px solid #ccc;
- margin-bottom: 20px;
- padding: 0 20px;
+/* Form layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+form li {
+ margin: 0 !important;
+ padding: .3em 1.5em .3em 1em;
}
-#gContent {
- font-size: 1.1em;
- width: 96%;
+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 ~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.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 {
+ border: 2px solid red;
}
/** *******************************************************************
- * 4) Content blocks in specific layout containers
+ * 2) Reusable generic classes
*********************************************************************/
-#gHeader #gLogo {
+.inactive, .understate {
+ color: #ccc;
+ font-weight: normal;
+}
+
+.left {
float: left;
- margin: -22px 10px 0 0;
- display: block;
- padding-left: 2px;
- width: 105px; /* 107px - padding-left */
- height: 48px;
- background-image: url('../../default/images/logo.png');
- color: #A5A5A5 ! important;
-}
-#gHeader #gLogo:hover {
- color: #FF6600 ! important;
- text-decoration: none;
+ margin: 1em 1em 1em 0;
}
-#gHeader #gLoginMenu {
- float: none;
- margin: 0;
- padding: 5px 0 10px 0;
+.right {
+ float: right;
+ margin: 1em 0 1em 1em;
+}
+
+.txtright {
text-align: right;
}
+/** *******************************************************************
+ * 3) Reusable content blocks
+ *********************************************************************/
+
+.gBlock {
+ clear: both;
+ margin-bottom: 2.5em;
+}
+
+.gBlock h2 {
+ background-color: #e8e8e8;
+ padding: .3em .8em;
+}
-.rtl #gHeader #gLoginMenu {
- text-align: left;
+.gBlockContent {
+ margin-top: 1em;
}
-#gHeader #gSiteAdminMenu {
- float: left;
- font-size: 1.2em;
+/* Status messages ~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gMessage {
+ width: 99%;
}
-.rtl #gHeader #gSiteAdminMenu {
- float: right;
+#gAdminAkismet .gSuccess,
+#gSiteStatus li,
+#gMessage li {
+ border: 1px solid #ccc;
+ margin-bottom: .4em;
}
-#gHeader #gSiteAdminMenu ul {
+#gSiteStatus li {
margin-bottom: 0;
+ border: none;
+ border-bottom: 1px solid #ccc;
}
-.gBlock .ui-dialog-titlebar {
- margin: -1em -1em 0;
+#gSiteStatus .gError,
+#gMessage .gError,
+form p.gError,
+#gSiteStatus .gInfo,
+#gMessage .gInfo,
+#gSiteStatus .gSuccess,
+#gMessage .gSuccess,
+#gSiteStatus .gWarning,
+#gMessage .gWarning {
+ background-position: .4em 50%;
+ background-repeat: no-repeat;
+ padding: .4em .5em .4em 30px;
}
-#gSidebar .gBlock h2 {
- background: none;
+.gError {
+ background-color: #fcc;
+}
+
+form .gError {
+ color: #f00;
+}
+
+#gSiteStatus .gError,
+#gMessage .gError,
+form p.gError {
+ background-image: url('../images/ico-error.png');
}
-#gPhotoStream {
+.gInfo {
background-color: #e8e8e8;
}
-#gPhotoStream .gBlockContent ul {
- border-right: 1px solid #e8e8e8;
- height: 135px;
- overflow: auto;
- overflow: -moz-scrollbars-horizontal; /* for FF */
- overflow-x: scroll; /* scroll horizontal */
- overflow-y: hidden; /* Hide vertical*/
+#gSiteStatus .gInfo,
+#gMessage .gInfo {
+ background-image: url('../images/ico-info.png');
+}
+
+.gSuccess {
+ background-color: #96EF95;
+}
+
+#gSiteStatus .gSuccess,
+#gMessage .gSuccess {
+ background-image: url('../images/ico-success.png');
+}
+
+.gWarning {
+ background-color: #ff9;
+}
+
+#gSiteStatus .gWarning,
+#gMessage .gWarning {
+ background-image: url('../images/ico-warning.png');
}
-#gContent #gPhotoStream .gItem {
+form .gError,
+.gPager .gInfo {
background-color: #fff;
- border: 1px solid #e8e8e8;
- border-right-color: #ccc;
- border-bottom-color: #ccc;
+}
+
+#gAdminMaintenance .gError,
+#gAdminMaintenance .gInfo,
+#gAdminMaintenance .gWarning,
+#gAdminMaintenance .gSuccess {
+ background-image: none;
+}
+
+/* Inline layout (forms, lists) ~~~~~~~~~~ */
+
+.gShortForm li {
float: left;
- height: 90px;
- overflow: hidden;
- text-align: center;
- width: 90px;
+ padding: .4em 0;
}
-.rtl #gContent #gPhotoStream .gItem {
- float: right;
+.gShortForm input[type="text"] {
+ color: #666;
+ padding: .3em .6em;
+ width: 11em;
}
-#gSiteStatus {
- margin-bottom: 0;
+/*** ******************************************************************
+ * 4) Page layout containers
+ *********************************************************************/
+
+/* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.gView {
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-bottom: none;
+}
+
+/* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */
+
+#gHeader {
+ background-color: #e8e8e8;
+ border-bottom: 1px solid #fff;
+ font-size: .8em;
+ margin-bottom: 1em;
+ padding: 1em 20px 0 20px;
}
-#gContent .gItem {
+#gContent {
+ font-size: 1.2em;
+ padding-left: 20px;
+ width: 696px;
+}
+
+#gSidebar {
background-color: #fff;
+ font-size: .9em;
+ padding: 0 20px;
+ width: 220px;
+}
+
+#gFooter {
+ background-color: #e8e8e8;
+ border-top: 1px solid #ccc;
+ font-size: .8em;
+ margin-top: 20px;
+ padding: 10px 20px;
+}
+
+/** *******************************************************************
+ * 5) Content blocks in specific layout containers
+ *********************************************************************/
+
+/* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gHeader #gLogo img {
+ float: left;
+ margin: -4px 10px 0 0;
+}
+
+#gHeader #gQuickSearchForm {
+ clear: right;
+ float: right;
+ margin: 1em 0;
+}
+
+#gHeader #gQuickSearchForm input[type='text'] {
+ width: 17em;
+}
+
+#gContent .gBlock h2 {
+ background-color: transparent;
+ padding-left: 0;
+}
+
+#gSidebar .gBlockContent {
+ padding-left: 1em;
+}
+
+/* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gContent #gAlbumGrid {
+ margin: 1em 0;
+}
+
+#gContent #gAlbumGrid .gItem {
border: 1px solid #e8e8e8;
border-right-color: #ccc;
border-bottom-color: #ccc;
- height: 90px;
- padding: 14px 8px;
+ float: left;
+ font-size: .7em;
+ height: 240px;
+ overflow: hidden;
+ padding: 15px 8px 30px 8px;
+ position: relative;
text-align: center;
- width: 90px;
+ width: 213px;
+}
+
+#gContent #gAlbumGrid .gItem h2 {
+ margin: 5px 0;
}
-#gAdminCommentsMenu {
+#gContent #gAlbumGrid .gAlbum {
+ background-color: #e8e8e8;
+}
+
+#gContent #gAlbumGrid .gAlbum h2 span {
+ background: transparent url('../images/ico-album.png') no-repeat top left !important;
+ display: inline-block;
+ height: 16px;
+ margin-right: 5px;
+ width: 16px;
+}
+
+/* Individual photo content ~~~~~~~~~~~~~~ */
+
+#gContent #gItem {
+ width: 99%;
+}
+
+#gContent #gPhoto {
+ position: relative;
+}
+
+#gContent #gItem .gFullSizeLink img {
+ display: block;
+ margin: 1em auto !important;
+}
+
+#gContent #gComments {
+ margin-top: 2em;
+}
+
+#gContent #gComments ul li {
margin: 1em 0;
}
-#gAdminCommentsMenu a {
- margin: 0;
- padding: .2em .6em;
+#gContent #gComments .gAuthor {
+ border-bottom: 1px solid #ccc;
+ color: #999;
+ height: 32px;
+ line-height: 32px;
}
-#gAdminGraphics .gAvailable .gBlock {
- clear: none;
- float: left;
- height: 16em;
- margin-right: 1em;
- width: 30%;
+#gContent #gComments ul li div {
+ padding: 0 8px 8px 43px;
+}
+
+#gContent #gComments ul li #gRecaptcha {
+ padding: 0;
+}
+
+#gContent #gComments ul li #gRecaptcha div {
+ padding: 0;
+}
+
+#gContent #gComments .gAvatar {
+ height: 32px;
+ margin-right: .4em;
+ width: 32px;
+}
+
+#gContent #gAddCommentForm {
+ margin-top: 2em;
+}
+
+/* Footer content ~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gHeader #gLoginMenu li,
+#gFooter #gCredits li {
+ display: inline;
+}
+
+#gHeader #gLoginMenu li {
+ padding-left: 1.2em;
+}
+
+#gFooter #gCredits li {
+ padding-right: 1.2em;
+}
+
+#gContent #gSearchResults {
+ margin-top: 1em;
+ padding-top: 1em;
+}
+
+/** *******************************************************************
+ * 5) Navigation and menus
+ *********************************************************************/
+
+#gSiteMenu,
+.gBreadcrumbs,
+#gTagCloud ul {
+ font-size: 1.2em;
}
-.rtl #gAdminGraphics .gAvailable .gBlock {
+/* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gHeader #gLoginMenu {
+ color: #999;
float: right;
- margin-left: 1em;
- margin-right: 0em;
}
-#gSiteTheme,
-#gAdminTheme {
+/* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gSiteMenu {
float: left;
- width: 48%;
+ margin-top: 20px;
+ padding: 0 20px 0 0;
}
-.rtl #gSiteTheme,
-.rtl #gAdminTheme {
- float: right;
+#gSiteMenu ul {
+ margin-bottom: 0;
+}
+
+/* Thumb Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gContent .gThumbMenu {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ width: 100%;
}
-#gSiteTheme {
- margin-right: 1em;
+#gContent .gThumbMenu li {
+ border-left: none;
+ border-right: none;
+ border-bottom: none;
}
-#gUserAdminList {
+#gContent .gThumbMenu li li {
+ padding: .3em;
+}
+
+#gContent .gThumbMenu a:hover {
+ text-decoration: none;
+}
+
+/* View Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gViewMenu {
margin-bottom: 1em;
}
-#gUserAdminList td {
- vertical-align: bottom;
+
+#gViewMenu a {
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ height: 28px !important;
+ width: 43px !important;
}
-#gUserAdminList .gDraggable:hover {
- border: 1px dashed black;
+#gViewMenu #gHybridLink {
+ background-image: url('../images/ico-view-hybrid.png');
}
-#gUserAdminList .admin {
- color: #55f;
- font-weight: bold;
+#gViewMenu #gSlideshowLink {
+ background-image: url('../images/ico-view-slideshow.png');
+}
+
+#gViewMenu .gFullSizeLink {
+ background-image: url('../images/ico-view-fullsize.png');
}
-.gActions a,
-.gActions span {
- margin-right: 3em;
+#gViewMenu #gCommentsLink {
+ background-image: url('../images/ico-view-comments.png');
+}
+
+#gViewMenu #gDigibugLink {
+ background-image: url('../images/ico-print.png');
+}
+
+/* Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+.gBreadcrumbs {
+ background-color: #fff;
+ border-top: 1px solid #ccc;
+ clear: both;
+ margin: 0 -20px;
+ padding-left: 20px;
}
-li.gGroup {
+.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;
- width: 200px;
- border: 1px solid gray;
- padding: 0;
- margin: 0 1em 1em 0;
}
-.rtl li.gGroup {
- float: right;
+.gBreadcrumbs li.active,
+.gBreadcrumbs li.active span {
+ font-weight: bold;
}
-li.gGroup h4 {
- background-color: #EEEEEE;
- border-bottom: 1px dashed #CCCCCC;
- padding: .5em 0 .5em .5em;
+#gAddPhotos .gBreadcrumbs {
+ font-size: .9em;
}
-li.gGroup .gButtonLink {
- padding: 0;
+
+/* Tags and cloud ~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gTagCloud ul {
+ text-align: justify;
}
-li.gGroup ul, li.gGroup div {
- height: 180px;
- margin: 1px;
- overflow: auto;
- padding-top: .2em;
+
+#gTagCloud ul li {
+ display: inline;
+ line-height: 1.5em;
+ text-align: justify;
}
-li.gGroup div p {
- color: gray;
- text-align: center;
- padding: 2em .5em 0 .5em
+
+#gTagCloud ul li a {
+ text-decoration: none;
}
-li.gGroup .gUser {
- padding: .2em 0 0 .5em;
+
+#gTagCloud ul li span {
+ display: none;
}
-li.gGroup .gUser .gButtonLink {
- vertical-align: middle;
+
+#gTagCloud ul li.size1 a {
+ color: #9cf;
+ font-size: 80%;
+ font-weight: 100;
+}
+
+#gTagCloud ul li.size2 a {
+ color: #69f;
+ font-size: 90%;
+ font-weight: 300;
+}
+
+#gTagCloud ul li.size3 a {
+ color: #69c;
+ font-size: 100%;
+ font-weight: 500;
+}
+
+#gTagCloud ul li.size4 a {
+ color: #369;
+ font-size: 110%;
+ font-weight: 700;
}
-li.gDefaultGroup h4, li.gDefaultGroup .gUser {
- color: gray;
+#gTagCloud ul li.size5 a {
+ color: #0e2b52;
+ font-size: 120%;
+ font-weight: 900;
}
-#gAdminAdvancedSettings tr.setting:hover {
- background: #ffc;
+#gTagCloud ul li.size6 a {
+ color: #0e2b52;
+ font-size: 130%;
+ font-weight: 900;
+}
+
+#gTagCloud ul li.size7 a {
+ color: #0e2b52;
+ font-size: 140%;
+ font-weight: 900;
+}
+
+#gTagCloud ul li a:hover {
+ color: #f30;
+ text-decoration: underline;
+}
+
+/* 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%;
}
/** *******************************************************************
- * 5) Browser hacks
+ * 6) Browser hacks
*********************************************************************/
+#gSiteMenu:after,
#gHeader:after,
-#gAdminCommentsMenu:after,
-#gGroupAdmin:after,
-.gSelected:after,
-.gAvailable .gBlock:after,
-#gModuleCreateForm ul li ul:after,
-#gDeveloperTools:after,
-#gPhotoStream:after {
+.gBreadcrumbs:after,
+#gAlbumGrid:after,
+.gPager:after,
+#gViewMenu:after {
clear: both;
content: ".";
display: block;
@@ -316,143 +777,315 @@ li.gDefaultGroup h4, li.gDefaultGroup .gUser {
}
/** *******************************************************************
- * 6) jQuery and jQuery UI
+ * 7) jQuery and jQuery UI
*********************************************************************/
-#gPanel {
- display: none;
- padding: 1em;
+/* Superfish menu overrides ~~~~~~~~~~~~~~ */
+
+.sf-menu li li, .sf-menu li li ul li {
+ background-color: #bdd2ff;
}
-#gPanel legend {
- display: none;
+.sf-menu li:hover {
+ background-color: #dfe9ff;
}
-#gPanel fieldset {
- border: none;
+/* Ajax loading indicator ~~~~~~~~~~~~~~~~ */
+
+.gLoadingLarge {
+ background: #e8e8e8 url('../images/loading-lg.gif') no-repeat center center;
+ font-size: 0;
+}
+
+.gDialogLoadingLarge {
+ background: url('../images/loading-lg.gif') no-repeat center center !important;
+ font-size: 0;
}
-.ui-draggable {
+.gLoadingSmall {
+ background: #e8e8e8 url('../images/loading-sm.gif') no-repeat center center;
+ font-size: 0;
+}
+
+.gDraggable {
cursor: move;
}
-.gButtonSetVertical a {
- width: 8em !important;
+.gDropTarget {
+ background-color: #cfdeff;
+ border: 1px dotted #999;
+ height: 100px;
+ margin: 1em 0;
+}
+
+/* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */
+
+.ui-widget-overlay {
+ background: #000;
+ opacity: .7;
+ filter: Alpha(Opacity=70);
}
-#gAdminDashboard .ui-dialog-titlebar,
-#gAdminDashboardSidebar .ui-dialog-titlebar {
- padding: .2em .4em;
+#gDialog {
+ text-align: left;
}
-/**** Stuff that needs a home! ****/
-#gTagAdmin {
- table-layout: fixed;
+#gDialog li {
+ padding-left: 0;
}
-#gTagAdmin td {
- border: 0;
+
+#gDialog form input[type="text"],
+#gDialog form input[type="password"] {
+ width: 100%;
}
-#gTagAdmin ul {
- padding-bottom: .3em;
+
+#gDialog #gLoginForm,
+#gDialog #gAddUserForm,
+#gDialog #gAddGroupForm {
+ margin: 0 auto;
+ width: 270px;
}
-#gTagAdmin li {
- padding: .1em 0 .2em .3em;
+
+#gDialog fieldset {
+ border: none;
}
-#gTagAdmin .gColumn {
- float: left;
- width: 200px;
+
+#gDialog legend {
+ display: none;
}
-.rtl #gTagAdmin .gColumn {
- float: right;
+
+/* jQuery UI ThemeRoller buttons */
+
+.gButtonLink {
+ display: inline-block;
+ margin: 0 4px 0 0;
+ padding: .2em .4em;
+ outline: 0;
}
-.gEditable {
- padding: .1em .3em .2em .3em;
+
+.gButtonSet {
+ padding-left: 1px;
}
-.gEditable:hover {
- background-color: #ffc;
- cursor: text;
+
+.gButtonSet li {
+ float: left;
}
-#gRenameTagForm input {
- padding: 0 .2em 0 .2em;
- clear: none;
+
+.gButtonSet .gButtonLink {
+ margin: 0;
+}
+
+.ui-icon-left .ui-icon {
float: left;
- margin: 0 .2em 0 0;
+ margin-right: .2em;
}
-.rtl #gRenameTagForm input {
+
+.ui-icon-right .ui-icon {
float: right;
+ margin-left: .2em;
}
-#gRenameTagForm input[type="submit"] {
- height: 25px;
+
+.ui-icon-rotate-ccw {
+ background-position: -192px -64px;
}
-#gRenameTagForm a, #gRenameTagForm span {
- display: block;
- float: left;
- padding: .2em .2em 0 .1em;
+
+.ui-icon-rotate-cw {
+ background-position: -208px -64px;
}
-.rtl #gRenameTagForm a, #gRenameTagForm span {
- float: right;
+
+/* STUFF THAT NEEDS A HOME */
+
+#gMove ul {
+ padding-left: 1em;
}
-#gProgress button {
- float: right;
- margin-top: 1em;
+
+#gMove .selected {
+ background: #999;
}
-.rtl #gProgress button {
+
+/* Server Add */
+
+#gServerAdd button {
float: left;
+ margin-bottom: .5em;
}
-#gTaskLogDialog h1 {
- font-size: 1.1em;
+#gServerAddTree {
+ cursor: pointer;
+ padding-left: 4px;
}
-.gTaskLog {
- border: 1pt solid;
- font-size: .9em;
- height: 400px;
- margin: .5em 0;
+#gServerAddTree li {
+ padding: 0;
+ float: none;
+}
+
+#gServerAddTree span.selected {
+ background: #ddd;
+}
+
+#gServerAddTree {
+ border: 1px solid #ccc;
+ height: 25em;
overflow: auto;
- padding: .5em
+ margin-bottom: .5em;
+ padding-top: .5em;
+ padding-bottom: .5em;
}
+#gServerAdd ul ul li {
+ padding-left: 1.2em;
+}
-/** *******************************************************************
- * 7) Server Add
- *********************************************************************/
-#gServerAddAdmin {
- margin:auto;
- text-align: left;
+#gServerAdd .gBreadcrumbs {
+ font-size: 1em;
+ padding: 0;
+ margin: 0;
+ border-top-width: 0;
}
-.rtl #gServerAddAdmin {
- text-align: right;
+#gServerAdd p {
+ margin: 0;
}
-#gServerAddAdmin form fieldset {
- border: medium none;
+#gServerAdd .gBreadcrumbs li {
+ padding: 10px 6px 10px 16px;
}
-#gServerAddAdmin legend {
- display: none;
+/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gPermissions .gDenied,
+#gPermissions .gAllowed {
+ text-align: center;
+ vertical-align: middle;
+}
+#gPermissions .gDenied {
+ background-color: #fcc;
}
+#gPermissions .gAllowed {
+ background-color: #cfc;
+}
+
+/*************** STUFF THAT NEEDS A HOME ****************/
-#gServerAddAdmin .gWarning {
- background-color: #FFFF99;
+.gProgressBar {
+ height: 1em;
+ width: 100%;
+ margin-top: .5em;
+ display: inline-block;
}
-#gAuthorizedPath {
- margin: 0 !important;
- padding: 0.3em 1.5em 0.3em 1em;
+#gAddPhotos p {
+ margin: 0;
+ padding: 0;
}
-#gServerAdd Admin #path {
- width: 80%;
+#gAddPhotosCanvas {
+ height: 325px;
+ width: 450px;
+ overflow: auto;
}
-.gRemoveDir:hover {
- cursor: pointer;
+#gAddPhotosQueue .progressbar {
+ height: 4px;
}
-#gLanguageSettingsForm .checklist li {
- width: 150px;
- overflow: hidden;
+#gAddPhotosQueue .title {
+ font-size: 1.25em;
+}
+
+#gAddPhotosQueue .status {
+ font-size: .75em;
+}
+
+#gAddPhotosQueue .box {
+ margin-bottom: 8px;
+ padding: 4px;
+}
+
+#gAddPhotosQueue .pending {
+ background-color: #e8e8e8;
+ border: 1px solid #d7d7d7;
+}
+
+#gAddPhotosQueue .error {
+ background-color: #fcc;
+ border: 1px solid #ebb;
+}
+
+#gAddPhotosQueue .uploading {
+ background-color: #ff9;
+ border: 1px solid #ee8;
+}
+
+#gAddPhotosQueue .complete {
+ background-color: #cfc;
+ border: 1px solid #beb;
+}
+
+#gAdminG2ImportNotes {
+ padding-bottom: 20px;
+}
+
+#gAdminG2ImportDetails {
+ padding-top: 20px;
+}
+
+#gAdminG2ImportDetails .gWarning {
+ margin-top: 4px;
+}
+
+#gAdminG2ImportDetails .gInfo {
+ padding: 2px;
+ border: 1px solid #999;
+ margin-bottom: 10px;
+}
+
+#gAdminG2ImportNotes p,
+#gAdminG2ImportDetails .gInfo p {
+ padding: 0;
+ margin: 0;
+}
+
+#gAdminG2ImportNotes ul li,
+#gAdminG2Import .gInfo ul li {
+ padding-left: 0;
+ margin-left: 20px;
+ list-style-type: disc;
+}
+
+/* Right to left styles ~~~~~~~~~~~~~~~~~~~~ */
+
+.rtl {
+ direction: rtl;
+}
+
+.rtl caption,
+.rtl th,
+.rtl #gDialog {
+ text-align: right;
+}
+
+.rtl #gHeader #gQuickSearchForm,
+.rtl #gForgotPasswordLink,
+.rtl #gHeader #gLoginMenu,
+.rtl .ui-icon-right .ui-icon {
+ clear: left;
+ float: left;
+}
+
+.rtl #gDialog .gCancel,
+.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 .ui-icon-left .ui-icon {
+ float: right;
}
--
cgit v1.2.3
From c428e49f3273f04fd220107b4992e6177aa1b265 Mon Sep 17 00:00:00 2001
From: Chad Kieffer
Date: Fri, 28 Aug 2009 15:24:21 -0600
Subject: Make gMessage 100% of the width of its container.
---
themes/admin_default/css/screen.css | 2 +-
themes/default/css/screen.css | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
(limited to 'themes/admin_default/css/screen.css')
diff --git a/themes/admin_default/css/screen.css b/themes/admin_default/css/screen.css
index 88631e81..062c0e41 100644
--- a/themes/admin_default/css/screen.css
+++ b/themes/admin_default/css/screen.css
@@ -276,7 +276,7 @@ li.gError select {
/* Status messages ~~~~~~~~~~~~~~~~~~~~~~~ */
#gMessage {
- width: 99%;
+ width: 100%;
}
#gAdminAkismet .gSuccess,
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index 26339e35..8a8f634a 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -276,7 +276,7 @@ li.gError select {
/* Status messages ~~~~~~~~~~~~~~~~~~~~~~~ */
#gMessage {
- width: 99%;
+ width: 100%;
}
#gAdminAkismet .gSuccess,
--
cgit v1.2.3
From 5db0b68a70434a16d8881a6e560a9526530a8a60 Mon Sep 17 00:00:00 2001
From: Chad Kieffer
Date: Sat, 29 Aug 2009 14:01:04 -0600
Subject: Update status message styles. Lighten backgrounds, don't show
background on Admin Maintenance rows, and added gModuleStatus class.
---
modules/akismet/views/admin_akismet.html.php | 2 +-
modules/comment/views/admin_comments.html.php | 2 +-
modules/gallery/views/admin_graphics_gd.html.php | 12 ++--
.../views/admin_graphics_graphicsmagick.html.php | 10 +--
.../views/admin_graphics_imagemagick.html.php | 10 +--
modules/gallery/views/admin_graphics_none.html.php | 5 +-
modules/gallery/views/admin_maintenance.html.php | 16 +++--
modules/gallery/views/admin_modules.html.php | 2 +-
themes/admin_default/css/admin_screen.css | 9 ++-
themes/admin_default/css/screen.css | 80 ++++++++++------------
themes/default/css/screen.css | 60 +++++-----------
11 files changed, 92 insertions(+), 116 deletions(-)
(limited to 'themes/admin_default/css/screen.css')
diff --git a/modules/akismet/views/admin_akismet.html.php b/modules/akismet/views/admin_akismet.html.php
index 410902a5..009d8810 100644
--- a/modules/akismet/views/admin_akismet.html.php
+++ b/modules/akismet/views/admin_akismet.html.php
@@ -8,7 +8,7 @@
if ($valid_key): ?>
-
+
= t("Your API Key is valid. Your comments will be filtered!") ?>
endif ?>
diff --git a/modules/comment/views/admin_comments.html.php b/modules/comment/views/admin_comments.html.php
index 9fe7164b..03511d91 100644
--- a/modules/comment/views/admin_comments.html.php
+++ b/modules/comment/views/admin_comments.html.php
@@ -103,7 +103,7 @@
foreach ($comments as $i => $comment): ?>
-
$i = 0 ?>
foreach ($available as $module_name => $module_info): ?>
-
">
+ ">
$data = array("name" => $module_name); ?>
if ($module_info->locked) $data["disabled"] = 1; ?>
= form::checkbox($data, '1', module::is_active($module_name)) ?>
diff --git a/themes/admin_default/css/admin_screen.css b/themes/admin_default/css/admin_screen.css
index 913631dc..7e468442 100644
--- a/themes/admin_default/css/admin_screen.css
+++ b/themes/admin_default/css/admin_screen.css
@@ -35,13 +35,12 @@
.gSelected img,
.gAvailable .gBlock img {
float: left;
- margin-right: 1em;
+ margin: 0 1em 1em 0;
}
.rtl .gSelected img,
.rtl .gAvailable .gBlock img {
float: right;
- margin-left: 1em;
}
.gSelected {
@@ -202,7 +201,7 @@
#gAdminGraphics .gAvailable .gBlock {
clear: none;
float: left;
- height: 16em;
+ height: 17em;
margin-right: 1em;
width: 30%;
}
@@ -263,8 +262,8 @@ li.gGroup {
}
li.gGroup h4 {
- background-color: #EEEEEE;
- border-bottom: 1px dashed #CCCCCC;
+ background-color: #eee;
+ border-bottom: 1px dashed ccc;
padding: .5em 0 .5em .5em;
}
li.gGroup .gButtonLink {
diff --git a/themes/admin_default/css/screen.css b/themes/admin_default/css/screen.css
index 062c0e41..c275eb10 100644
--- a/themes/admin_default/css/screen.css
+++ b/themes/admin_default/css/screen.css
@@ -108,7 +108,7 @@ table {
}
#gContent table {
- margin: 1em 0;
+ margin: 1em 0 3em 0;
}
caption,
@@ -124,6 +124,10 @@ td {
vertical-align: top;
}
+#gAdminMaintenance td {
+ vertical-align: middle;
+}
+
/* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
fieldset {
@@ -279,9 +283,9 @@ li.gError select {
width: 100%;
}
-#gAdminAkismet .gSuccess,
#gSiteStatus li,
-#gMessage li {
+#gMessage li,
+.gModuleStatus {
border: 1px solid #ccc;
margin-bottom: .4em;
}
@@ -292,71 +296,62 @@ li.gError select {
border-bottom: 1px solid #ccc;
}
-#gSiteStatus .gError,
-#gMessage .gError,
-form p.gError,
-#gSiteStatus .gInfo,
-#gMessage .gInfo,
-#gSiteStatus .gSuccess,
-#gMessage .gSuccess,
-#gSiteStatus .gWarning,
-#gMessage .gWarning {
+.gModuleStatus {
+ clear: both;
+ margin-bottom: 1em;
+}
+
+.gError,
+.gInfo,
+.gSuccess,
+.gWarning {
background-position: .4em 50%;
background-repeat: no-repeat;
padding: .4em .5em .4em 30px;
}
.gError {
- background-color: #fcc;
-}
-
-form .gError {
- color: #f00;
-}
-
-#gSiteStatus .gError,
-#gMessage .gError,
-form p.gError {
+ background-color: #f6cbca;
+ color: red;
background-image: url('../images/ico-error.png');
}
.gInfo {
background-color: #e8e8e8;
-}
-
-#gSiteStatus .gInfo,
-#gMessage .gInfo {
background-image: url('../images/ico-info.png');
}
.gSuccess {
- background-color: #96EF95;
-}
-
-#gSiteStatus .gSuccess,
-#gMessage .gSuccess {
+ background-color: #d9efc2;
background-image: url('../images/ico-success.png');
}
.gWarning {
- background-color: #ff9;
+ background-color: #fcf9ce;
+ background-image: url('../images/ico-warning.png');
}
-#gSiteStatus .gWarning,
-#gMessage .gWarning {
- background-image: url('../images/ico-warning.png');
+table .gError {
+ background-color: #f6cbca !important;
+}
+
+table .gWarning {
+ background-color: #fcf9ce !important;
}
+.gPager .gInfo,
form .gError,
-.gPager .gInfo {
- background-color: #fff;
+table .gInfo,
+table .gSuccess {
+ background-color: transparent !important;
}
-#gAdminMaintenance .gError,
-#gAdminMaintenance .gInfo,
-#gAdminMaintenance .gWarning,
-#gAdminMaintenance .gSuccess {
- background-image: none;
+.gPager .gInfo,
+table .gError,
+table .gInfo,
+table .gSuccess,
+table .gWarning {
+ background-image: none !important;
}
/* Inline layout (forms, lists) ~~~~~~~~~~ */
@@ -823,7 +818,6 @@ form .gError,
.ui-widget-overlay {
background: #000;
opacity: .7;
- filter: Alpha(Opacity=70);
}
#gDialog {
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index d39152e4..82cdb331 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -279,9 +279,9 @@ li.gError select {
width: 100%;
}
-#gAdminAkismet .gSuccess,
#gSiteStatus li,
-#gMessage li {
+#gMessage li,
+.gModuleStatus {
border: 1px solid #ccc;
margin-bottom: .4em;
}
@@ -292,71 +292,49 @@ li.gError select {
border-bottom: 1px solid #ccc;
}
-#gSiteStatus .gError,
-#gMessage .gError,
-form p.gError,
-#gSiteStatus .gInfo,
-#gMessage .gInfo,
-#gSiteStatus .gSuccess,
-#gMessage .gSuccess,
-#gSiteStatus .gWarning,
-#gMessage .gWarning {
+.gModuleStatus {
+ clear: both;
+ margin-bottom: 1em;
+}
+
+.gError,
+.gInfo,
+.gSuccess,
+.gWarning {
background-position: .4em 50%;
background-repeat: no-repeat;
padding: .4em .5em .4em 30px;
}
.gError {
- background-color: #fcc;
-}
-
-form .gError {
- color: #f00;
-}
-
-#gSiteStatus .gError,
-#gMessage .gError,
-form p.gError {
+ background-color: #f6cbca;
+ color: #fc0;
background-image: url('../images/ico-error.png');
}
.gInfo {
background-color: #e8e8e8;
-}
-
-#gSiteStatus .gInfo,
-#gMessage .gInfo {
background-image: url('../images/ico-info.png');
}
.gSuccess {
- background-color: #96EF95;
-}
-
-#gSiteStatus .gSuccess,
-#gMessage .gSuccess {
+ background-color: #d9efc2;
background-image: url('../images/ico-success.png');
}
.gWarning {
- background-color: #ff9;
-}
-
-#gSiteStatus .gWarning,
-#gMessage .gWarning {
+ background-color: #fcf9ce;
background-image: url('../images/ico-warning.png');
}
form .gError,
.gPager .gInfo {
- background-color: #fff;
+ background-color: #fff !important;
}
-#gAdminMaintenance .gError,
-#gAdminMaintenance .gInfo,
-#gAdminMaintenance .gWarning,
-#gAdminMaintenance .gSuccess {
- background-image: none;
+.gPager .gInfo {
+ background-image: none !important;
+ padding: 0 !important;
}
/* Inline layout (forms, lists) ~~~~~~~~~~ */
--
cgit v1.2.3
From 80ae2fe4bf8d5872d0aeb18559fa8b099d07282f Mon Sep 17 00:00:00 2001
From: Chad Kieffer
Date: Sun, 30 Aug 2009 23:51:31 -0600
Subject: Finish this pass at the Admin Maintenance view. Re-introduce status
icons, put Cancel All, Delete All buttons in the action heading cell.
---
modules/gallery/views/admin_maintenance.html.php | 20 +++++++++-----------
themes/admin_default/css/screen.css | 7 +------
themes/default/css/screen.css | 1 -
3 files changed, 10 insertions(+), 18 deletions(-)
(limited to 'themes/admin_default/css/screen.css')
diff --git a/modules/gallery/views/admin_maintenance.html.php b/modules/gallery/views/admin_maintenance.html.php
index 05bc0923..4bca8653 100644
--- a/modules/gallery/views/admin_maintenance.html.php
+++ b/modules/gallery/views/admin_maintenance.html.php
@@ -22,7 +22,7 @@
$i = 0; ?>
foreach ($task_definitions as $task): ?>
">
-
+
= $task->name ?>
@@ -42,10 +42,6 @@
if ($running_tasks->count()): ?>
-
"
- class="gButtonLink ui-icon-left ui-state-default ui-corner-all right">
- = t("cancel all") ?>
-
= t("Running Tasks") ?>
@@ -66,12 +62,15 @@
= t("Action") ?>
+ "
+ class="gButtonLink ui-icon-left ui-state-default ui-corner-all right">
+ = t("cancel all") ?>
$i = 0; ?>
foreach ($running_tasks as $task): ?>
= ($i % 2 == 0) ? "gOddRow" : "gEvenRow" ?>">
-
+ ">
= gallery::date_time($task->updated) ?>
@@ -116,10 +115,6 @@
if ($finished_tasks->count()): ?>
-
"
- class="gButtonLink ui-icon-left ui-state-default ui-corner-all right">
- = t("remove all finished") ?>
-
= t("Finished Tasks") ?>
@@ -140,12 +135,15 @@
= t("Action") ?>
+ "
+ class="gButtonLink ui-icon-left ui-state-default ui-corner-all right">
+ = t("remove all finished") ?>
$i = 0; ?>
foreach ($finished_tasks as $task): ?>
= ($i % 2 == 0) ? "gOddRow" : "gEvenRow" ?>">
-
+ ">
= gallery::date_time($task->updated) ?>
diff --git a/themes/admin_default/css/screen.css b/themes/admin_default/css/screen.css
index c275eb10..21b2b31c 100644
--- a/themes/admin_default/css/screen.css
+++ b/themes/admin_default/css/screen.css
@@ -312,7 +312,6 @@ li.gError select {
.gError {
background-color: #f6cbca;
- color: red;
background-image: url('../images/ico-error.png');
}
@@ -346,11 +345,7 @@ table .gSuccess {
background-color: transparent !important;
}
-.gPager .gInfo,
-table .gError,
-table .gInfo,
-table .gSuccess,
-table .gWarning {
+.gPager .gInfo {
background-image: none !important;
}
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index 5eb30bde..7cf4cfbe 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -308,7 +308,6 @@ li.gError select {
.gError {
background-color: #f6cbca;
- color: #f00;
background-image: url('../images/ico-error.png');
}
--
cgit v1.2.3
From 39ca803af7a4439fdda3164d79d9435bdaa2b948 Mon Sep 17 00:00:00 2001
From: Chad Kieffer
Date: Mon, 31 Aug 2009 23:51:27 -0600
Subject: Set CSS cursor to hand for jQuery UI ui-state-hover elements. Fixes
all but progress bar cursor. #669
---
modules/gallery/views/admin_maintenance_task.html.php | 2 +-
themes/admin_default/css/admin_screen.css | 7 -------
themes/admin_default/css/screen.css | 9 ++++++++-
themes/default/css/screen.css | 8 ++++++--
4 files changed, 15 insertions(+), 11 deletions(-)
(limited to 'themes/admin_default/css/screen.css')
diff --git a/modules/gallery/views/admin_maintenance_task.html.php b/modules/gallery/views/admin_maintenance_task.html.php
index 0f33d508..bfc6ef44 100644
--- a/modules/gallery/views/admin_maintenance_task.html.php
+++ b/modules/gallery/views/admin_maintenance_task.html.php
@@ -57,7 +57,7 @@
= t("Starting up...") ?>
-
+
= t("Pause") ?>
= t("Close") ?>
diff --git a/themes/admin_default/css/admin_screen.css b/themes/admin_default/css/admin_screen.css
index fd1ed02e..a8c16ae5 100644
--- a/themes/admin_default/css/admin_screen.css
+++ b/themes/admin_default/css/admin_screen.css
@@ -391,13 +391,6 @@ li.gDefaultGroup h4, li.gDefaultGroup .gUser {
.rtl #gRenameTagForm a, #gRenameTagForm span {
float: right;
}
-#gProgress button {
- float: right;
- margin-top: 1em;
-}
-.rtl #gProgress button {
- float: left;
-}
#gTaskLogDialog h1 {
font-size: 1.1em;
diff --git a/themes/admin_default/css/screen.css b/themes/admin_default/css/screen.css
index 21b2b31c..eb8f9224 100644
--- a/themes/admin_default/css/screen.css
+++ b/themes/admin_default/css/screen.css
@@ -71,7 +71,10 @@ a,
#gDialog a,
.gButtonLink,
.gButtonLink:hover,
-.gButtonLink:active {
+.gButtonLink:active,
+a.ui-state-hover,
+input.ui-state-hover,
+button.ui-state-hover {
color: #5382BF !important;
text-decoration: none;
-moz-outline-style: none;
@@ -1055,6 +1058,10 @@ table .gSuccess {
text-align: right;
}
+.rtl .txtright {
+ text-align: left;
+}
+
.rtl #gHeader #gQuickSearchForm,
.rtl #gForgotPasswordLink,
.rtl #gHeader #gLoginMenu,
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index f6ce26d2..96be8996 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -71,8 +71,12 @@ a,
#gDialog a,
.gButtonLink,
.gButtonLink:hover,
-.gButtonLink:active {
- color: #5382BF !important;
+.gButtonLink:active,
+a.ui-state-hover,
+input.ui-state-hover,
+button.ui-state-hover {
+ color: #5382bf !important;
+ cursor: pointer !important;
text-decoration: none;
-moz-outline-style: none;
}
--
cgit v1.2.3
From bc147d1c6c95c1ba1394f0198d9e5b810071a4ac Mon Sep 17 00:00:00 2001
From: Chad Kieffer
Date: Tue, 1 Sep 2009 23:22:06 -0600
Subject: Merged admin_screen and screen style sheets in the admin theme.
Removed some unsused admin styles in the process. Fixed problem in admin
header that broke the theme's layout in IE7. Moved the Gallery logo and
shortcut icon to lib/images for easier reuse.
---
lib/images/logo.png | Bin 0 -> 10222 bytes
themes/admin_default/css/admin_screen.css | 468 ---------------------
themes/admin_default/css/fix-ie.css | 3 +-
themes/admin_default/css/screen.css | 663 +++++++++++++++++-------------
themes/admin_default/views/admin.html.php | 4 +-
themes/default/images/favicon.ico | Bin 1150 -> 0 bytes
themes/default/images/logo.png | Bin 10222 -> 0 bytes
themes/default/views/page.html.php | 4 +-
8 files changed, 375 insertions(+), 767 deletions(-)
create mode 100644 lib/images/logo.png
delete mode 100644 themes/default/images/favicon.ico
delete mode 100644 themes/default/images/logo.png
(limited to 'themes/admin_default/css/screen.css')
diff --git a/lib/images/logo.png b/lib/images/logo.png
new file mode 100644
index 00000000..7d7b9b9b
Binary files /dev/null and b/lib/images/logo.png differ
diff --git a/themes/admin_default/css/admin_screen.css b/themes/admin_default/css/admin_screen.css
index a8c16ae5..b940bd2d 100644
--- a/themes/admin_default/css/admin_screen.css
+++ b/themes/admin_default/css/admin_screen.css
@@ -1,472 +1,4 @@
-/**
- * Gallery 3 Default Admin Theme Screen Styles
- *
- * Extends themes/default/css/screen.css
- *
- * 1) Basic HTML elements
- * 2) Reusable content blocks
- * 3) Page layout containers
- * 4) Content blocks in specific layout containers
- * 5) Browser hacks
- * 6) jQuery and jQuery UI
- * 7) Server Add
- * 8) Digibug Print Administration
- */
-
-/** *******************************************************************
- * 1) Basic HTML elements
- **********************************************************************/
-
-/** *******************************************************************
- * 2) Reusable content blocks
- **********************************************************************/
-
-.gBlock {
- background-color: #fff;
- border: 1px solid #ccc;
- margin-bottom: 1em;
- padding: 1em;
-}
-
-#gSidebar .gBlockContent {
- padding: 0;
-}
-
-.gSelected img,
-.gAvailable .gBlock img {
- float: left;
- margin: 0 1em 1em 0;
-}
-
-.rtl .gSelected img,
-.rtl .gAvailable .gBlock img {
- float: right;
-}
-
-.gSelected {
- background: #e8e8e8;
-}
-
-.gAvailable .gInstalledToolkit:hover {
- cursor: pointer;
- background: #eee;
-}
-
-.gAvailable .gButtonLink {
- width: 96%;
-}
-
-.gSelected .gButtonLink {
- display: none;
-}
-
-.gUnavailable {
- border-color: #999;
- opacity: 0.4;
-}
-
-.gOddRow {
- background-color: #eee;
-}
-
-.gEvenRow {
- background-color: #fff;
-}
-
-/** *******************************************************************
- * 3) Page layout containers
- **********************************************************************/
-
-.gView {
- min-width: 974px !important;
-}
-
-#gHeader {
- background-color: #e8e8e8;
- border-bottom: 1px solid #ccc;
- margin-bottom: 20px;
- padding: 0 20px;
-}
-
-#gContent {
- font-size: 1.1em;
- width: 96%;
-}
-
-/** *******************************************************************
- * 4) Content blocks in specific layout containers
- *********************************************************************/
-
-#gHeader #gLogo {
- float: left;
- margin: -22px 10px 0 0;
- display: block;
- padding-left: 2px;
- width: 105px; /* 107px - padding-left */
- height: 48px;
- background-image: url('../../default/images/logo.png');
- color: #A5A5A5 ! important;
-}
-#gHeader #gLogo:hover {
- color: #FF6600 ! important;
- text-decoration: none;
-}
-
-#gHeader #gLoginMenu {
- float: none;
- margin: 0;
- padding: 5px 0 10px 0;
- text-align: right;
-}
-
-
-.rtl #gHeader #gLoginMenu {
- text-align: left;
-}
-
-#gHeader #gSiteAdminMenu {
- float: left;
- font-size: 1.2em;
-}
-
-.rtl #gHeader #gSiteAdminMenu {
- float: right;
-}
-
-#gHeader #gSiteAdminMenu ul {
- margin-bottom: 0;
-}
-
-.gBlock .ui-dialog-titlebar {
- margin: -1em -1em 0;
-}
-
-#gSidebar .gBlock h2 {
- background: none;
-}
-
-#gPhotoStream {
- background-color: #e8e8e8;
-}
-
-#gPhotoStream .gBlockContent ul {
- border-right: 1px solid #e8e8e8;
- height: 135px;
- overflow: auto;
- overflow: -moz-scrollbars-horizontal; /* for FF */
- overflow-x: scroll; /* scroll horizontal */
- overflow-y: hidden; /* Hide vertical*/
-}
-
-#gContent #gPhotoStream .gItem {
- background-color: #fff;
- border: 1px solid #e8e8e8;
- border-right-color: #ccc;
- border-bottom-color: #ccc;
- float: left;
- height: 90px;
- overflow: hidden;
- text-align: center;
- width: 90px;
-}
-
-.rtl #gContent #gPhotoStream .gItem {
- float: right;
-}
-
-#gSiteStatus {
- margin-bottom: 0;
-}
-
-#gContent .gItem {
- background-color: #fff;
- border: 1px solid #e8e8e8;
- border-right-color: #ccc;
- border-bottom-color: #ccc;
- height: 90px;
- padding: 14px 8px;
- text-align: center;
- width: 90px;
-}
-
-#gAdminCommentsMenu {
- margin: 1em 0;
-}
-
-#gAdminCommentsMenu a {
- margin: 0;
- padding: .2em .6em;
-}
-
-#gAdminGraphics .gAvailable .gBlock {
- clear: none;
- float: left;
- height: 17em;
- margin-right: 1em;
- width: 30%;
-}
-
-.rtl #gAdminGraphics .gAvailable .gBlock {
- float: right;
- margin-left: 1em;
- margin-right: 0em;
-}
-
-#gSiteTheme,
-#gAdminTheme {
- float: left;
- width: 48%;
-}
-
-.rtl #gSiteTheme,
-.rtl #gAdminTheme {
- float: right;
-}
-
-#gSiteTheme {
- margin-right: 1em;
-}
-
-#gUserAdminList {
- margin-bottom: 1em;
-}
-#gUserAdminList td {
- vertical-align: bottom;
-}
-
-#gUserAdminList .gDraggable:hover {
- border: 1px dashed black;
-}
-
-#gUserAdminList .admin {
- color: #55f;
- font-weight: bold;
-}
-
-.gActions a,
-.gActions span {
- margin-right: 3em;
-}
-
-li.gGroup {
- float: left;
- display: block;
- width: 200px;
- border: 1px solid gray;
- padding: 0;
- margin: 0 1em 1em 0;
-}
-
-.rtl li.gGroup {
- float: right;
-}
-
-li.gGroup h4 {
- background-color: #eee;
- border-bottom: 1px dashed ccc;
- padding: .5em 0 .5em .5em;
-}
-li.gGroup .gButtonLink {
- padding: 0;
-}
-li.gGroup ul, li.gGroup div {
- height: 180px;
- margin: 1px;
- overflow: auto;
- padding-top: .2em;
-}
-li.gGroup div p {
- color: gray;
- text-align: center;
- padding: 2em .5em 0 .5em
-}
-li.gGroup .gUser {
- padding: .2em 0 0 .5em;
-}
-li.gGroup .gUser .gButtonLink {
- vertical-align: middle;
-}
-
-li.gDefaultGroup h4, li.gDefaultGroup .gUser {
- color: gray;
-}
-
-#gAdminAdvancedSettings tr.setting:hover {
- background: #ffc;
-}
-
-/** *******************************************************************
- * 5) Browser hacks
- *********************************************************************/
-
-#gHeader:after,
-#gAdminCommentsMenu:after,
-#gGroupAdmin:after,
-.gSelected:after,
-.gAvailable .gBlock:after,
-#gModuleCreateForm ul li ul:after,
-#gDeveloperTools:after,
-#gPhotoStream:after {
- clear: both;
- content: ".";
- display: block;
- height: 0;
- visibility: hidden;
-}
-
/** *******************************************************************
* 6) jQuery and jQuery UI
*********************************************************************/
-#gPanel {
- display: none;
- padding: 1em;
-}
-
-#gPanel legend {
- display: none;
-}
-
-#gPanel fieldset {
- border: none;
-}
-
-.ui-draggable {
- cursor: move;
-}
-
-.gButtonSetVertical a {
- width: 8em !important;
-}
-
-#gAdminDashboard .ui-dialog-titlebar,
-#gAdminDashboardSidebar .ui-dialog-titlebar {
- padding: .2em .4em;
-}
-
-/**** Stuff that needs a home! ****/
-#gTagAdmin {
- table-layout: fixed;
-}
-#gTagAdmin td {
- border: 0;
-}
-#gTagAdmin ul {
- padding-bottom: .3em;
-}
-#gTagAdmin li {
- padding: .1em 0 .2em .3em;
-}
-#gTagAdmin .gColumn {
- float: left;
- width: 200px;
-}
-.rtl #gTagAdmin .gColumn {
- float: right;
-}
-.gEditable {
- padding: .1em .3em .2em .3em;
-}
-.gEditable:hover {
- background-color: #ffc;
- cursor: text;
-}
-#gRenameTagForm input {
- padding: 0 .2em 0 .2em;
- clear: none;
- float: left;
- margin: 0 .2em 0 0;
-}
-.rtl #gRenameTagForm input {
- float: right;
-}
-#gRenameTagForm input[type="submit"] {
- height: 25px;
-}
-#gRenameTagForm a, #gRenameTagForm span {
- display: block;
- float: left;
- padding: .2em .2em 0 .1em;
-}
-.rtl #gRenameTagForm a, #gRenameTagForm span {
- float: right;
-}
-
-#gTaskLogDialog h1 {
- font-size: 1.1em;
-}
-
-.gTaskLog {
- border: 1pt solid;
- font-size: .9em;
- height: 400px;
- margin: .5em 0;
- overflow: auto;
- padding: .5em
-}
-
-
-/** *******************************************************************
- * 7) Server Add
- *********************************************************************/
-#gServerAddAdmin {
- margin:auto;
- text-align: left;
-}
-
-.rtl #gServerAddAdmin {
- text-align: right;
-}
-
-#gServerAddAdmin form fieldset {
- border: medium none;
-}
-
-#gServerAddAdmin legend {
- display: none;
-}
-
-#gServerAddAdmin .gWarning {
- background-color: #FFFF99;
-}
-
-#gAuthorizedPath {
- margin: 0 !important;
- padding: 0.3em 1.5em 0.3em 1em;
-}
-
-#gServerAdd Admin #path {
- width: 80%;
-}
-
-.gRemoveDir:hover {
- cursor: pointer;
-}
-
-#gLanguagesForm table {
- width: 400px;
- float: left;
- margin: 0 3em 1em 0;
-}
-#gLanguagesForm .installed {
- background-color: #EEEEEE;
-}
-#gLanguagesForm .default {
- background-color: #C5DBEC;
- font-weight: bold;
-}
-#gLanguagesForm input {
- clear: both;
-}
-
-#gTranslations {
- padding: 2em 0 0 0;
- clear: both;
-}
-#gTranslations .gButtonLink {
- padding: .5em;
-}
-
-.gDocLink {
- float: right;
-}
diff --git a/themes/admin_default/css/fix-ie.css b/themes/admin_default/css/fix-ie.css
index 97c619eb..6bc2334c 100644
--- a/themes/admin_default/css/fix-ie.css
+++ b/themes/admin_default/css/fix-ie.css
@@ -1,9 +1,8 @@
/**
- * Fix display in IE
+ * Fix display in IE 6 and 7
*/
#gHeader,
-#gAdminMenu,
#gGroupAdmin,
#gDeveloperTools,
.gAvailable .gBlock {
diff --git a/themes/admin_default/css/screen.css b/themes/admin_default/css/screen.css
index eb8f9224..24328133 100644
--- a/themes/admin_default/css/screen.css
+++ b/themes/admin_default/css/screen.css
@@ -267,8 +267,15 @@ li.gError select {
*********************************************************************/
.gBlock {
+ background-color: #fff;
+ border: 1px solid #ccc;
clear: both;
margin-bottom: 2.5em;
+ padding: 1em;
+}
+
+#gSidebar .gBlockContent {
+ padding: 0;
}
.gBlock h2 {
@@ -280,6 +287,47 @@ li.gError select {
margin-top: 1em;
}
+.gSelected img,
+.gAvailable .gBlock img {
+ float: left;
+ margin: 0 1em 1em 0;
+}
+
+.rtl .gSelected img,
+.rtl .gAvailable .gBlock img {
+ float: right;
+}
+
+.gSelected {
+ background: #e8e8e8;
+}
+
+.gAvailable .gInstalledToolkit:hover {
+ cursor: pointer;
+ background: #eee;
+}
+
+.gAvailable .gButtonLink {
+ width: 96%;
+}
+
+.gSelected .gButtonLink {
+ display: none;
+}
+
+.gUnavailable {
+ border-color: #999;
+ opacity: 0.4;
+}
+
+.gOddRow {
+ background-color: #eee;
+}
+
+.gEvenRow {
+ background-color: #fff;
+}
+
/* Status messages ~~~~~~~~~~~~~~~~~~~~~~~ */
#gMessage {
@@ -375,22 +423,24 @@ table .gSuccess {
background-color: #fff;
border: 1px solid #ccc;
border-bottom: none;
+ min-width: 974px !important;
}
/* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */
#gHeader {
background-color: #e8e8e8;
- border-bottom: 1px solid #fff;
+ border-bottom: 1px solid #ccc;
font-size: .8em;
- margin-bottom: 1em;
- padding: 1em 20px 0 20px;
+ margin-bottom: 20px;
+ padding: 0 20px;
+ position: relative;
}
#gContent {
- font-size: 1.2em;
+ font-size: 1.1em;
padding-left: 20px;
- width: 696px;
+ width: 96%;
}
#gSidebar {
@@ -414,9 +464,18 @@ table .gSuccess {
/* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-#gHeader #gLogo img {
- float: left;
- margin: -4px 10px 0 0;
+#gHeader #gLogo {
+ background: transparent url('../../../lib/images/logo.png') no-repeat 0 .5em;
+ color: #A5A5A5 !important;
+ display: block;
+ height: 55px;
+ padding-top: 5px;
+ width: 105px;
+}
+
+#gHeader #gLogo:hover {
+ color: #f60 !important;
+ text-decoration: none;
}
#gHeader #gQuickSearchForm {
@@ -438,94 +497,6 @@ table .gSuccess {
padding-left: 1em;
}
-/* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-#gContent #gAlbumGrid {
- margin: 1em 0;
-}
-
-#gContent #gAlbumGrid .gItem {
- border: 1px solid #e8e8e8;
- border-right-color: #ccc;
- border-bottom-color: #ccc;
- float: left;
- font-size: .7em;
- height: 240px;
- overflow: hidden;
- padding: 15px 8px 30px 8px;
- position: relative;
- text-align: center;
- width: 213px;
-}
-
-#gContent #gAlbumGrid .gItem h2 {
- margin: 5px 0;
-}
-
-#gContent #gAlbumGrid .gAlbum {
- background-color: #e8e8e8;
-}
-
-#gContent #gAlbumGrid .gAlbum h2 span {
- background: transparent url('../images/ico-album.png') no-repeat top left !important;
- display: inline-block;
- height: 16px;
- margin-right: 5px;
- width: 16px;
-}
-
-/* Individual photo content ~~~~~~~~~~~~~~ */
-
-#gContent #gItem {
- width: 99%;
-}
-
-#gContent #gPhoto {
- position: relative;
-}
-
-#gContent #gItem .gFullSizeLink img {
- display: block;
- margin: 1em auto !important;
-}
-
-#gContent #gComments {
- margin-top: 2em;
-}
-
-#gContent #gComments ul li {
- margin: 1em 0;
-}
-
-#gContent #gComments .gAuthor {
- border-bottom: 1px solid #ccc;
- color: #999;
- height: 32px;
- line-height: 32px;
-}
-
-#gContent #gComments ul li div {
- padding: 0 8px 8px 43px;
-}
-
-#gContent #gComments ul li #gRecaptcha {
- padding: 0;
-}
-
-#gContent #gComments ul li #gRecaptcha div {
- padding: 0;
-}
-
-#gContent #gComments .gAvatar {
- height: 32px;
- margin-right: .4em;
- width: 32px;
-}
-
-#gContent #gAddCommentForm {
- margin-top: 2em;
-}
-
/* Footer content ~~~~~~~~~~~~~~~~~~~~~~~~ */
#gHeader #gLoginMenu li,
@@ -546,190 +517,198 @@ table .gSuccess {
padding-top: 1em;
}
-/** *******************************************************************
- * 5) Navigation and menus
- *********************************************************************/
-
-#gSiteMenu,
-.gBreadcrumbs,
-#gTagCloud ul {
- font-size: 1.2em;
+.gBlock .ui-dialog-titlebar {
+ margin: -1em -1em 0;
}
-/* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+#gSidebar .gBlock h2 {
+ background: none;
+}
-#gHeader #gLoginMenu {
- color: #999;
- float: right;
+#gPhotoStream {
+ background-color: #e8e8e8;
}
-/* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+#gPhotoStream .gBlockContent ul {
+ border-right: 1px solid #e8e8e8;
+ height: 135px;
+ overflow: auto;
+ overflow: -moz-scrollbars-horizontal; /* for FF */
+ overflow-x: scroll; /* scroll horizontal */
+ overflow-y: hidden; /* Hide vertical*/
+}
-#gSiteMenu {
+#gContent #gPhotoStream .gItem {
+ background-color: #fff;
+ border: 1px solid #e8e8e8;
+ border-right-color: #ccc;
+ border-bottom-color: #ccc;
float: left;
- margin-top: 20px;
- padding: 0 20px 0 0;
+ height: 90px;
+ overflow: hidden;
+ text-align: center;
+ width: 90px;
}
-#gSiteMenu ul {
- margin-bottom: 0;
+.rtl #gContent #gPhotoStream .gItem {
+ float: right;
}
-/* Thumb Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-#gContent .gThumbMenu {
- bottom: 0;
- left: 0;
- position: absolute;
- width: 100%;
+#gSiteStatus {
+ margin-bottom: 0;
}
-#gContent .gThumbMenu li {
- border-left: none;
- border-right: none;
- border-bottom: none;
+#gContent .gItem {
+ background-color: #fff;
+ border: 1px solid #e8e8e8;
+ border-right-color: #ccc;
+ border-bottom-color: #ccc;
+ height: 90px;
+ padding: 14px 8px;
+ text-align: center;
+ width: 90px;
}
-#gContent .gThumbMenu li li {
- padding: .3em;
+#gAdminCommentsMenu {
+ margin: 1em 0;
}
-#gContent .gThumbMenu a:hover {
- text-decoration: none;
+#gAdminCommentsMenu a {
+ margin: 0;
+ padding: .2em .6em;
}
-/* View Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-#gViewMenu {
- margin-bottom: 1em;
+#gAdminGraphics .gAvailable .gBlock {
+ clear: none;
+ float: left;
+ height: 17em;
+ margin-right: 1em;
+ width: 30%;
}
-#gViewMenu a {
- background-repeat: no-repeat;
- background-position: 50% 50%;
- height: 28px !important;
- width: 43px !important;
+.rtl #gAdminGraphics .gAvailable .gBlock {
+ float: right;
+ margin-left: 1em;
+ margin-right: 0em;
}
-#gViewMenu #gHybridLink {
- background-image: url('../images/ico-view-hybrid.png');
+#gSiteTheme,
+#gAdminTheme {
+ float: left;
+ width: 48%;
}
-#gViewMenu #gSlideshowLink {
- background-image: url('../images/ico-view-slideshow.png');
+.rtl #gSiteTheme,
+.rtl #gAdminTheme {
+ float: right;
}
-#gViewMenu .gFullSizeLink {
- background-image: url('../images/ico-view-fullsize.png');
+#gSiteTheme {
+ margin-right: 1em;
}
-#gViewMenu #gCommentsLink {
- background-image: url('../images/ico-view-comments.png');
+#gUserAdminList {
+ margin-bottom: 1em;
}
-
-#gViewMenu #gDigibugLink {
- background-image: url('../images/ico-print.png');
+#gUserAdminList td {
+ vertical-align: bottom;
}
-/* Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-.gBreadcrumbs {
- background-color: #fff;
- border-top: 1px solid #ccc;
- clear: both;
- margin: 0 -20px;
- padding-left: 20px;
+#gUserAdminList .gDraggable:hover {
+ border: 1px dashed black;
}
-.gBreadcrumbs li {
- background: transparent url('../images/ico-separator.gif') no-repeat scroll left center;
- float: left;
- padding: 10px 6px 10px 16px !important;
+#gUserAdminList .admin {
+ color: #55f;
+ font-weight: bold;
}
-.gBreadcrumbs li.root {
- background: transparent;
+.gActions a,
+.gActions span {
+ margin-right: 3em;
}
-.gBreadcrumbs li a,
-.gBreadcrumbs li span {
+li.gGroup {
+ float: left;
display: block;
+ width: 200px;
+ border: 1px solid gray;
+ padding: 0;
+ margin: 0 1em 1em 0;
}
-.gBreadcrumbs li.active,
-.gBreadcrumbs li.active span {
- font-weight: bold;
+.rtl li.gGroup {
+ float: right;
}
-#gAddPhotos .gBreadcrumbs {
- font-size: .9em;
+li.gGroup h4 {
+ background-color: #eee;
+ border-bottom: 1px dashed ccc;
+ padding: .5em 0 .5em .5em;
}
-
-/* Tags and cloud ~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-#gTagCloud ul {
- text-align: justify;
+li.gGroup .gButtonLink {
+ padding: 0;
}
-
-#gTagCloud ul li {
- display: inline;
- line-height: 1.5em;
- text-align: justify;
+li.gGroup ul, li.gGroup div {
+ height: 180px;
+ margin: 1px;
+ overflow: auto;
+ padding-top: .2em;
}
-
-#gTagCloud ul li a {
- text-decoration: none;
+li.gGroup div p {
+ color: gray;
+ text-align: center;
+ padding: 2em .5em 0 .5em
}
-
-#gTagCloud ul li span {
- display: none;
+li.gGroup .gUser {
+ padding: .2em 0 0 .5em;
}
-
-#gTagCloud ul li.size1 a {
- color: #9cf;
- font-size: 80%;
- font-weight: 100;
+li.gGroup .gUser .gButtonLink {
+ vertical-align: middle;
}
-#gTagCloud ul li.size2 a {
- color: #69f;
- font-size: 90%;
- font-weight: 300;
+li.gDefaultGroup h4, li.gDefaultGroup .gUser {
+ color: gray;
}
-#gTagCloud ul li.size3 a {
- color: #69c;
- font-size: 100%;
- font-weight: 500;
+#gAdminAdvancedSettings tr.setting:hover {
+ background: #ffc;
}
-#gTagCloud ul li.size4 a {
- color: #369;
- font-size: 110%;
- font-weight: 700;
+/** *******************************************************************
+ * 5) Navigation and menus
+ *********************************************************************/
+
+#gSiteAdminMenu,
+#gTagCloud ul {
+ font-size: 1.2em;
}
-#gTagCloud ul li.size5 a {
- color: #0e2b52;
- font-size: 120%;
- font-weight: 900;
+/* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gHeader #gLoginMenu {
+ color: #999;
+ float: right;
+ margin: 0;
+ padding: 5px 0;
}
-#gTagCloud ul li.size6 a {
- color: #0e2b52;
- font-size: 130%;
- font-weight: 900;
+.rtl #gHeader #gLoginMenu {
+ text-align: left;
}
-#gTagCloud ul li.size7 a {
- color: #0e2b52;
- font-size: 140%;
- font-weight: 900;
+/* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+#gSiteAdminMenu {
+ bottom: 0;
+ display: none;
+ font-size: 1.2em;
+ left: 140px;
+ position: absolute;
}
-#gTagCloud ul li a:hover {
- color: #f30;
- text-decoration: underline;
+#gSiteAdminMenu ul {
+ margin-bottom: 0;
}
/* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@@ -756,11 +735,15 @@ table .gSuccess {
* 6) Browser hacks
*********************************************************************/
-#gSiteMenu:after,
+#gSiteAdminMenu:after,
#gHeader:after,
-.gBreadcrumbs:after,
-#gAlbumGrid:after,
-.gPager:after,
+#gAdminCommentsMenu:after,
+#gGroupAdmin:after,
+.gSelected:after,
+.gAvailable .gBlock:after,
+#gModuleCreateForm ul li ul:after,
+#gDeveloperTools:after,
+#gPhotoStream:after,
#gViewMenu:after {
clear: both;
content: ".";
@@ -813,6 +796,32 @@ table .gSuccess {
/* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */
+#gPanel {
+ display: none;
+ padding: 1em;
+}
+
+#gPanel legend {
+ display: none;
+}
+
+#gPanel fieldset {
+ border: none;
+}
+
+.ui-draggable {
+ cursor: move;
+}
+
+.gButtonSetVertical a {
+ width: 8em !important;
+}
+
+#gAdminDashboard .ui-dialog-titlebar,
+#gAdminDashboardSidebar .ui-dialog-titlebar {
+ padding: .2em .4em;
+}
+
.ui-widget-overlay {
background: #000;
opacity: .7;
@@ -885,7 +894,7 @@ table .gSuccess {
background-position: -208px -64px;
}
-/* STUFF THAT NEEDS A HOME */
+/*************** STUFF THAT NEEDS A HOME ****************/
#gMove ul {
padding-left: 1em;
@@ -895,71 +904,6 @@ table .gSuccess {
background: #999;
}
-/* Server Add */
-
-#gServerAdd button {
- float: left;
- margin-bottom: .5em;
-}
-
-#gServerAddTree {
- cursor: pointer;
- padding-left: 4px;
-}
-
-#gServerAddTree li {
- padding: 0;
- float: none;
-}
-
-#gServerAddTree span.selected {
- background: #ddd;
-}
-
-#gServerAddTree {
- border: 1px solid #ccc;
- height: 25em;
- overflow: auto;
- margin-bottom: .5em;
- padding-top: .5em;
- padding-bottom: .5em;
-}
-
-#gServerAdd ul ul li {
- padding-left: 1.2em;
-}
-
-#gServerAdd .gBreadcrumbs {
- font-size: 1em;
- padding: 0;
- margin: 0;
- border-top-width: 0;
-}
-
-#gServerAdd p {
- margin: 0;
-}
-
-#gServerAdd .gBreadcrumbs li {
- padding: 10px 6px 10px 16px;
-}
-
-/* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
-
-#gPermissions .gDenied,
-#gPermissions .gAllowed {
- text-align: center;
- vertical-align: middle;
-}
-#gPermissions .gDenied {
- background-color: #fcc;
-}
-#gPermissions .gAllowed {
- background-color: #cfc;
-}
-
-/*************** STUFF THAT NEEDS A HOME ****************/
-
.gProgressBar {
height: 1em;
width: 100%;
@@ -1046,6 +990,144 @@ table .gSuccess {
list-style-type: disc;
}
+#gTagAdmin {
+ table-layout: fixed;
+}
+
+#gTagAdmin td {
+ border: 0;
+}
+
+#gTagAdmin ul {
+ padding-bottom: .3em;
+}
+
+#gTagAdmin li {
+ padding: .1em 0 .2em .3em;
+}
+
+#gTagAdmin .gColumn {
+ float: left;
+ width: 200px;
+}
+
+.rtl #gTagAdmin .gColumn {
+ float: right;
+}
+
+.gEditable {
+ padding: .1em .3em .2em .3em;
+}
+
+.gEditable:hover {
+ background-color: #ffc;
+ cursor: text;
+}
+
+#gRenameTagForm input {
+ padding: 0 .2em 0 .2em;
+ clear: none;
+ float: left;
+ margin: 0 .2em 0 0;
+}
+
+.rtl #gRenameTagForm input {
+ float: right;
+}
+
+#gRenameTagForm input[type="submit"] {
+ height: 25px;
+}
+
+#gRenameTagForm a, #gRenameTagForm span {
+ display: block;
+ float: left;
+ padding: .2em .2em 0 .1em;
+}
+
+.rtl #gRenameTagForm a, #gRenameTagForm span {
+ float: right;
+}
+
+#gTaskLogDialog h1 {
+ font-size: 1.1em;
+}
+
+.gTaskLog {
+ border: 1pt solid;
+ font-size: .9em;
+ height: 400px;
+ margin: .5em 0;
+ overflow: auto;
+ padding: .5em
+}
+
+#gServerAddAdmin {
+ margin:auto;
+ text-align: left;
+}
+
+.rtl #gServerAddAdmin {
+ text-align: right;
+}
+
+#gServerAddAdmin form fieldset {
+ border: medium none;
+}
+
+#gServerAddAdmin legend {
+ display: none;
+}
+
+#gServerAddAdmin .gWarning {
+ background-color: #FFFF99;
+}
+
+#gAuthorizedPath {
+ margin: 0 !important;
+ padding: 0.3em 1.5em 0.3em 1em;
+}
+
+#gServerAdd Admin #path {
+ width: 80%;
+}
+
+.gRemoveDir:hover {
+ cursor: pointer;
+}
+
+#gLanguagesForm table {
+ width: 400px;
+ float: left;
+ margin: 0 3em 1em 0;
+}
+
+#gLanguagesForm .installed {
+ background-color: #EEEEEE;
+}
+
+#gLanguagesForm .default {
+ background-color: #C5DBEC;
+ font-weight: bold;
+}
+
+#gLanguagesForm input {
+ clear: both;
+}
+
+#gTranslations {
+ padding: 2em 0 0 0;
+ clear: both;
+}
+
+#gTranslations .gButtonLink {
+ padding: .5em;
+}
+
+.gDocLink {
+ float: right;
+}
+
/* Right to left styles ~~~~~~~~~~~~~~~~~~~~ */
.rtl {
@@ -1075,13 +1157,10 @@ table .gSuccess {
.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 #gSiteAdminMenu,
.rtl .gPager li,
.rtl .gButtonSet li,
.rtl .ui-icon-left .ui-icon {
float: right;
}
-
diff --git a/themes/admin_default/views/admin.html.php b/themes/admin_default/views/admin.html.php
index c54fdcb5..9c5f1413 100644
--- a/themes/admin_default/views/admin.html.php
+++ b/themes/admin_default/views/admin.html.php
@@ -5,13 +5,12 @@
= t("Admin Dashboard") ?>
- " type="image/x-icon" />
+ " type="image/x-icon" />
= $theme->css("yui/reset-fonts-grids.css") ?>
= $theme->css("themeroller/ui.base.css") ?>
= $theme->css("superfish/css/superfish.css") ?>
= $theme->css("screen.css") ?>
- = $theme->css("admin_screen.css") ?>