X-Git-Url: http://git.cielonegro.org/gitweb.cgi?a=blobdiff_plain;f=defaultPages%2FStyleSheet%2FDefault;h=562e02b3a77e09535c6b523684c1df03dfa49d75;hb=e43bb104a7313dd696b8bb8aa3bafff94706a187;hp=584a8b7269dedc31f22219b8a251c22f3ff2961f;hpb=dcfffa578c5dd6647a5be7d2074488a520dfcf2d;p=Rakka.git diff --git a/defaultPages/StyleSheet/Default b/defaultPages/StyleSheet/Default index 584a8b7..562e02b 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,9 +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; @@ -109,6 +120,15 @@ padding: 20px; } +.sideBar p { + margin-left: 5px; +} + +.sideBar .outline li { + margin-left: 1em; + padding: 0; +} + .sideBar li { padding: 3px; } @@ -116,17 +136,18 @@ .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 */ +/* color and text *************************************************************/ * { font-family: sans-serif; } @@ -134,7 +155,9 @@ body { background-color: white; color: black; +} +.body { line-height: 1.3; } @@ -142,26 +165,24 @@ h1, h2, h3, h4, h5, h6 { font-weight: normal; } +hr { + border-color: #bbbbbb; + border-width: 1px; + border-style: dashed; +} + .title { background-color: #fafafa; border-color: #cccccc; - border-width: 0 0 3px 0; - border-style: double; + border-width: 0 0 1px 0; + border-style: solid; font-size: 1.2em; } .body h1 { - font-size: 180%; - - background-color: #fafafa; - - border-color: #dddddd; - border-width: 2px; - border-style: solid; - - padding: 0 10px; + font-size: 200%; } .body h2 { font-size: 150%; @@ -175,23 +196,32 @@ h1, h2, h3, h4, h5, h6 { .body h5 { font-size: 90%; } -.body h2, .body h3, .body h4, .body h5 { +.body h1, .body h2, .body h3, .body h4, .body h5 { background-color: #fafafa; border-color: #dddddd; - border-width: 0 0 1px 0; + border-width: 1px; border-style: solid; padding: 0 10px; } +a { + color: #008800; + text-decoration: none; +} + .header, .footer, .sideBar { background-color: #eeeeee; } .sideBar h1 { font-size: 120%; - font-weight: bold; +} +.sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 { + font-weight: normal; + + color: #555555; background-color: #fafafa; border-color: #dddddd white white #dddddd; @@ -199,47 +229,49 @@ h1, h2, h3, h4, h5, h6 { border-style: solid; } -.sideBar a { - color: #4e8eff; -} - -.sideBar a:visited { - color: #3f73d0; -} - .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.8em 0; +.sideBar li { + padding: 3px 5px; + background-color: #f5f5f5; +} + +.sideBar .recentUpdates li, .sideBar .trackbacks li { + background-color: #e0e0e0; } -/* float */ +/* float **********************************************************************/ h1, h2, h3, h4, h5, h6 { clear: both; } -/* image */ +/* image **********************************************************************/ img { border-width: 0; } @@ -268,7 +300,7 @@ img { border-style: solid; margin-top: 5px; - margin-bottom: 5px; + margin-bottom: 10px; } .imageFrame p { @@ -282,5 +314,27 @@ 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: " +}