crappyrules
/
notehub
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

makes pre wrap text + whitespace

master
Christian Müller 8 years ago
parent
ea687d2faa
commit
cdb7f8c74d
1 changed files with 117 additions and 116 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 233
      assets/public/style.css

233
assets/public/style.css
Unescape View File

@ -1,164 +1,164 @@
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
} }
html, body { html, body {
font-family: sans-serif; font-family: sans-serif;
padding: 0; padding: 0;
margin: 0; margin: 0;
color: #b0b0b0; color: #b0b0b0;
background: #353a3a; background: #353a3a;
} }
#hero { #hero {
text-align: center; text-align: center;
padding-bottom: 5em; padding-bottom: 5em;
padding-top: 5em; padding-top: 5em;
} }
.ui-border { .ui-border {
border-radius: 3px; border-radius: 3px;
border: 1px solid #333; border: 1px solid #333;
} }
a { a {
border-bottom: 1px dotted; border-bottom: 1px dotted;
text-decoration: none; text-decoration: none;
color: #097; color: #097;
} }
a:hover { a:hover {
color: #0a8; color: #0a8;
} }
a:visited { a:visited {
color: #086; color: #086;
} }
.button { .button {
cursor: pointer; cursor: pointer;
} }
.ui-elem { .ui-elem {
background: #fff; background: #fff;
font-size: 1em; font-size: 1em;
opacity: 0.8; opacity: 0.8;
padding: 0.3em; padding: 0.3em;
border-radius: 3px; border-radius: 3px;
font-weight: 300; font-weight: 300;
border: 1px solid #333; border: 1px solid #333;
} }
.landing-button { .landing-button {
line-height: 200%; line-height: 200%;
display: inline-block; display: inline-block;
width: 10em; width: 10em;
white-space: nowrap; white-space: nowrap;
border-radius: 3px; border-radius: 3px;
border: none; border: none;
margin: 0.5em; margin: 0.5em;
background: #0a6; background: #0a6;
font-size: 1.5em; font-size: 1.5em;
text-decoration: none; text-decoration: none;
font-weight: 300; font-weight: 300;
} }
.landing-button.demo { .landing-button.demo {
opacity: 0.9; opacity: 0.9;
background: #ddd; background: #ddd;
color: black !important; color: black !important;
} }
.landing-button:hover { .landing-button:hover {
background: #0b7; background: #0b7;
} }
.landing-button.demo:hover { .landing-button.demo:hover {
background: #eee; background: #eee;
} }
footer { footer {
text-align: center; text-align: center;
padding-bottom: 1em; padding-bottom: 1em;
font-size: 0.8em; font-size: 0.8em;
width: 100%; width: 100%;
font-weight: 300; font-weight: 300;
} }
footer a { footer a {
border: none; border: none;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-weight: 400; font-weight: 400;
} }
h1 { h1 {
font-size: 1.8em; font-size: 1.8em;
} }
h2 { h2 {
font-size: 1.6em; font-size: 1.6em;
} }
h3 { h3 {
font-size: 1.4em; font-size: 1.4em;
} }
h4 { h4 {
font-size: 1.2em; font-size: 1.2em;
} }
h5 { h5 {
font-size: 1.1em; font-size: 1.1em;
} }
h6 { h6 {
font-size: 1.0em; font-size: 1.0em;
} }
#hero h1 { #hero h1 {
font-size: 2.5em; font-size: 2.5em;
} }
#hero h2 { #hero h2 {
margin: 2em; margin: 2em;
font-weight: 300; font-weight: 300;
} }
#dashed-line { #dashed-line {
border-bottom: 1px dashed#888; border-bottom: 1px dashed#888;
} }
article { article {
text-align: justify; text-align: justify;
font-weight: 300; font-weight: 300;
margin-top: 3em; margin-top: 3em;
margin-bottom: 5em; margin-bottom: 5em;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }
article img { article img {
max-width: 100%; max-width: 100%;
} }
article p { article p {
line-height: 160%; line-height: 160%;
font-size: 1.05em; font-size: 1.05em;
} }
article > h1:first-child { article > h1:first-child {
margin: 2em; margin: 2em;
font-size: 2.0em; font-size: 2.0em;
text-align: center; text-align: center;
} }
.central-element { .central-element {
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }
strong { strong {
@ -166,102 +166,103 @@ strong {
} }
em, blockquote { em, blockquote {
font-family: Georgia, Palatino, "Palatino Linotype", serif; font-family: Georgia, Palatino, "Palatino Linotype", serif;
} }
blockquote { blockquote {
padding-left: 1em; padding-left: 1em;
border-left: 4px solid #097; border-left: 4px solid #097;
} }
.centered { .centered {
text-align: center; text-align: center;
} }
.bottom-space { .bottom-space {
margin-bottom: 7em; margin-bottom: 7em;
} }
*:focus { *:focus {
outline: 0px none transparent; outline: 0px none transparent;
} }
pre, code { pre, code {
font-family: monospace; white-space: pre-wrap;
border-radius: 3px; font-family: monospace;
background-color: #303535; border-radius: 3px;
background-color: #303535;
} }
pre { pre {
padding: 1em; padding: 1em;
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 100%;
} }
th { th {
background-color: #303535; background-color: #303535;
line-height: 2.5em; line-height: 2.5em;
padding: 0.3em; padding: 0.3em;
} }
td { td {
line-height: 2.5em; line-height: 2.5em;
padding: 0.3em; padding: 0.3em;
border-top: 1px solid #404545; border-top: 1px solid #404545;
} }
.middot { .middot {
padding: 0.5em; padding: 0.5em;
} }
/* MEDIA QUERIES */ /* MEDIA QUERIES */
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
article, .central-element { article, .central-element {
width: 800px; width: 800px;
} }
#dashed-line { #dashed-line {
margin-bottom: 3em; margin-bottom: 3em;
margin-top: 3em; margin-top: 3em;
} }
} }
@media screen and (max-width: 1023px) { @media screen and (max-width: 1023px) {
article, .central-element { article, .central-element {
width: 90%; width: 90%;
} }
#dashed-line { #dashed-line {
margin-bottom: 0.5em; margin-bottom: 0.5em;
margin-top: 0.5em; margin-top: 0.5em;
} }
} }
textarea { textarea {
background-color: #303535; background-color: #303535;
font-size: 1.2em; font-size: 1.2em;
color: #b0b0b0; color: #b0b0b0;
border-radius: 5px; border-radius: 5px;
flex: 1 0; flex: 1 0;
margin: 3em; margin: 3em;
padding: 2em; padding: 2em;
} }
textarea, fieldset { textarea, fieldset {
border: none; border: none;
} }
fieldset { fieldset {
margin-left: 3em; margin-left: 3em;
margin-right: 3em; margin-right: 3em;
margin-bottom: 3em; margin-bottom: 3em;
} }
form { form {
display: flex; display: flex;
flex: 1 0; flex: 1 0;
flex-direction: column; flex-direction: column;
} }

Write Preview
Loading…
Cancel
Save