mirror of
https://github.com/Pathduck/gallery3.git
synced 2026-05-20 11:29:24 -04:00
249 lines
4.2 KiB
CSS
249 lines
4.2 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;
|
|
}
|
|
|
|
.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;
|
|
} |