X-Git-Url: http://git.cielonegro.org/gitweb.cgi?a=blobdiff_plain;f=defaultPages%2FStyleSheet%2FDefault;h=15d58b2f373de4f0dde83fd93e23e198369a0d52;hb=ace1b98b247b32e719a72a04fafe9fbffc1c49b0;hp=bde37fb5e4ea1e30cdae7eee01cbc361a4cbd4d8;hpb=478a7dc233df921885184b06653735fdaf452305;p=Rakka.git diff --git a/defaultPages/StyleSheet/Default b/defaultPages/StyleSheet/Default index bde37fb..15d58b2 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; @@ -53,19 +52,31 @@ bottom: 0; } -.side-bar { +.sideBar { position: absolute; overflow: auto; } -/* spacing */ +/* spacing ********************************************************************/ +.title { + padding: 5px 20px; +} + +.title p { + margin: 0; +} + .body { padding: 25px 30px; } +.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,71 +103,228 @@ margin-top: 0.9em; } -.side-bar .content { +.sideBar h1 { + margin-bottom: 5px; + padding: 0px 5px; +} + +.sideBar .content { padding: 20px; } -.side-bar li { +.sideBar p { + margin-left: 5px; +} + +.sideBar .outline li { + margin-left: 1em; + padding: 0; +} + +.sideBar li { padding: 3px; } -.side-bar ul, .side-bar ol { +.sideBar ul, .sideBar ol { list-style-type: none; margin-top: 0.4em; + margin-bottom: 0.4em; } -.side-bar li + li { - margin-top: 0.2em; +.sideBar li + li { + margin-top: 0.1em; } -.side-bar ul + h1 { +.sideBar * + h1 { margin-top: 1.2em; } -/* color and text */ +/* color and text *************************************************************/ +* { + font-family: sans-serif; +} + body { - background-color: #white; + background-color: white; color: black; } -.header, .footer, .side-bar { +.body { + line-height: 1.3; +} + +p { + margin: 0 0 0.8em 0; +} + +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; } -.side-bar h1 { +.sideBar h1 { font-size: 120%; - font-weight: bold; } +.sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 { + font-weight: normal; -.side-bar a { - color: #4e8eff; -} + color: #555555; + background-color: #fafafa; -.side-bar a:visited { - color: #3f73d0; + border-color: #dddddd white white #dddddd; + border-width: 1px; + border-style: solid; } -.side-bar .date { +.sideBar .date { font-size: 70%; white-space: nowrap; } -.side-bar .trackbacks p { +.sideBar .trackbacks p { font-size: 90%; } -.side-bar .outline li { +.sideBar .outline li { + list-style-type: disc; + background-color: inherit; +} +.sideBar .outline li li { list-style-type: circle; - margin-left: 1em; - - padding: 0; - background-color: black; } -.side-bar .outline li li { +.sideBar .outline li li li { + list-style-type: square; +} +.sideBar .outline li li li li { list-style-type: disc; } -.side-bar .outline li li li { - list-style-type: square; +.sideBar .outline li li li li li { + list-style-type: circle; +} + +.sideBar li { + padding: 2px 5px; + background-color: #f5f5f5; +} + +/* float **********************************************************************/ +h1, h2, h3, h4, h5, h6 { + clear: both; +} + +/* image **********************************************************************/ +img { + border-width: 0; +} + +.inlineImage { + margin-top: 5px; + margin-bottom: 5px; +} + +.leftFloat { + float: left; + margin-right: 25px; +} + +.rightFloat { + float: right; + margin-left: 25px; +} + +.imageFrame { + background-color: #eeeeee; + padding: 5px; + + border-color: #cccccc; + border-width: 1px; + border-style: solid; + + margin-top: 5px; + margin-bottom: 10px; +} + +.imageFrame p { + margin: 0; +} + +.imageData { + text-align: center; +} + +.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: " }