X-Git-Url: http://git.cielonegro.org/gitweb.cgi?a=blobdiff_plain;f=defaultPages%2FStyleSheet%2FDefault.xml;h=a14bc76249b4836932dea03c7526b69200bf1c17;hb=f19a294d54f38faaeab0027ecb5d85388243b924;hp=757e5f930c8a03dc91d050f9c3eb68d1a9eee8df;hpb=d6f5dd9adfa8bccc7799396554dfaf80d9522a38;p=Rakka.git diff --git a/defaultPages/StyleSheet/Default.xml b/defaultPages/StyleSheet/Default.xml index 757e5f9..a14bc76 100644 --- a/defaultPages/StyleSheet/Default.xml +++ b/defaultPages/StyleSheet/Default.xml @@ -1,7 +1,6 @@ /* global configuration *******************************************************/ @@ -58,6 +57,18 @@ } /* spacing ********************************************************************/ +input[type="button"] { + padding: 0px; +} + +td, th { + padding: 3px; +} + +option { + padding: 3px 3px 1px 3px; +} + .title { padding: 5px 20px; } @@ -82,6 +93,10 @@ margin: 5px 0px; } +.body * + h2 { + margin-top: 20px; +} + .body ul, .body ol { list-style-position: inside; margin: 0 0 0.8em 0; @@ -151,11 +166,21 @@ padding: 0.2em 0 0 0; } +.sideBar input[type="text"], +.sideBar input[type="password"] { + width: 97%; + padding: 1px; +} + +table.configPanel { + width: 100%; +} + table.pageEditor { width: 100%; } -.pageEditor td, .pageEditor th { - padding: 3px; +table.pageEditor td { + text-align: center; } .pageEditor th { width: 6em; @@ -171,19 +196,61 @@ table.pageEditor { .pageEditor input[type="radio"] { margin-right: 10px; } +.pageEditor input[type="checkbox"] { + margin-right: 5px; +} .pageEditor input[type="text"], +.pageEditor input[type="password"], .pageEditor input[type="file"], .pageEditor textarea { width: 97%; padding: 3px; } +.pageEditor input.smallField { + width: 50%; + margin-left: 1em; +} .pageEditor textarea { + height: 5em; +} +.pageEditor textarea.summary { + height: 5em; +} +.pageEditor textarea.source { height: 30em; } +.pageEditor textarea.hexDump { + font-size: 70%; + font-family: monospace; + white-space: pre; + height: 10em; +} .pageEditor input[type="button"] { margin: 0 2px; } +.searchStat { + margin-bottom: 1.5em; +} + +.searchResult { + margin-bottom: 1.5em; +} + +.pager { + width: 20em; + + margin-left: auto; + margin-right: auto; + + padding: 10px; +} + +.pager a, +.pager .currentSection { + padding: 4px; +} + /* color and text *************************************************************/ * { font-family: sans-serif; @@ -216,11 +283,16 @@ th, td { th { background-color: #eeeeee; font-weight: bold; + text-align: center; } td { background-color: #fafafa; } +p { + text-indent: 1em; +} + .title { background-color: #fafafa; @@ -265,15 +337,25 @@ a:hover { } input[type="button"] { - background-color: #eeeeee; + background-color: #f5f5f5; + color: #000055; - border-color: #fafafa #dddddd #dddddd #fafafa; + border-color: #dddddd; border-width: 2px; border-style: solid; + + border-radius: 10px; + -moz-border-radius: 10px; } input[type="button"]:active { - background-color: white; - border-color: #dddddd #fafafa #fafafa #dddddd; + background-color: #999999; +} +input[type="button"][disabled] { + border-color: #e5e5e5; + color: #b5b5b5; +} +input[type="button"][disabled]:active { + background-color: #f5f5f5; } .header, .footer, .sideBar { @@ -300,6 +382,16 @@ input[type="button"]:active { color: #666666; } +.searchResult .date { + font-size: 70%; + white-space: nowrap; + color: #666666; +} + +.sideBar p { + text-indent: 0; +} + .sideBar .recentUpdates p, .sideBar .trackbacks p { font-size: 90%; @@ -325,13 +417,34 @@ input[type="button"]:active { .sideBar li { padding: 3px 5px; background-color: #f5f5f5; + + border-radius: 10px; + -moz-border-radius: 10px; } .sideBar .recentUpdates li, .sideBar .trackbacks li { background-color: #e0e0e0; } +.sideBar input[type="text"], +.sideBar input[type="password"] { + background-color: #dddddd; + + border-style: inset; + border-width: 1px; + border-color: #dddddd; +} + +.activeField { + color: black; +} + +.inactiveField { + color: #888888; +} + .pageEditor input[type="text"], +.pageEditor input[type="password"], .pageEditor input[type="file"], .pageEditor textarea { border-color: #dddddd #fafafa #fafafa #dddddd; @@ -341,6 +454,47 @@ input[type="button"]:active { background-color: white; } +.searchStat { + color: #888888; + font-size: 90%; +} + +.searchResult a { + font-size: 120%; +} +.searchResult { + border-style: dotted; + border-width: 1px 0 0 0; + border-color: #aaaaaa; +} + +.highlighted { + background-color: #ffefd5; +} + +.pager { + text-align: center; + + background-color: #f5f5f5; + + border-color: #cccccc; + border-width: 1px; + border-style: dotted; +} +.pager .currentSection, +.pager a { + border-style: solid; + border-width: 1px; +} +.pager .currentSection { + background-color: white; + border-color: #cccccc white white #cccccc; +} +.pager a { + background-color: #e8e8e8; + border-color: white #cccccc #cccccc white; +} + /* float **********************************************************************/ h1, h2, h3, h4, h5, h6 { clear: both; @@ -412,13 +566,33 @@ img { content: "Error: " } +/* sidebar mask ***************************************************************/ +.sideBarMask { + position: fixed; + + background-color: black; + color: white; + opacity: 0.7; + + z-index: 1; +} + +.sideBarMask .content { + padding: 40px 0; +} + +.sideBarMask .content input[type="button"] { + font-size: 120%; + font-weight: bold; +} + /* waiting message ************************************************************/ .waitingMessageBoard { position: fixed; left: 0; top: 0; - width: 100%; - height: 100%; + right: 0; + bottom: 0; background-color: white; color: black; @@ -453,15 +627,31 @@ img { } .redirection input[type="button"] { - background-color: inherit; + color: inherit; + background-color: #fcfcfc; - color: #008800; - - border-width: 0; + border-width: 1px; + + border-radius: 5px; + -moz-border-radius: 5px; + + margin-left: 0.8em; +} + +.redirection input[type="button"]:active { + background-color: #eeeeee; } -.redirection input[type="button"]:hover { - color: #880000; +/* preview ********************************************************************/ +.preview { + background-color: #eeeeee; + + margin: 0 0 20px 0; + padding: 10px; + + border-style: solid; + border-width: 1px; + border-color: #bbbbbb; }