From 90972062a083c2a779f054f6f1adb47b2821657a Mon Sep 17 00:00:00 2001 From: Tomasz Pala Date: Sat, 27 Nov 2010 16:20:39 +0100 Subject: [PATCH] Add Gotar theme, by Tomasz Pala --- CREDITS | 1 + HISTORY | 2 +- themes/gotar/global.css | 242 ++++++++++++++++++++++++++++++++++++++++ themes/themes.php | 1 + 4 files changed, 245 insertions(+), 1 deletion(-) create mode 100644 themes/gotar/global.css diff --git a/CREDITS b/CREDITS index 4592af33..dacea0d8 100644 --- a/CREDITS +++ b/CREDITS @@ -47,6 +47,7 @@ Look & Feel - Davey (CSS) - JGuillaume 'ioguix' De Rorthais (Cappuccino theme) +- Tomasz Pala (Gotar theme) Contributors diff --git a/HISTORY b/HISTORY index bc918aa2..5030e96a 100644 --- a/HISTORY +++ b/HISTORY @@ -26,7 +26,7 @@ Features * support multi-field FK * support for pagination of values in the auto-complete list * Allow user to logicaly group their server under custom named node in the browser tree -* New theme and a theme switcher on the introduction page +* New themes (Cappuccino and Gotar) and a theme switcher on the introduction page * Auto refresh Locks page * Auto refresh Processes page * Link in the bottom of the page to go to top of page diff --git a/themes/gotar/global.css b/themes/gotar/global.css new file mode 100644 index 00000000..23cef1e8 --- /dev/null +++ b/themes/gotar/global.css @@ -0,0 +1,242 @@ +@import url(../global.css); +/** + * Default style sheet + */ + +/** ELEMENTS */ + +body { + background-color: #336; + margin: 0px; + padding: 0px; + font-size: smaller; /*0.8em;*/ + font-family: sans-serif; + color: #fff; +} +p { + color: #fff; +} +table { + border:1px gray solid; +} +div.logo { display:none } +body.browser { + background-color: #447; + color:#4bf; + font-size: smaller; /*1em;*/ + border-right: 1px dashed #c0c0c0; +} +body.browser a { + color:#fff; +} +body.browser a:hover { + color:#cde; +} +body.browser div.webfx-tree-row:hover { background:#88d } +h2 { + color: #fff; + font-size: medium; /*1.3em;*/ + font-weight: bold; + border: 0; + background-color: #558; + padding: 0; + margin: 0; + text-align:center; +} +h3 { + color: #eee; + font-size: small; + font-weight: bold; +} +table.error {background-color: #f00} +table.error td {background-color: #f84} +th.data { + color: #ada; + background-color: #241; + font-size: smaller; /* 0.9em */ +} +th.data a:active, th.data a:link, th.data a:visited, th.data a:hover { + font-weight: bold; +} +td.dat { + color: #ff0; + text-align: center; +} +th.required {text-decoration: underline} +ul.toplink,ul.navlink { + list-style: none; + margin:0;padding:0; +} +ul.navlink{margin:20px 0} +ul.toplink li, ul.navlink li { + display:inline; + border-left:1px solid #eee; + margin:0;padding: 0 2px 0 5px; +} +ul.toplink li:first-child, ul.navlink li:first-child { + border: none; + padding-left:0; +} +tr.data1, tr.data2, tr.data3 { + color: #eed; + font-family: sans-serif; + font-size: smaller; /*0.8em;*/ +} +tr.data1:hover, tr.data2:hover, tr.data3:hover { + background-color: #39663e; +} +.row1, .data1 { + background-color: #1a3f1e; + text-align: left; +} +input, textarea, select { + border:1px #200 solid; + background:#ddf; +} +input, textarea, select { + color:#210; +} +.data1 select, .data2 select { + font-weight:bold; +} +p input:focus, .data input:focus, .data1 input:focus, .data2 input:focus, textarea:focus, .data1 select, .data2 select { +/* background:#bbf; */ + background:#eef; + color:#000; +} +.row2, .data2 { + background-color: #2b482e; + text-align: left; +} +td.opbutton1 { + border: 1px solid #484; + font-size: smaller; /*0.8em;*/ + text-align: center; +} +td.opbutton2 { + border: 1px solid #484; + font-size: smaller; /*0.8em;*/ + text-align: center; +} +td.opbutton1 a, td.opbutton2 a { + padding-left:6px; + padding-right:6px; +} +.topbar { border: 0 } +.topbar, .topbar *, .trail, .tab, .crumb { + border: 0; + background: #336; +} +.topbar .platform, .topbar .host, .topbar .username { + font-weight: bold; +} +.topbar, .trail, .tab { + padding: 2px 1ex; + font-size: smaller; + color: #ddf; +} +.crumb, .tab { + vertical-align: top; +} +.crumb .icon { + vertical-align: middle; + margin: 0; +} +table.tabs { + width: 100%; + border-collapse: collapse; + margin-bottom: 1ex; +} +.tab {text-align: center} +.tabs .active {background-color: #449} +.tab .icon {display: block} +tr,td { height:100% } +td a:not(.help), th a { display:inline-block; height:100% } /* vertical-align:middle doesn't work for block elements, CSS sux */ +td.crumb a, td.tab a { width:90% } +tr.data1 a, tr.data2 a { width:100% } +td.opbutton1 a, td.opbutton2 a { width:inherit } +td a.help { display:inline; position:absolute; width:10px; } +a.pagenav { display:inline-block; min-width:15px; } +a.toplink { display:inline } +a:active { + color: #989973; + font-weight: normal; + text-decoration: underline; +} +a,a:link { + color: #afa; + text-decoration: none; +} +a:visited { + color: #df8; + text-decoration: none; +} +a:hover { + color: #f88; + text-decoration: none; +} +a:active { + color: #c00; +} +a.navlink:link, a.toplink:link, ul.navlink li a, ul.toplink li a { + color: #afa; + font-weight: bold; + text-decoration: none; +} +a.navlink:visited, a.toplink:visited, ul.navlink li a:visited, ul.toplink li a:visited { + color: #df8; + font-weight: bold; + text-decoration: none; +} +a.navlink:hover, a.toplink:hover, ul.navlink li a:hover, ul.toplink li a:hover { + color: red; + font-weight: bold; + text-decoration: none; +} +a.navlink:active, a.toplink:active, ul.navlink li a:active, ul.toplink li a:active { + color: #c00; + font-weight: bold; + text-decoration: none; +} +.active a {font-weight: bold} +a.help { + color: #E68800; + font-size: smaller; + vertical-align: super; + text-decoration: none; +} +pre {font-size: 110%} +pre.data { + font-size: 100%; +} +.error p { + color:#822; + background:#fc8; +} +pre.error { + color: #000; + font-family: monospace; + font-size: 120%; +} +.intro li {font-weight: bold} +.ac_field {border:1px solid #D9D95F} +.bottom_link { + color: #004 !important; + background: #eee; + border-top: 1px dotted #999; + border-left: 1px dotted #999; + font-size: smaller; +} + +a.bottom_link:hover { background:#68f } + +/** FK browsing **/ +div#root > div.fk { + border: 1px solid #000; +} +div.fk { + /*background: #84c;*/ + background: rgba(128,32,64,0.6); + border-left: 1px solid #000; + padding: 5px 0 5px 0; +} diff --git a/themes/themes.php b/themes/themes.php index bc5a84e4..bb26ca8b 100644 --- a/themes/themes.php +++ b/themes/themes.php @@ -10,5 +10,6 @@ $appThemes = array( 'default' => 'Default', 'cappuccino' => 'Cappuccino', + 'gotar' => 'Gotar' ); ?> -- 2.39.5