mirror of
https://github.com/schollz/cowyo.git
synced 2023-08-10 21:13:00 +03:00
Update CSS
This commit is contained in:
parent
dad4492c17
commit
2246747698
88
bindata.go
88
bindata.go
File diff suppressed because one or more lines are too long
@ -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>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user