projects
/
blerg.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Make Links only activate on left click
[blerg.git]
/
www
/
css
/
blerg.css
diff --git
a/www/css/blerg.css
b/www/css/blerg.css
index
eb34757
..
aaa6bdd
100644
(file)
--- a/
www/css/blerg.css
+++ b/
www/css/blerg.css
@@
-179,39
+179,66
@@
h1, h2, h3 {
}
.blerg-post {
}
.blerg-post {
- padding: 20pt 20pt 16pt 20pt;
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ background-color: #1E1E1E;
}
.blerg-post h2 {
font-size: 14pt;
}
.blerg-post h2 {
font-size: 14pt;
- margin: 0;
+ margin: 12pt 12pt 8pt 12pt;
+}
+
+.blerg-post .content-decorator {
+ display: block;
+ border-color: #999;
+ margin: 8pt 12pt 12pt;
+ height: 35%;
+}
+
+.blerg-post .content {
+ display: block;
+ width: 100%;
+ height: 100%;
+ font-size: 14pt;
+ font-family: sans-serif;
}
}
-.blerg-post .buttons {
+.blerg-post .toolbar .switcher {
+ color: black;
+ background-color: white;
+ height: 60px;
+ padding: 12pt 8pt 4pt 12pt;
+}
+
+.blerg-post .toolbar .buttons {
+ height: 60px;
+ padding: 0 12pt 0 60px;
text-align: right;
text-align: right;
+ vertical-align: top;
+ background-image: url(/images/corner.svg);
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ background-size: auto 100%;
}
}
-.blerg-post .buttons .onyx-button {
+.blerg-post .
toolbar .
buttons .onyx-button {
margin-left: 4pt;
height: 0.4in;
width: 1in;
}
margin-left: 4pt;
height: 0.4in;
width: 1in;
}
-.blerg-post .onyx-input-decorator {
- display: block;
- border-color: #999;
- margin: 4pt 0;
-}
-
-.blerg-post .onyx-textarea {
- display: block;
- width: 100%;
+.blerg-post .bottom-panel {
+ height: 45%;
+ color: black;
+ background-color: white;
}
}
-.blerg-post .content {
- font-size: 14pt;
- font-family: sans-serif;
- height: 51pt;
+.blerg-post .bottom-panel > div {
+ padding: 12pt;
}
.login {
}
.login {
@@
-295,7
+322,6
@@
h1, h2, h3 {
display: table;
margin: 0 auto;
border-spacing: 10px;
display: table;
margin: 0 auto;
border-spacing: 10px;
- height: 600px;
}
.latest h2 {
}
.latest h2 {
@@
-304,7
+330,7
@@
h1, h2, h3 {
}
.latest-scroller {
}
.latest-scroller {
-
max-
height: 600px;
+ height: 600px;
padding: 12px;
overflow-y: auto;
}
padding: 12px;
overflow-y: auto;
}
@@
-338,15
+364,35
@@
h1, h2, h3 {
}
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 1100px) {
- .latest { display: block; }
+ .latest {
+ display: block;
+ margin-top: 15px;
+ }
.latest-posts {
display: block;
width: auto;
margin-right: 0;
overflow: auto;
.latest-posts {
display: block;
width: auto;
margin-right: 0;
overflow: auto;
+ }
+ .latest-tags {
+ display: block;
+ width: auto;
+ margin-top: 10px;
+ }
+ .latest-tags .latest-scroller {
+ height: auto;
+ }
+}
+
+@media screen and (max-width: 800px) {
+ .latest-posts, .latest-tags {
+ border: none;
+ background-color: inherit;
+ }
+ .latest-scroller {
height: auto;
height: auto;
+ padding: 0;
}
}
- .latest-tags { display: block; width: auto; }
}
.author {
}
.author {