X-Git-Url: http://git.cielonegro.org/gitweb.cgi?a=blobdiff_plain;f=defaultPages%2FStyleSheet%2FDefault;h=2e9dd0ed2d586b9cee37e451625572241df5cdd7;hb=e2fd35989e9765281523fd4ce05dcd0199bdbbad;hp=bd566ef9130cc5e02fc4fb31bb91f0916099142c;hpb=b3c3f333cd48bc74eb33f0f21d56a9d1bc65e0ea;p=Rakka.git diff --git a/defaultPages/StyleSheet/Default b/defaultPages/StyleSheet/Default index bd566ef..2e9dd0e 100644 --- a/defaultPages/StyleSheet/Default +++ b/defaultPages/StyleSheet/Default @@ -4,14 +4,13 @@ isBoring="yes" isTheme="yes"> -/* global configuration */ +/* global configuration *******************************************************/ * { padding: 0; margin: 0; } -/* layout */ - +/* layout *********************************************************************/ .center { position: absolute; @@ -58,7 +57,7 @@ overflow: auto; } -/* spacing */ +/* spacing ********************************************************************/ .title { padding: 5px 20px; } @@ -71,13 +70,21 @@ padding: 25px 30px; } +.body p { + margin: 0 0 0.8em 0; +} + +.sideBar p { + margin: 0.2em 0; +} + .body h1, .body h2, .body h3, .body h4, .body h5, .body h6 { margin: 5px 0px; } .body ul, .body ol { list-style-position: inside; - margin: 1em 0; + margin: 0 0 0.8em 0; } .body ul ul, .body ul ol, .body ol ul, .body ol ol { margin: 0; @@ -113,6 +120,15 @@ padding: 20px; } +.sideBar p { + margin-left: 5px; +} + +.sideBar .outline li { + margin-left: 1em; + padding: 0; +} + .sideBar li { padding: 3px; } @@ -120,17 +136,55 @@ .sideBar ul, .sideBar ol { list-style-type: none; margin-top: 0.4em; + margin-bottom: 0.4em; } .sideBar li + li { - margin-top: 0.2em; + margin-top: 0.3em; } -.sideBar ul + h1 { +.sideBar * + h1 { margin-top: 1.2em; } -/* color and text */ +.sideBar .date { + padding: 0.2em 0 0 0; +} + +table.pageEditor { + width: 100%; +} +.pageEditor td, .pageEditor th { + padding: 3px; +} +.pageEditor th { + width: 6em; +} +.pageEditor ul { + list-style-type: none; + margin: 0; +} +.pageEditor li { + margin: 0; + padding: 3px; +} +.pageEditor input[type="radio"] { + margin-right: 10px; +} +.pageEditor input[type="text"], +.pageEditor input[type="file"], +.pageEditor textarea { + width: 97%; + padding: 3px; +} +.pageEditor textarea { + height: 30em; +} +.pageEditor input[type="button"] { + margin: 0 2px; +} + +/* color and text *************************************************************/ * { font-family: sans-serif; } @@ -138,7 +192,9 @@ body { background-color: white; color: black; +} +.body { line-height: 1.3; } @@ -152,6 +208,19 @@ hr { border-style: dashed; } +th, td { + border-color: #dddddd; + border-width: 1px; + border-style: solid; +} +th { + background-color: #eeeeee; + font-weight: bold; +} +td { + background-color: #fafafa; +} + .title { background-color: #fafafa; @@ -191,6 +260,21 @@ a { color: #008800; text-decoration: none; } +a:hover { + text-decoration: underline; +} + +input[type="button"] { + background-color: #eeeeee; + + border-color: #fafafa #dddddd #dddddd #fafafa; + border-width: 2px; + border-style: solid; +} +input[type="button"]:active { + background-color: white; + border-color: #dddddd #fafafa #fafafa #dddddd; +} .header, .footer, .sideBar { background-color: #eeeeee; @@ -213,36 +297,56 @@ a { .sideBar .date { font-size: 70%; white-space: nowrap; + color: #666666; } +.sideBar .recentUpdates p, .sideBar .trackbacks p { font-size: 90%; } .sideBar .outline li { - list-style-type: circle; - margin-left: 1em; - - padding: 0; - background-color: black; + list-style-type: disc; + background-color: inherit; } .sideBar .outline li li { - list-style-type: disc; + list-style-type: circle; } .sideBar .outline li li li { list-style-type: square; } +.sideBar .outline li li li li { + list-style-type: disc; +} +.sideBar .outline li li li li li { + list-style-type: circle; +} -p { - margin: 0 0 0.8em 0; +.sideBar li { + padding: 3px 5px; + background-color: #f5f5f5; +} + +.sideBar .recentUpdates li, .sideBar .trackbacks li { + background-color: #e0e0e0; } -/* float */ +.pageEditor input[type="text"], +.pageEditor input[type="file"], +.pageEditor textarea { + border-color: #dddddd #fafafa #fafafa #dddddd; + border-width: 2px; + border-style: solid; + + background-color: white; +} + +/* float **********************************************************************/ h1, h2, h3, h4, h5, h6 { clear: both; } -/* image */ +/* image **********************************************************************/ img { border-width: 0; } @@ -285,5 +389,52 @@ img { .imageCaption { margin-top: 3px; } + +/* error **********************************************************************/ +.error { + color: red; + background-color: white; + + font-weight: bold; + + border-color: #880000; + border-width: 3px; + border-style: double; + + padding: 10px; +} + +.error p, .error pre { + margin: 0; +} + +.error:before { + content: "Error: " +} + +/* waiting message ************************************************************/ +.waitingMessageBoard { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + + background-color: white; + color: black; + opacity: 0.7; + + z-index: 1; +} + +.waitingMessageBoard p { + text-align: center; + vertical-align: middle; + font-size: 200%; + + position: fixed; + bottom: 1em; + right: 1em; +}