mirror/cowyo
1
0
Fork 0
mirror of https://github.com/schollz/cowyo.git synced 2023-08-10 21:13:00 +03:00
Code Issues Projects Releases Wiki Activity

Update CSS

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
bindata.go
View File

File diff suppressed because one or more lines are too long

166
templates/index.tmpl
View File

@ -31,65 +31,104 @@
<script type="text/javascript" src="/static/js/highlight.pack.js"></script> <script type="text/javascript" src="/static/js/highlight.pack.js"></script>
<style type="text/css"> <style type="text/css">
{{ if .ListPage }} {{ if .ListPage }}
/* Required for lists */ /* Required for lists */
span { cursor: pointer; } span { cursor: pointer; }
{{ end }} {{ end }}
body {
background: #fff;
}
.success {
color: #5cb85c;
font-weight: bold;
}
.failure {
color: #d9534f;
font-weight: bold;
}
.pure-menu a {
color: #777;
}
#wrap {
position: absolute;
top: 30px;
left: 0px;
right: 0px;
bottom: 0px;
}
#pad {
height:100%;
}
{{ if .EditPage }}
body {
overflow:hidden;
}
{{ end }}
body#pad textarea {
width: 100%;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 30px;
border: 0;
border: none;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
resize: none;
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;
}
body { @media (min-width: 5em) {
background: #fff; 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%;
}
}
.success { @media (min-width: 100em) {
color: #5cb85c; div#menu, div#rendered, body#pad textarea {
font-weight: bold; padding-left: 20%;
} padding-right: 20%;
}
.failure { }
color: #d9534f;
font-weight: bold;
}
.pure-menu a {
color: #777;
}
#wrap {
position: absolute;
top: 50px;
left: 2%;
right: 2%;
bottom: 2%;
/* border: 3px double #f99;
*/
}
textarea {
width: 100%;
height: 100%;
box-sizing: border-box;
/* For IE and modern versions of Chrome */
-moz-box-sizing: border-box;
/* For Firefox */
-webkit-box-sizing: border-box;
/* For Safari */
position: absolute;
/* padding: 1em 2em;
*/
left: 0;
right: 0;
bottom: 0;
top: 0;
border: 0;
border: none;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
resize: none;
{{ if .HasDotInName }}font-family: "Lucida Console", Monaco, monospace{{ end }}
}
</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 .DontKnowPage }} <strong><center>{{ .Route }} not understood!</center></strong>{{ end }} {{ if .EditPage }} <div id="pad"><textarea autofocus placeholder="Start typing, it will save automatically.
{{ 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 }} 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 .ViewPage }}{{ .RenderedPage }}{{ 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>