1
0
mirror of https://github.com/schollz/cowyo.git synced 2023-08-10 21:13:00 +03:00

Update CSS

This commit is contained in:
Zack Scholl 2017-09-11 08:38:20 -06:00
parent dad4492c17
commit 2246747698
2 changed files with 147 additions and 107 deletions

File diff suppressed because one or more lines are too long

View File

@ -35,52 +35,46 @@
/* Required for lists */ /* Required for lists */
span { cursor: pointer; } span { cursor: pointer; }
{{ end }} {{ end }}
body { body {
background: #fff; background: #fff;
} }
.success { .success {
color: #5cb85c; color: #5cb85c;
font-weight: bold; font-weight: bold;
} }
.failure { .failure {
color: #d9534f; color: #d9534f;
font-weight: bold; font-weight: bold;
} }
.pure-menu a { .pure-menu a {
color: #777; color: #777;
} }
#wrap { #wrap {
position: absolute; position: absolute;
top: 50px; top: 30px;
left: 2%; left: 0px;
right: 2%; right: 0px;
bottom: 2%; bottom: 0px;
/* border: 3px double #f99;
*/
} }
#pad {
textarea { height:100%;
}
{{ if .EditPage }}
body {
overflow:hidden;
}
{{ end }}
body#pad textarea {
width: 100%; width: 100%;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
/* For IE and modern versions of Chrome */
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
/* For Firefox */
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
/* For Safari */
position: absolute; position: absolute;
/* padding: 1em 2em;
*/
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
top: 0; top: 30px;
border: 0; border: 0;
border: none; border: none;
outline: none; outline: none;
@ -88,7 +82,52 @@
-moz-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; box-shadow: none;
resize: none; resize: none;
{{ if .HasDotInName }}font-family: "Lucida Console", Monaco, monospace{{ end }} font-size: 1.0em;
{{ if .HasDotInName }}
font-family: "Lucida Console", Monaco, monospace;
{{else}}
font-family: 'Open Sans','Segoe UI',Tahoma,Arial,sans-serif;
{{ end }}
}
.markdown-body ul, .markdown-body ol {
padding-left: 0em;
}
@media (min-width: 5em) {
div#menu, div#rendered, body#pad textarea {
padding-left: 2%;
padding-right: 2%;
}
.pure-menu .pure-menu-horizontal {
max-width: 300px;
}
.pure-menu-disabled, .pure-menu-heading, .pure-menu-link {
padding-left:0.8em;
padding-right:0em;
}
}
@media (min-width: 50em) {
div#menu, div#rendered, body#pad textarea {
padding-left: 10%;
padding-right: 10%;
}
.pure-menu-disabled, .pure-menu-heading, .pure-menu-link {
padding: .5em 1em;
}
}
@media (min-width: 70em) {
div#menu, div#rendered, body#pad textarea {
padding-left: 15%;
padding-right: 15%;
}
}
@media (min-width: 100em) {
div#menu, div#rendered, body#pad textarea {
padding-left: 20%;
padding-right: 20%;
}
} }
</style> </style>
@ -389,9 +428,9 @@
</head> </head>
<body> <body id="pad">
<article class="markdown-body"> <article class="markdown-body">
<div class="pure-menu pure-menu-horizontal"> <div class="pure-menu pure-menu-horizontal" id="menu">
<ul class="pure-menu-list"> <ul class="pure-menu-list">
<li></li> <li></li>
<!-- Required to keep them level? --> <!-- Required to keep them level? -->
@ -436,11 +475,12 @@
<div id="wrap"> <div id="wrap">
{{ if .EditPage }} <div id="pad"><textarea autofocus placeholder="Start typing, it will save automatically.
Use Markdown for formatting and links (also make links like [[this]])." id="userInput">{{ .RawPage }}</textarea></div>{{ end }}
<div id="rendered">
{{ if .DontKnowPage }} <strong><center>{{ .Route }} not understood!</center></strong>{{ end }} {{ if .DontKnowPage }} <strong><center>{{ .Route }} not understood!</center></strong>{{ end }}
{{ if .ViewPage }}{{ .RenderedPage }}{{ end }} {{ if .ViewPage }}{{ .RenderedPage }}{{ end }}
{{ if .EditPage }} <textarea autofocus placeholder="Start typing, it will save automatically.
Use Markdown for formatting and links (also make links like [[this]])." id="userInput">{{ .RawPage }}</textarea>{{ end }}
{{ if .HistoryPage }} {{ if .HistoryPage }}
<h1>History</h1> <h1>History</h1>
<ul> <ul>
@ -475,7 +515,7 @@ Use Markdown for formatting and links (also make links like [[this]])." id="user
{{ end }} {{ end }}
</table> </table>
{{end}} {{end}}
</div>
</div> </div>
</article> </article>