- commit
- 56ea5ac9873aa5eeaa51bbb80b0b90edc8c58e8d
- parent
- b5b71cef8016f5b00cfc81db0cbc47515ea02a19
- Author
- Tobias Bengfort <tobias.bengfort@gmx.net>
- Date
- 2014-09-25 20:52
refactor css
Diffstat
| M | index.html | 3 | ++- |
| A | static/color.css | 20 | ++++++++++++++++++++ |
| R | style/kabumm.less -> static/plutopluto.css | 103 | +++++++++++++++++++++++++------------------------------------ |
| D | style/colorschemes/pony/rarity.less | 14 | -------------- |
4 files changed, 64 insertions, 76 deletions
diff --git a/index.html b/index.html
@@ -4,11 +4,12 @@ 4 4 <head> 5 5 <meta charset="utf-8"> 6 6 <title>plutopluto</title>7 -1 <link rel="stylesheet" href="/static/plutopluto.css" type="text/css" />8 7 <link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico"/> 9 8 <script src="/static/jqlite.js" type="text/javascript" ></script> 10 9 <script src="/static/mustache.js" type="text/javascript" ></script> 11 10 <script src="/static/plutopluto.js" type="text/javascript" ></script> -1 11 <link rel="stylesheet" href="/static/plutopluto.css" type="text/css" /> -1 12 <link rel="stylesheet" href="/static/color.css" type="text/css" /> 12 13 </head> 13 14 14 15 <body>
diff --git a/static/color.css b/static/color.css
@@ -0,0 +1,20 @@
-1 1 body {
-1 2 color: black;
-1 3 background-color: #adb8bf;
-1 4 }
-1 5
-1 6 #stream > li {
-1 7 color: #6951a2;
-1 8 background-color: #eaeff2;
-1 9 }
-1 10
-1 11 .loading, .meta {
-1 12 color: #b7c1c7;
-1 13 background-color: #43285B;
-1 14
-1 15 background: -webkit-linear-gradient(135deg, #43285b 0%,#83509f 100%);
-1 16 background: -moz-linear-gradient(135deg, #43285b 0%,#83509f 100%);
-1 17 background: -o-linear-gradient(135deg, #43285b 0%,#83509f 100%);
-1 18 background: -ms-linear-gradient(135deg, #43285b 0%,#83509f 100%);
-1 19 background: linear-gradient(135deg, #43285b 0%,#83509f 100%);
-1 20 }
diff --git a/style/kabumm.less b/static/plutopluto.css
@@ -1,85 +1,66 @@1 -1 @import "colorschemes/pony/rarity.less";2 -1 .c1 {color: @fg1; background-color: @bg1;}3 -1 .c2 {color: @fg2; background-color: @bg2;}4 -1 .c3 {color: @fg3; background-color: @bg3;}5 -16 -1 /* markros */7 -1 .block {8 -1 box-shadow: 0.1em 0.2em 0.6em 0.1em @fg1;9 -1 margin-bottom: 4em;10 -1 display: block;11 -1 overflow: hidden;12 -1 .clearfix;13 -1 padding: 0.6em;14 -1 }15 -1 .clearfix {16 -1 overflow: hidden;17 -1 }18 -1 .menu {19 -1 list-style-type: none;20 -1 padding: 0;21 -1 margin: 0;22 -1 > li {display: inline-block}23 -1 }24 -125 -1 /* reset */26 1 a img { 27 2 border: none; 28 3 } 29 430 -1 a {-1 5 a:link { 31 6 color: inherit; 32 7 text-decoration: underline;33 -1 cursor: pointer;34 -1 &:hover, &:focus {35 -1 text-decoration: none;36 -1 }-1 8 } -1 9 -1 10 a:link:hover, a:link:focus { -1 11 text-decoration: none; -1 12 } -1 13 -1 14 blockquote { -1 15 margin: 1em 1.5em 1em 0.5em; -1 16 padding-left: 0.5em; -1 17 border-left: 0.2em solid; 37 18 } 38 19 39 20 body {40 -1 margin: 0 auto;-1 21 margin: 4em auto; 41 22 width: 60%; 42 23 max-width: 54em; 43 24 min-width: 20em;44 -1 .c1;45 25 font-family: sans-serif; 46 26 } 47 2748 -1 blockquote {49 -1 margin: 1em 1.5em 1em 0.5em;50 -1 padding-left: 0.5em;51 -1 border-left: 0.2em solid @fg2;-1 28 #stream > li, -1 29 .loading { -1 30 display: block; -1 31 margin-bottom: 4em; -1 32 overflow: hidden; -1 33 box-shadow: 0.1em 0.2em 0.6em 0.1em black; 52 34 } 53 35 54 36 #stream {55 -1 padding: 0;-1 37 list-style-type: none; 56 38 margin: 0;57 -1 margin-top: 4em;58 -1 > li {59 -1 .c2;60 -1 .block;61 -1 padding: 0;62 -1 .meta {63 -1 .c3;64 -1 position: relative;65 -1 padding: 0.4em 0.6em;66 -1 font-size: smaller;67 -1 .info, .actions {.menu}68 -1 .actions {float: right;}69 -1 .clearfix;70 -1 }71 -1 .body {72 -1 padding: 0.6em;73 -1 line-height: 1.2em;74 -1 img {75 -1 max-width: 100%;76 -1 }77 -1 }78 -1 }-1 39 padding: 0; -1 40 } -1 41 -1 42 .meta { -1 43 padding: 0.4em 0.6em; -1 44 overflow: hidden; -1 45 font-size: smaller; -1 46 } -1 47 -1 48 .body { -1 49 padding: 0.6em; -1 50 line-height: 1.2; -1 51 } -1 52 -1 53 .body img { -1 54 max-width: 100%; 79 55 } 80 56 81 57 .loading {82 -1 .block;83 -1 .c3;-1 58 padding: 0.6em; 84 59 text-align: center; -1 60 cursor: pointer; -1 61 } -1 62 -1 63 .meta, .loading { -1 64 color: white; -1 65 background: black; 85 66 }
diff --git a/style/colorschemes/pony/rarity.less b/style/colorschemes/pony/rarity.less
@@ -1,14 +0,0 @@1 -1 @bg1: #ADB8BF;2 -1 @bg2: #EAEFF2;3 -1 @bg3: #43285b;4 -1 @fg1: #000000;5 -1 @fg2: #6951A2;6 -1 @fg3: #B7C1C7;7 -18 -1 .c3 {9 -1 background: -webkit-linear-gradient(135deg, #43285b 0%,#83509f 100%);10 -1 background: -moz-linear-gradient(135deg, #43285b 0%,#83509f 100%);11 -1 background: -o-linear-gradient(135deg, #43285b 0%,#83509f 100%);12 -1 background: -ms-linear-gradient(135deg, #43285b 0%,#83509f 100%);13 -1 background: linear-gradient(135deg, #43285b 0%,#83509f 100%);14 -1 }