X-Git-Url: http://git.cielonegro.org/gitweb.cgi?a=blobdiff_plain;f=defaultPages%2FStyleSheet%2FDefault;h=b2c369359fc38eb7a1f59c640d2fa5e3bd2ace05;hb=859d4378c2e2a1ccc8028821a37eeaa43aaa23fb;hp=a51a05371affc2ade7ff08273a6d3af7d0fa0d3e;hpb=7c3065043cdfbd96539a9bf6bff9b1d4281c0b2a;p=Rakka.git diff --git a/defaultPages/StyleSheet/Default b/defaultPages/StyleSheet/Default index a51a053..b2c3693 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,14 +57,34 @@ overflow: auto; } -/* spacing */ +/* spacing ********************************************************************/ +.title { + padding: 5px 20px; +} + +.title p { + margin: 0; +} + .body { 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; @@ -92,10 +111,24 @@ margin-top: 0.9em; } +.sideBar h1 { + margin-bottom: 5px; + padding: 0px 5px; +} + .sideBar .content { padding: 20px; } +.sideBar p { + margin-left: 5px; +} + +.sideBar .outline li { + margin-left: 1em; + padding: 0; +} + .sideBar li { padding: 3px; } @@ -103,74 +136,146 @@ .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; +} + +/* color and text *************************************************************/ +* { + font-family: sans-serif; +} + body { - background-color: #white; + background-color: white; color: black; +} +.body { line-height: 1.3; } +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 1px 0; + border-style: solid; + + font-size: 1.2em; +} + +.body h1 { + font-size: 200%; +} +.body h2 { + font-size: 150%; +} +.body h3 { + font-size: 130%; +} +.body h4 { + font-size: 110%; +} +.body h5 { + font-size: 90%; +} +.body h1, .body h2, .body h3, .body h4, .body h5 { + background-color: #fafafa; + + border-color: #dddddd; + 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; -.sideBar a { - color: #4e8eff; -} + color: #555555; + background-color: #fafafa; -.sideBar a:visited { - color: #3f73d0; + border-color: #dddddd white white #dddddd; + border-width: 1px; + border-style: solid; } .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; +} + +.sideBar li { + padding: 3px 5px; + background-color: #f5f5f5; +} -p { - margin: 0.8em 0; +.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; } @@ -195,8 +300,11 @@ img { padding: 5px; border-color: #cccccc; - border-width: 2px; - border-style: dotted; + border-width: 1px; + border-style: solid; + + margin-top: 5px; + margin-bottom: 10px; } .imageFrame p { @@ -210,5 +318,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: " +}