From 3067e7b5338520608986f297a231f854381a5a21 Mon Sep 17 00:00:00 2001 From: Kendhia Date: Wed, 14 Nov 2012 22:47:11 +0100 Subject: [PATCH 1/2] Update theme/planet.css --- theme/planet.css | 309 ++++++++++++++++++++++++++++++++++++----------- 1 file changed, 241 insertions(+), 68 deletions(-) diff --git a/theme/planet.css b/theme/planet.css index 05653c0cd..d87aa77bf 100644 --- a/theme/planet.css +++ b/theme/planet.css @@ -1,111 +1,287 @@ body { - border-right: 1px solid black; margin-right: 200px; + margin-left: 000px; - padding-left: 20px; padding-right: 20px; + + font-style:monospace; + + background-color:#F2FAEB; } -h1 { - margin-top: 0px; - padding-top: 20px; +#content { + margin: 0px auto 0px auto; + padding: 0px 1em 0px 1em; + max-width: 60em; + padding-top: 150px; + background-color:#F2FAEB; - font-family: "Bitstream Vera Sans", sans-serif; - font-weight: normal; - letter-spacing: -2px; - text-transform: lowercase; - text-align: right; +} +#sympy-title +{ + background: none repeat scroll 0 0 #FFFFFF; + height: 10px; + border: 1 none; + text-decoration: None; + font-size: 100%; + margin: 0; + padding: 0; + vertical-align: baseline; + color: #2E3436; + font-family: Cantarell,'Droid Sans',Ubuntu,'DejaVu + Sans',Arial,sans-serif; + font-size: 14px; + line-height: 1.7em; +} - color: grey; +#sympy-title a +{ + -moz-border-radius: 5px 5px 5px 5px; + -webkit-border-radius: 5px; + border-radius: 5px 5px 5px 5px; + background: url("") no-repeat scroll 8px 7px #FFFFFF; + color: #555753; + float: right; + font-size: 12px; + font-style:none; + margin-right: 30px; + padding: 4px 12px 2px 26px; + text-decoration: none; + line-height: 1.7em; } -.admin { - text-align: right; +.topbar +{ + position: absolute; + top: 0; + left: 0; + width: 100%; + border-bottom: 2px solid #ccc; + background: #f9f9f9; + margin-top: 0; + padding-top:5px; + border-color:#81B953; + + } -h2 { - font-family: "Bitstream Vera Sans", sans-serif; - font-weight: normal; - color: #200080; + .topbar #planet-banner a { + text-decoration: none; - margin-left: -20px; + color:#3B5526; + font-style:none; + font-size:45px; + font-family:"Times New Roman", Times; +} +#page +{ + background: url("") repeat-x scroll center top #F2FAEB; + font-family: Cantarell,'Droid Sans',Ubuntu,'DejaVu + Sans',Arial,sans-serif; } -h3 { - font-family: "Bitstream Vera Sans", sans-serif; + +a +{ + color: #0489B7; +} + + +div.post-contents +{ + background: white; +} + +.post-title a +{ + color: #0489B7; + font-weight: bold; +} + + + +#planet-logo{ + margin-left:1%; + +} +#planet-sympy { + margin-left:9%; + +} + +#planet-subtitle +{ + color: #555753; + font-size: 100%; + font-weight: bold; + margin: 0; +} + + + +.post +{ + color: #555753; + line-height: 1.6; +} + +h2.date { + color: #777; font-weight: normal; + font-size: large; +} - background-color: #a0c0ff; - border: 1px solid #5080b0; +div.entry { + clear: both; +} - padding: 4px; +#person-info { + float: left; + margin-top: 25px ; + padding: 0 1.5em 0 1em; + left: 4px; + width: 8.5em; + text-align: center; } -h3 a { +#person-info a { text-decoration: none; + color: #777; + font-size: large; + +} +#person-info a:hover { color: inherit; } -h4 { - font-family: "Bitstream Vera Sans", sans-serif; - font-weight: bold; + +div.post { + position: relative; + margin-left: 10em; + padding: 2em; } -h4 a { + +.post-title { + position: relative; + z-index: 1; + margin-top: 0px; + font-size: large; +} + +.post-title a { text-decoration: none; - color: inherit; } -img.face { - float: right; - margin-top: -3em; +.post-title a:hover { + text-decoration: underline; } -.entry { - margin-bottom: 2em; +.post-contents { + position: relative; + z-index: 1; + line-height: 140%; } -.entry .date { - font-family: "Bitstream Vera Sans", sans-serif; - color: grey; +.post-contents h2, .post-contents h3, .post-contents h4 { + font-size: 100%; + font-weight: bold; } -.entry .date a { - text-decoration: none; - color: inherit; +.post-contents img, +.post-contents video { + width: auto; + max-width: 100%; + height: auto; } -.sidebar { - position: absolute; - top: 0px; - right: 0px; - width: 200px; +.post-contents a img { + border: 0px; +} - margin-left: 0px; - margin-right: 0px; - padding-right: 0px; +.post-contents blockquote, .post-contents pre { + color: #777; + margin: auto 1em auto 1em; + padding-left: 1em; + border-left: 5px solid #ddd; +} - padding-top: 20px; - padding-left: 0px; +.post-fixedwidth { + white-space: pre; +} +.post-contents pre { + overflow: auto; +} + +.post-contents ul { + margin: 0px; + margin-left: 1em; + padding: 0px; + list-style-image: url("image/arrow.png"); +} +.post-contents ul li { + margin: 1em; + padding: 0px; +} + +.post-contents .delicious-tags { + text-align: right; + font-size: x-small; +} + +.post-contents:after { + content: ""; + display: block; + clear: both; +} + +.post { + border-color:#81B953; + border-width:1px; + border-style:solid; + -moz-box-shadow: 10px 10px 5px #888; + -webkit-box-shadow: 10px 10px 5px #888; + box-shadow: 10px 10px 5px #888; + background:white; + + +} +.sidebar { + position:absolute; + top: 18%; + right:0px; + width:200px; + border-color:#81B953; + border-width:2px; + border-style:solid; + padding:10px 10px 10px 10px; + background-color:white; + -moz-box-shadow: 10px 10px 5px #888; + -webkit-box-shadow: 10px 10px 5px #888; + box-shadow: 10px 10px 5px #888; font-family: "Bitstream Vera Sans", sans-serif; font-size: 85%; } + + .sidebar h2 { font-size: 110%; font-weight: bold; - color: black; - + color: #06570A; padding-left: 5px; + border: 0.5px dashed black; + margin-left: 0px; + width:200px; } + + .sidebar ul { - padding-left: 1em; - margin-left: 0px; + list-style: url(images/arrow.png); - list-style-type: none; } .sidebar ul li:hover { @@ -132,19 +308,16 @@ img.face { padding-left: 5px; } -.sidebar .message { - cursor: help; - border-bottom: 1px dashed red; -} - -.sidebar a.message:hover { - cursor: help; - background-color: #ff0000; - color: #ffffff !important; - text-decoration: none !important; +#footer .block { + color: #FFF; + background: #3B5526; + max-width: auto; + min-width: auto; + font-size: 80%; + font-weight: bold; } -a:hover { - text-decoration: underline !important; - color: blue !important; +#footer .block p { + margin: 1; + padding: 6px; } From ab2d4231dba70bc1d6da38b521f16f2847aec8d8 Mon Sep 17 00:00:00 2001 From: Kendhia Date: Wed, 14 Nov 2012 22:49:44 +0100 Subject: [PATCH 2/2] Update theme/index.html.tmpl --- theme/index.html.tmpl | 233 ++++++++++++++++++++++-------------------- 1 file changed, 121 insertions(+), 112 deletions(-) diff --git a/theme/index.html.tmpl b/theme/index.html.tmpl index ef36d8cf3..6b1061235 100644 --- a/theme/index.html.tmpl +++ b/theme/index.html.tmpl @@ -1,122 +1,131 @@ -### Fancy Planet HTML template. -### -### When combined with the stylesheet and images in the output/ directory -### of the Planet source, this gives you a much prettier result than the -### default examples template and demonstrates how to use the config file -### to support things like faces -### -### For documentation on the more boring template elements, see -### examples/config.ini and examples/index.html.tmpl in the Planet source. - -<TMPL_VAR name> - -"> - - -" title="" type="application/+xml"> - + <TMPL_VAR name> + + + + Atom 1.0" href="atom.xml"> + RSS 2.0" href="rss20.xml"> + + + + + + -

- - - - - -### End
-
-### End
-
-
-
-

- - - - -### End
-
-
-
- -### Planet provides template variables for *all* configuration options for -### the channel (and defaults), even if it doesn't know about them. We -### exploit this here to add hackergotchi faces to our channels. Planet -### doesn't know about the "face", "facewidth" and "faceheight" configuration -### variables, but makes them available to us anyway. - -

" title="">

- -" width="" height="" alt=""> - - - - -
lang=""> - - lang="">"> - -
-
lang=""> - -
- -### Planet also makes available all of the information from the feed -### that it can. Use the 'planet-cache' tool on the cache file for -### a particular feed to find out what additional keys it supports. -### Comment extra fields are 'author' and 'category' which we -### demonstrate below. - -

-">by at under -

-
-
- - -### End
-
-### End
-
-
- - - - + +
+ + + + + +
+ + + + + + + + +

+
+ +
+ + +
+
+

">

+
+ +
+ +
+ + + + + +
+
+ +
+ +
+ + + +