diff options
Diffstat (limited to 'custom/style')
| -rw-r--r-- | custom/style/dark.css | 125 | ||||
| -rw-r--r-- | custom/style/default.css | 128 | ||||
| -rw-r--r-- | custom/style/green.css | 132 | ||||
| -rw-r--r-- | custom/style/light.css | 124 | ||||
| -rw-r--r-- | custom/style/mobile.css | 8 |
5 files changed, 517 insertions, 0 deletions
diff --git a/custom/style/dark.css b/custom/style/dark.css new file mode 100644 index 0000000..1ee004b --- /dev/null +++ b/custom/style/dark.css @@ -0,0 +1,125 @@ +html{ + font-family: Arial, sans-serif; + color: #FFF; + background: #333; + font-size: 62.5%; +} + +body{ + margin: 0; + padding: 0; + font-size: 1.1em; + line-height: 1.5em; +} + +a{ + color: #CCC; +} + +a:visited{ + color: #AAA; +} + +a:hover{ + color: #FFF; +} + +a img{ + border: none; +} + +pre, code{ + font-size: 1.2em; +} +/* Top +*******************************************************************************/ +#page{ + width: 640px; + margin: 0 auto; +} +/* Top +*******************************************************************************/ +#top{ + padding: 2%; + margin: 3em; + line-height: 2em; + color: #FFF; + text-align: center; +} + + #top h1{ + margin: 0; + letter-spacing: -1px; + font-family: Georgia, serif; + } + +/* Top +*******************************************************************************/ +#content{ + width: 66%; + padding: 0 2%; + margin: 0; + float: right; +} + +.post{ + margin-bottom: 3em; +} + +.post-title, .post-title a{ + font-family: Georgia, serif; + color: #CCC; + text-decoration: none; +} + +.post-title{ + padding-bottom: 0.5em; + border-bottom: 1px solid #444; +} + +.post-info{ + color: #999; + margin-top: -1em; +} + +.post-info a{ + color: #999; + text-decoration : none; +} + +/* Top +*******************************************************************************/ +#sidebar{ + width: 26%; + padding: 0 2%; + margin: 0; + float: left; +} + + #sidebar div{ + font-size: 0.8em; + } + + #sidebar h2{ + font-family: Georgia, serif; + color: #999; + } + + #sidebar a{ + text-decoration: none; + } + + #sidebar ul{ + margin: 0; + padding: 0; + list-style: none; + } + +/* Footer +*******************************************************************************/ +#footer{ + padding: 1ex 1em; + clear: both; + border-top: 1px solid #444; + color: #999; +}
\ No newline at end of file diff --git a/custom/style/default.css b/custom/style/default.css new file mode 100644 index 0000000..2095ff1 --- /dev/null +++ b/custom/style/default.css @@ -0,0 +1,128 @@ +html{
+ font-family: "Lucida Grande", "Segoe UI", sans-serif;
+ color: #111;
+ background: #EEE;
+ font-size: 62.5%;
+}
+
+body{
+ margin: 0;
+ padding: 0;
+ font-size: 1.3em;
+ line-height: 1.5em;
+}
+
+a{
+ color: #669;
+}
+
+a:visited{
+ color: #444;
+}
+
+a:hover{
+ color: #000;
+}
+
+a img{
+ border: none;
+}
+
+pre, code{ + max-height: 100%; + width: 100%;
+ font-size: 1.2em; + overflow: auto;
+}
+
+h1, h2{
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+h2{
+ margin: 0;
+}
+
+#page {
+ width: 890px;
+ margin: 0 auto;
+}
+ +/* Header +*******************************************************************************/
+#top {
+ color: #FFF;
+ padding: 10px 30px;
+} + h1 a, + h1 a:visited { + color: #665; + text-decoration: none; + } + h1 a:hover { + color: #444; + }
+ +/* Content +*******************************************************************************/
+#content {
+ width: 590px;
+ float: left;
+}
+ +/* Sidebar +*******************************************************************************/
+#sidebar {
+ width: 300px;
+ float: left;
+}
+ #sidebar div {
+ padding: 1em 30px;
+ } + #sidebar h2 { + color: #665; + }
+ #sidebar ul {
+ list-style: none;
+ padding: 0;
+ margin: 1em 0;
+ }
+
+/* Article +*******************************************************************************/
+.article{
+ margin-bottom: 2em;
+ padding: 30px;
+ background: #FFF;
+ border: 1px solid #DDD;
+}
+
+ .article-title,
+ .article-title a{
+ color: #111;
+ text-decoration: none;
+ }
+
+ .article-info{
+ margin: 0 0 1em 0;
+ color: #999;
+ } + + .article-content { + font-family: Georgia, serif; + }
+
+ .article img{
+ max-width: 440px;
+ }
+
+ .article .collapsed{
+ display: none;
+ } + +/* Footer +*******************************************************************************/ +#footer { + clear: both; + padding: 0 30px; +}
\ No newline at end of file diff --git a/custom/style/green.css b/custom/style/green.css new file mode 100644 index 0000000..d665bd8 --- /dev/null +++ b/custom/style/green.css @@ -0,0 +1,132 @@ +html{ + font-family: "Lucida Grande", Tahoma, sans-serif; + color: #333; + background: #DFC; + font-size: 62.5%; +} + +body{ + margin: 0; + padding: 0; + font-size: 1.1em; + line-height: 1.5em; +} + +a{ + color: #669; +} + +a:visited{ + color: #444; +} + +a:hover{ + color: #000; +} + +a img{ + border: none; +} + +pre, code{ + font-size: 1.2em; +} +/* Top +*******************************************************************************/ +#page{ + width: 60em; + margin: 0 auto; + background: #FFF; +} +/* Top +*******************************************************************************/ +#top{ + padding: 1.5em; + margin: 0; + background: #99cc33; + color: #FFF; + + border-top: 3px solid #7A2; + + -moz-border-radius-bottomleft: 5px; + -moz-border-radius-bottomright: 5px; +} + + #top h1{ + margin: 0; + } + + #top h1 a{ + color: #FFF; + text-decoration: none; + } + +/* Top +*******************************************************************************/ +#content{ + width: 38em; + padding: 0 2em; + margin: 2em 0; + float: left; + overflow: hidden; +} + +.post{ + margin-bottom: 3em; +} + +.post-title, .post-title a{ + color: #77AA22; + text-decoration: none; +} + +.post-info{ + color: #666; + margin-top: -1em; +} + +.post-info a{ + color: #669; + text-decoration : none; +} + +/* Top +*******************************************************************************/ +#sidebar{ + width: 13em; + padding: 0 2em; + margin: 2em 0; + float: right; +} + + #sidebar div{ + font-size: 0.8em; + } + + #sidebar h2{ + color: #99CC33; + } + + #sidebar a{ + text-decoration: none; + border-bottom: 1px solid #DDD; + } + + #sidebar ul{ + margin: 0; + padding: 0; + list-style: none; + } + + #sidebar li{ + margin: 0.5ex 0; + } + +/* Footer +*******************************************************************************/ +#footer{ + padding: 1ex 1em; + clear: both; + border-top: 1px dotted #CCC; + color: #999; +}
\ No newline at end of file diff --git a/custom/style/light.css b/custom/style/light.css new file mode 100644 index 0000000..60826e4 --- /dev/null +++ b/custom/style/light.css @@ -0,0 +1,124 @@ +html{ + font-family: Arial, sans-serif; + color: #333; + background: #FFF; + font-size: 62.5%; +} + +body{ + margin: 0; + padding: 0; + font-size: 1.1em; + line-height: 1.5em; +} + +a{ + color: #669; +} + +a:visited{ + color: #444; +} + +a:hover{ + color: #000; +} + +a img{ + border: none; +} + +pre, code{ + font-size: 1.2em; +} +/* Top +*******************************************************************************/ +#page{ + margin: 0; + background: #FFF; +} +/* Top +*******************************************************************************/ +#top{ + padding: 2%; + margin: 0; + background: #CCC; + color: #FFF; + + border-top: 5px solid #999; +} + + #top h1{ + margin: 0; + letter-spacing: -1px; + } + +/* Top +*******************************************************************************/ +#content{ + width: 66%; + padding: 0 2%; + margin: 0; + float: left; +} + +.post{ + margin-bottom: 3em; +} + +.post-title, .post-title a{ + color: #666; + text-decoration: none; +} + +.post-title{ + padding-bottom: 0.5em; + border-bottom: 1px dotted #CCC; +} + +.post-info{ + color: #666; + margin-top: -1em; +} + +.post-info a{ + color: #666; + text-decoration : none; +} + +/* Top +*******************************************************************************/ +#sidebar{ + width: 26%; + padding: 0 2%; + margin: 0; + float: right; +} + + #sidebar div{ + font-size: 0.8em; + } + + #sidebar h2{ + color: #999; + } + + #sidebar a{ + text-decoration: none; + border-bottom: 1px solid #DDD; + } + + #sidebar ul{ + margin: 0; + padding: 0; + list-style: none; + } + +/* Footer +*******************************************************************************/ +#footer{ + padding: 1ex 1em; + clear: both; + border-top: 1px dotted #CCC; + color: #999; +}
\ No newline at end of file diff --git a/custom/style/mobile.css b/custom/style/mobile.css new file mode 100644 index 0000000..38b3cd2 --- /dev/null +++ b/custom/style/mobile.css @@ -0,0 +1,8 @@ +body { +margin:0; +padding:0; +background-color:#fff; +color:#111; +font:.6em/1.2em normal arial,helvetica,sans-serif; +} +h1{font-size: 1em;text-align:center;}
\ No newline at end of file |