Files
gallery3/themes/admin_default/css/screen.css
Bharat Mediratta df7b05b40e Move tag CSS into admin theme's screen.css
Use JS to add titles to avoid repeating the same text 10s of times.
2009-02-26 03:38:56 +00:00

290 lines
4.9 KiB
CSS

/**
* 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
*/
/** *******************************************************************
* 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-right: 1em;
}
.gSelected {
background: #e8e8e8;
}
.gAvailable .gInstalledToolkit:hover {
cursor: pointer;
background: #eee;
}
.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;
}
#gHeader #gLoginMenu {
float: none;
margin: 0;
padding: 5px 0 10px 0;
}
#gHeader #gLoginMenu {
text-align: right;
}
#gHeader #gSiteAdminMenu {
float: left;
font-size: 1.2em;
}
#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;
}
#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: 200px;
margin-right: 1em;
width: 30%;
}
#gSiteTheme,
#gAdminTheme {
float: left;
width: 48%;
}
#gSiteTheme {
margin-right: 1em;
}
#gUserAdminList {
margin-bottom: 1em;
}
#gUserAdminList .gDraggable:hover {
border: 1px dashed black;
}
.gActions a,
.gActions span {
margin-right: 3em;
}
li.gGroup {
float: left;
display: block;
width: 200px;
height: 200px;
border: 1px solid gray;
padding: .5em;
margin-right: 1em;
}
/** *******************************************************************
* 5) Browser hacks
*********************************************************************/
#gHeader:after,
#gAdminCommentsMenu:after,
#gGroupAdmin:after,
.gSelected:after,
.gAvailable .gBlock: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,
.ui-sortable {
cursor: move;
}
.gButtonSetVertical a {
width: 8em !important;
}
#gAdminDashboard .ui-dialog-titlebar,
#gAdminDashboardSidebar .ui-dialog-titlebar {
padding: .2em .4em;
}
/**** Stuff that needs a home! ****/
#gTagAdmin td {
border: 0;
}
#gTagAdmin ul {
padding-bottom: .3em;
}
#gTagAdmin li {
padding: .1em 0 .2em .3em;
}
#gTagAdmin .gColumn {
float: left;
width: 200px;
}
.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;
}
#gRenameTagForm input[type="submit"] {
height: 25px;
}
#gRenameTagForm a, #gRenameTagForm span {
display: block;
float: left;
padding: .2em .2em 0 .1em;
}