diff --git a/fp-interface/themes/leggero/flatmaas-rev/res/admin.css b/fp-interface/themes/leggero/flatmaas-rev/res/admin.css index 310e2c5..30a04f9 100755 --- a/fp-interface/themes/leggero/flatmaas-rev/res/admin.css +++ b/fp-interface/themes/leggero/flatmaas-rev/res/admin.css @@ -16,27 +16,23 @@ Module: admin.css @import url(common.css); /* small navigation on top */ - #admin-small-nav { float: right; - font-size: 80%; -} -#admin-small-nav li { - display: inline; + font-size: 80% } -h1 { - color: #000; -} +#admin-small-nav li { display: inline } + +h1 { color: #000 } + /* tab menu */ - ul#admin-tabmenu { margin: 1em 0 0 0; - text-align: center; - background-color: #999977; - padding: 1em 1em 0 1em; - border: solid #999977; + text-align: center; + background-color: #999977; + padding: 1em 1em 0 1em; + border: solid #999977 } ul#admin-tabmenu li { @@ -48,174 +44,157 @@ ul#admin-tabmenu li { background-color: #CCCCAA } -ul#admin-tabmenu li a { - color: #555533; - padding: 0.5em; +ul#admin-tabmenu li a { + color: #555533; + padding: 0.5em; line-height: 2em; font-weight: normal; text-decoration: none; background-color: #CCCCAA } - ul#admin-tabmenu li a:hover { - color: #555533; + color: #555533; font-weight: normal; - background: #BBBB99 /*url('../imgs/arrow.gif') center right no-repeat}*/ - + background: #BBBB99 /* url('../imgs/arrow.gif') center right no-repeat} */ } ul#admin-tabmenu a#admin-tab-current { - font-weight: bold; - background-color: white + font-weight: bold; + background-color: white } #admin-content { - border: 1px solid #999977; - padding: 1em; - overflow: hidden; + border: 1px solid #999977; + padding: 1em; + overflow: hidden } - .admin-mainmenu-item { display: block; padding: 1em; - clear: both; + clear: both } -.admin-mainmenu-item img { - padding-right: 1em; -} - - +.admin-mainmenu-item img { padding-right: 1em } .admin-mainmenu-item .admin-icon-descr { font-size: x-small; font-style: italic } - -input#subject { - width:100%; - font-size: 1.3em; - color: #333333; - font-weight: bold; -} - /* panel container */ - -#cpmain { - text-align: justify; - width: 100%; -} - +#cpmain { text-align: justify; width: 100% } #admin-entry-categories ul { margin-right: 10px; display:block; padding-left: 1em; - list-style-type: none; + list-style-type: none } #admin-bbcode-toolbar p { - display:inline; + display: table-cell; + vertical-align: middle; + line-height: 1em } -#admin-bbcode-toolbar select {width: 10em} - - -#admin-content table { - border-collapse: collapse; - width: 100%; +#admin-bbcode-toolbar p img { + vertical-align: middle; + cursor: pointer } +#admin-bbcode-toolbar select { width: 10em } + +#admin-content table { border-collapse: collapse; width: 100% } + #admin-content td { border-bottom: solid 1px black; width: 8px; font-size: 0.8em; - padding: 4px; + padding: 4px } #admin-content td.main_cell { text-align: left; font-weight: bold; - width: 30%; - + width: 30% } #admin-content th { border-bottom: solid 2px black; padding: 4px; font-size: 0.75em; - font-style: italic; + font-style: italic } -input.maxsize, select.maxsize {width:100%} - - -#admin-bbcode-toolbar{ - border: none; - padding:0; - padding-right: 0.7%; - margin:0; -} -#admin-bbcode-toolbar legend{display:none} - -#admin-content ul { - margin-left: 2em +#admin-content ul, +#admin-content fieldset ul { + margin-left: unset; + list-style: none } +#admin-content fieldset p { + text-align: left; + line-height: 1.5em; + margin-top: 1.2em +} + +.admin-entry-write #admin-content fieldset p.date { text-align: center } + +#admin-content ul li::before, +#admin-content fieldset p.date::before, +#admin-content fieldset ul li::before { + content: "\00BB \0020"; +} + +#admin-bbcode-toolbar { + border: none; + padding: 0; + padding-right: 0.7%; + margin:0 +} + +#admin-bbcode-toolbar legend { display: none } + +#admin-content ul { margin-left: 2em } /* preview settings */ -#post-preview { - min-width: 54.4em -} +#post-preview { min-width: 54em } -#post-preview .entry { - padding:2em -} +#post-preview .entry { padding: 2em } /* notifications */ - -.draft {background-color:lightgrey} +.draft { background-color: lightgrey } /* (already defined in common, here we put just some tuning settings) */ #admin-content ul.msgs { - margin-left: 0em; - padding: 1em 2em; - margin-bottom: 2em; + margin-left: 0em; + padding: 1em 2em; + margin-bottom: 2em } - /* conflict with inner h1 */ - -#admin-content h1 { - color: black -} - +#admin-content h1 { color: black } /* ===== submenu ====== */ - #admin-submenu { background: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align:center; - padding: .1em .3em .2em; + padding: .1em .3em .2em } -#admin-submenu li { - display:inline; - font-size: 80%; -} +#admin-submenu li { display: inline; font-size: 80% } #admin-submenu li a { padding: 0 1em ; color: #000; border-left: 1px solid #eee; border-right: 1px solid #eee; - font-weight: normal; + font-weight: normal } #admin-submenu li a:hover { @@ -225,7 +204,7 @@ input.maxsize, select.maxsize {width:100%} border-top: 3px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; - text-decoration:none; + text-decoration:none } #admin-submenu li a.active { @@ -235,11 +214,10 @@ input.maxsize, select.maxsize {width:100%} padding: .1em 1em .3em; border: 1px solid #bbb; border-top: 3px solid #bbb; - border-bottom: 1px solid #fff; + border-bottom: 1px solid #fff } - /* ===== MAIN MENU ITEM ===== */ #admin-content { padding: 1em } @@ -257,17 +235,16 @@ input.maxsize, select.maxsize {width:100%} } - /* ===== ADMIN ENTRY ===== */ input#subject { - width: 100%; + width: 99%; font-size: 1.3em; color: #333333; font-weight: bold } textarea.code { - font-family: Lucida Console, Monaco, monospace; + font-family: 'Lucida Console', Monaco, monospace; font-size: 90% } @@ -282,8 +259,6 @@ textarea.code { #admin-bbcode-toolbar select { width: 10em } - - /* #admin-content { background: url(../imgs/nib-logo.png) bottom right no-repeat } */ #admin-content table { width: 100%; border-collapse: collapse } @@ -308,8 +283,7 @@ textarea.code { padding: 4px } -input.maxsize, select.maxsize { width: 100% } - +input.maxsize, select.maxsize { width: 99% } #admin-bbcode-toolbar { margin: 0; @@ -327,13 +301,10 @@ input.maxsize, select.maxsize { width: 100% } border: none; width: 99%; margin: auto; - height: 11em; + height: 11em } - -#plugin-table-body td { - padding: 1em .6em; -} +#plugin-table-body td { padding: 1em .6em } #admin-drafts { border-top: 1px solid #bbb; @@ -341,123 +312,104 @@ input.maxsize, select.maxsize { width: 100% } padding: .4em; color: #555; background-color: #ddd; - overflow: auto; + overflow: auto } #admin-drafts p { font-weight: bold; float: left; padding: 0; - margin: 0; + margin: 0 } -#admin-content #admin-drafts ul { - margin: 0; padding: 0; -} +#admin-content #admin-drafts ul {margin: 0; padding: 0 } #admin-drafts li { float:left; list-style-position: inside; - margin: 0; padding-left: 1em; + margin: 0; padding-left: 1em } /* ===== PREVIEW SETTINGS ===== */ #post-preview .entry { padding: 2em } +#post-preview div.entry h2 { margin-top: 1.2em } + #post-preview div.entry h3 { font-size: 1.3em } +#post-preview div.entry h4 { margin: 1.5em 0 1em 0 } + #post-preview ul { list-style: none; padding: 0 0 0 1.6em } #post-preview ol { list-style-position: inside; Padding: 0 1.6em 0 1.6em } /* ===== UPLOAD PANEL ===== */ -#admin-uploader-filelist { - margin: 1em auto; -} +#admin-uploader-filelist { margin: 1em auto } -#admin-uploader-thumbs { - list-style-type: none; -} +#admin-uploader-thumbs { list-style-type: none } #admin-uploader-thumbs li.thumb { float:left; width: 110px; height: 110px; padding: 1em 4px; - margin: 1em; + margin: 1em } /* (applies only to the inline version */ -#upload { - margin-top: .5em -} +#upload { margin-top: .5em } /* ===== THEME PANEL ===== */ +#available-themes ul li::before { content: none } #current-theme h5, -#available-themes h5 { - font-size: 1em; -} - -#current-theme { - margin-bottom: 4em; - overflow:hidden; -} +#available-themes h5 { font-size: 1em } +#current-theme { margin-bottom: 4em; overflow: hidden } #current-theme img { - float:left; + float: left; border: 1px solid #ddd; - margin-right: 2em; + margin-right: 2em } -#available-themes { - clear: both; -} +#available-themes { clear: both } +#available-themes img { border: 1px solid #eee } -#available-themes img { - border: 1px solid #eee -} - -#available-themes ul { - list-style-type: none; -} +#available-themes ul { list-style-type: none } #available-themes ul li { - float:left; + float: left; padding: 1em; border: 1px solid #fff; text-align: center; - width: 300px; + width: 300px } -#available-themes ul li:hover { - background: #eee; - border: 1px solid #ddd; -} +#available-themes ul li:hover { background: #eee; border: 1px solid #ddd } + /* ===== WIDGET PANEL ====== */ +#admin-widgets-default ul li::before { content: none } -#admin-widgetset-list { - width: 30em; -} +#admin-widgetset-list { width: 30em } #admin-widgetset-list ul { list-style-type: none; margin: 0; margin-bottom: 2em; - text-align: left; + text-align: left } li.admin-widgetset { padding: .5em; margin-bottom: 2em; - border: 1px solid #ddd; + border: 1px solid #ddd } #available-widgets { @@ -469,10 +421,10 @@ li.admin-widgetset { width: 30%; z-index: 1000; position: relative; - text-align: left; + text-align: left } -#widget-trashcan { /*colors for trashcan/uninstall widgets while dragging*/ +#widget-trashcan { /* colors for trashcan/uninstall widgets while dragging */ background-color: rgba(170, 34, 34, 0.7); color: #ddd; font-size: 120%; @@ -480,29 +432,27 @@ li.admin-widgetset { padding: 2em; text-align: center; border: 2px solid #f00; - margin: 2em; + margin: 2em } -.widget-available { /*colors for available widgets while dragging*/ +.widget-available { /* colors for available widgets while dragging */ cursor: move; color: #fff; background-color: rgba(34, 102, 0, 0.7); border: 2px solid #2f0; - z-index: 2000; + z-index: 2000 } -.widget-installed { /*colors for installed widgets while dragging*/ +.widget-installed { /* colors for installed widgets while dragging */ cursor: move; color: #fff; background-color: rgba(0, 34, 102, 0.7); border: 2px solid #00f; - z-index: 2000; -} -#available-widgets ul, .admin-widgetset ul { - padding-left: 0; - margin-left: 0; + z-index: 2000 } +#available-widgets ul, +.admin-widgetset ul { padding-left: 0; margin-left: 0 } li.widget-instance, li.widget-class { @@ -512,15 +462,14 @@ li.widget-class { padding: .5em; height: 30px; background-color: white; - list-style-type: none; + list-style-type: none } - .admin-widgetset h3 { margin-bottom:1em; padding: .3em; background: #eee; - border: 1px solid #ddd; + border: 1px solid #ddd } #available-widgets h2 { @@ -529,7 +478,7 @@ li.widget-class { margin-bottom:1em; padding: .3em; border: 1px solid #eee; - background: #999; + background: #999 } .widget-instance .textinput { @@ -539,112 +488,88 @@ li.widget-class { font-style: oblique; color: blue; border: #fff 2px solid; - text-align: right; + text-align: right } .widget-instance .textinput:hover { border: #d00 2px solid; - background-color:white; + background-color:white } - .widget-instance .textinput:focus { font-style: normal; border: #f00 2px solid; background-color:white; - text-align: left; + text-align: left } - .widgetname a, .widgetname a:link, -.widgetname a:visited { - color: #ddd; -} +.widgetname a:visited { color: #ddd } .widget-placeholder { padding: .5em; font-style: oblique; text-align: center; - border: 1px dashed #ddd; + border: 1px dashed #ddd } .widget-dragger { text-align: left; z-index: 1000; padding: .5em; - height: 30px !important; + height: 30px !important } /* ===== CONFIG PANEL ===== */ - -#admin-config dl { - margin-bottom: 4em; -} +#admin-config dl { margin-bottom: 4em } #admin-config dt { - width: 33%; - text-align:right; - margin-top: 1.8em; - line-height: 1.5em; - font-weight: bold; + width: 33%; + text-align:right; + margin-top: 1.8em; + line-height: 1.5em; + font-weight: bold } -#admin-config dt label { - padding-top: .2em; -} +#admin-config dt label { padding-top: .2em } #admin-config dd { - margin-left: 35%; - margin-top: -1.7em; - line-height: 1.5em; + margin-left: 35%; + margin-top: -1.5em; + line-height: 1.5em } +#admin-config dd p { margin: 0 } -#admin-config dd p { - margin: 0; -} +#admin-config dd input{ margin-bottom: .2em } +#admin-config input.textinput, +#admin-config select.textinput { width: 20em } -#admin-config dd input{ - margin-bottom: .2em; -} +#admin-config input.bigtextinput { width: 30em } -#admin-config input.textinput , -#admin-config select.textinput { - width: 20em; -} +#admin-config input.smalltextinput, +#qs-number.smalltextinput { width: 5em } -#admin-config input.bigtextinput { - width: 30em; -} - - -#admin-config input.smalltextinput { - width: 5em; -} - /* ===== SPECIAL HOVERS ====== */ -a.link-disable, a.link-enable{ - padding: .9em; -} +a.link-disable, a.link-enable{ padding: .9em } + a.link-disable:hover { background-color: red; - color: white; -} -a.link-enable:hover { - background-color: green; - color: white; + color: white } +a.link-enable:hover { + background-color: green; + color: white +} /* ===== NOTIFICATIONS ===== */ -.hint { - cursor: help; -} +.hint { cursor: help } .draft { background-color: lightgrey } @@ -655,7 +580,4 @@ a.link-enable:hover { padding: 1em 2em } -form { - margin: auto; -} - +form { margin: auto } diff --git a/fp-interface/themes/leggero/flatmaas-rev/res/common.css b/fp-interface/themes/leggero/flatmaas-rev/res/common.css index d88e248..8a93697 100755 --- a/fp-interface/themes/leggero/flatmaas-rev/res/common.css +++ b/fp-interface/themes/leggero/flatmaas-rev/res/common.css @@ -12,34 +12,24 @@ Version: 0.0.1 */ -body { text-align:center; } +body { text-align: center } /* ==== Structure with fixed width ==== */ -#body-container { - /* Simplified Box Model Hack */ - +#body-container { /* Simplified Box Model Hack */ width: 748px; - text-align: justify; - border: solid 1px #ccc; - padding: 5px; margin: 0 auto 0 auto; - background-color: white; - + background-color: white } -body > div#body-container { - width: 760px; - -} +body > div#body-container { width: 760px } #head { padding: 5px; margin-bottom: 5px; - background: #AA1111 url('../imgs/shade.png') repeat-x; - + background: #AA1111 url('../imgs/shade.png') repeat-x } #subheader { @@ -54,9 +44,9 @@ body > div#body-container { #outer-container { padding: 0px; margin: 0px; - border-top: 1px solid white; /* problem with I.E. */ + border-top: 1px solid white; background-color: white; - height: 1%; + height: 1% } #column { @@ -65,45 +55,32 @@ body > div#body-container { padding: 5px 0; background-color: #DDDDBB; border: solid 1px #ccc; - width: 205px; font-size: 75%; - height:1%; + height:1% } -#main + #column { - width: 195px; - font-size: 80%; +#main + #column { width: 195px; font-size: 80% } + +#column ul li table { font-size: 100% } + +#column ul { + margin-right: 10px; + display:block; + padding-left: 1em; + list-style-type: none } - #column ul li table { - font-size: 100%; - } - - #column ul { - margin-right: 10px; - display:block; - padding-left: 1em; - list-style-type: none; - } - - - #main { float:left; text-align: justify; position: relative; - /*padding: 5px 15px 5px 5px;*/ margin: 5px; - width: 500px; - font-size: 100%; -} - -#outer-container > #main { - width: 540px; + font-size: 100% } +#outer-container > #main { width: 540px } #footer { clear: both; @@ -116,7 +93,8 @@ body > div#body-container { /* ==== Redefinition HTML tag ==== */ html { - font: 82.5% verdana, Helvetica, Arial, sans-serif; + font-family: verdana, Helvetica, Arial, sans-serif; + font-size: 82.5%; margin: 0; padding: 0 } @@ -131,16 +109,15 @@ body { hr { display: none } -p { - margin: .5em 0 ; -} +p { margin: .5em 0 } + /* in the specific ID */ #column p, #column div { margin: 10px 5px } - #main p { line-height: 1.5em; margin-top: 1.2em; } + #main p { line-height: 1.5em; margin-top: 1.2em } + /* == Headers == */ -h1 { - /* Title of the blog */ +h1 { /* Title of the blog */ font-size: 1.6em; letter-spacing: 2px; color: white; @@ -149,15 +126,14 @@ h1 { #head a { color: white; - text-decoration: none; + text-decoration: none } - -h2 { - /* Titles of the entry */ +h2 { /* Titles of the entry */ font-size: 1.4em; color: #333333; margin: 0; + margin: 1.2em 0 0.5em 0 } .entry-title { @@ -165,13 +141,12 @@ h2 { background: transparent url('../imgs/entry.png') center left no-repeat } -.entry-title a { - color: #333333 !IMPORTANT; -} +.entry-title a { color: #333333 !IMPORTANT } -h3 { margin: 0; font-size: 1.3em; } +h3 { margin: 0; font-size: 1.3em } + +h4 { font-size: 1.2em } -h4 { font-size: 1.2em; } /* in the specific ID */ #column h4 { /* Titles of the sections in #column */ @@ -181,11 +156,11 @@ h4 { font-size: 1.2em; } padding: .2em .5em; background: #BBBB99 url('../imgs/sf_h4.png') bottom left repeat-x } - #main h4 { - margin: 1.5em 0 1em 0 - } + + #main h4 { margin: 1.5em 0 1em 0 } img { border: none } + /* in the specific ID */ #main img { margin: .5em } @@ -195,19 +170,19 @@ blockquote { padding: 5px 5px 35px 5px; background: #eeeeee url('../imgs/blockquote.png') bottom left no-repeat } - blockquote p { margin: 0 } + +blockquote p { margin: 0; margin-top: unset !IMPORTANT } pre, code { color: #666666; font-size: 1.1em; - font-family: Lucida Console, Monaco, monospace; + font-family: 'Lucida Console', Monaco, monospace; background-color: #f4f4f4 } pre { overflow: auto; width: 90%; - /* hack min-height for i.e. */ min-height: 40px; height: auto !important; height: 40px; @@ -215,27 +190,25 @@ pre { padding: 5px } +ul, li, ol { margin: 0; padding: 0 } +ul { padding-top: 0.3em; padding-bottom: 0.3em } -ul, li, ol { margin:0; padding:0} - -ul { padding-top: 0.3em; padding-bottom: 0.3em; } /* == List in MAIN == */ #main ul { list-style: none; - padding: 0 0 0 1.6em; + padding: 0 0 0 1.6em } -#main ul li:before { - content: "\00BB \0020" -} +#main ul li:before { content: "\00BB \0020" } #main ol { list-style-position: inside; padding: 0 1.6em 0 1.6em } + /* == Links == */ a:link { color: #999977; @@ -254,10 +227,7 @@ a:hover { text-decoration: underline } -h3 a, h3 a:link, h3 a:visited { - color: #333; -} - +h3 a, h3 a:link, h3 a:visited { color: #333 } #subheader a:link, #subheader a:visited, #footer a:link, #footer a:visited { color: white; @@ -267,15 +237,16 @@ h3 a, h3 a:link, h3 a:visited { #subheader a:hover, #footer a:hover { color: white; text-decoration: underline } + /* == Form == */ form { margin: 1em 0 } fieldset { margin: 0 0 1em 0; padding: .5em; - border: 1px solid #999977; - /*background: url(../imgs/transp.gif)*/ + border: 1px solid #999977 } + /* in the specific ID */ #column fieldset { margin: 0 5px 0 5px } @@ -284,8 +255,9 @@ legend { font-size: 80%; font-style: oblique } + /* in the specific ID */ - #column legend { font-size: 100%; } + #column legend { font-size: 100% } input { margin-top: .1em; @@ -298,12 +270,12 @@ input:hover { background-color: #f9f9f9 } - select { background-color: #EEEEDD } textarea { width: 99%; - font: 100% verdana, Helvetica, Arial, sans-serif; + font-size: 100%; + font-family: verdana, Helvetica, Arial, sans-serif; margin-top: .1em; border: 1px solid #999977; background-color: #EEEEDD @@ -323,8 +295,7 @@ textarea:hover { margin: .5em 0 0 0 } -.date { - /* Date under titles of the entry */ +.date { /* Date under titles of the entry */ font-size: 80%; font-style: oblique; color: gray; @@ -334,18 +305,16 @@ textarea:hover { .entry { margin: 0 0 1.5em 0; padding: 0; - /* floating imgs fix */ overflow: hidden; - height:1%; /*ie hack*/ + height:1% } -.entry-footer { - /* Paragraph under footer entry */ +.entry-footer { /* Paragraph under footer entry */ font-size: 80%; text-align: center; color: gray; margin: .5em 0 0 0; - clear: both; + clear: both } #comments li { @@ -356,94 +325,85 @@ textarea:hover { background: #EEEEDD } - .floatLeft { float: left } /* don't touch this class!! */ .floatRight { float: right } /* don't touch this class!! */ - .imageColumn { text-align: center } + .imageColumn img { margin: 2px 0px } - - .admincontrols { - float: right; - font-size: 0.75em; + text-align: right; + font-size: 0.75em } - .navigation { font-size: 80%; - margin-bottom: 5em; + margin-bottom: 5em } -.alignleft { - float: left; -} - - -.alignright { - float: right; -} +.alignleft { float: left } +.alignright { float: right } /* notifications */ - #main .msgs, .msgs { margin-top: 1em; - margin-left: 0em; - padding: 1em 2em; + margin-left: 0em; + padding: 1em 2em } .errors { color: #901d1d; border-top: 1px solid; - border-bottom: 1px solid; + border-bottom: 1px solid; border-color: #ffbbbb; - background: #ffdddd; + background: #ffdddd } .errors a { color: #901d1d; text-decoration: underline; - font-weight: normal; + font-weight: normal } - .notifications { - color : #1d901d; + color: #1d901d; border-top: 1px solid; - border-bottom: 1px solid; + border-bottom: 1px solid; border-color: #bbffbb; - background: #ddffdd; - + background: #ddffdd } .warnings { - color : #8a7802; + color: #8a7802; border-top: 1px solid; - border-bottom: 1px solid; + border-bottom: 1px solid; border-color: #f8e674; - background: #fffdd5; - + background: #fffdd5 } .field-error { border: red 1px solid; - background: #fdd; + background: #fdd } - +/* Search-widget */ div#widget-searchbox ul, div#widget-searchbox li { - margin:0px; - padding:0px; + margin: 0px; + padding: 0px } -form#search ul { - list-style-type: none; + +div#widget-searchbox div.buttonbar p input { + margin: 0 -5px } -form#search ul li:before { - content: none -} \ No newline at end of file + +form#search ul { list-style-type: none } + +form#search ul li:before { content: none } + +/* Calendar-widget */ +#widget_calendar table.calendar { font-size: 90% }