Created
January 10, 2020 21:23
-
-
Save keb/b3eb8a1ec9247d7fce485de7d7609b6b to your computer and use it in GitHub Desktop.
rwtxt styles
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* bio */ | |
img[alt="koopa"] { max-width: 154px; max-height: 154px; } | |
#keb { margin-top: 0.5em; margin-bottom: 0.5em; } | |
#keb-now-sh-https-keb-now-sh { margin-top: 0; margin-bottom: 0; } | |
main > h1:first-of-type { display: none; } | |
main > p { margin-bottom: 0; } | |
/* rwtxt controls */ | |
textarea[name="css"] { | |
min-width: 700px; | |
min-height: 1300px; | |
} | |
.list > div > div { | |
padding-bottom: 3px; | |
} | |
code, pre { | |
background-color: rgba(27,31,35,.05); | |
} | |
#editable.writing { | |
font-family: monospace !important; | |
background: #f7f7f7; | |
} | |
/* responsive properties */ | |
@media (max-width: 725px) { | |
main { | |
font-size: 1em !important; | |
} | |
.list a { | |
font-size: 1.5em; | |
line-height: 1.5em; | |
} | |
.list > div div { | |
white-space: normal; | |
overflow: auto; | |
text-overflow: unset; | |
} | |
} | |
body { | |
background: #f7f7f7; | |
color: #424242; | |
margin: 0 auto; | |
padding: 1rem; | |
} | |
main { | |
font-family: "Palatino","Georgia",serif; | |
font-size: 1.2em; | |
} | |
p { | |
line-height: 1.45em; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
font-family:"Trebuchet MS","Helvetica Neue","Helvetica","Arial",sans-serif; | |
margin:2.5rem 0 1rem; | |
font-weight: inherit; | |
} | |
hr { | |
border: 0; | |
margin: 0; | |
height: 1px; | |
background: rgba(0, 0, 0, 0.1); | |
} | |
a { | |
color: #4e5192; | |
text-decoration: none; | |
background-image: linear-gradient(0deg, | |
transparent, | |
transparent 50%, | |
rgba(0, 158, 224, 0.1) 0, | |
rgba(0, 158, 224, 0.1)); | |
background-position: 0 -100%; | |
background-size: 100% 200%; | |
transition-property: color, background-position; | |
transition-duration: 150ms; | |
transition-timing-function: ease-in; | |
} | |
a:hover, | |
a:focus { | |
color: #5c5fb1; | |
background-position: 0 0; | |
box-shadow: 0 1px 0 #5c5fb1; | |
} | |
#rendered a { color: #4e5192; } | |
#rendered a:hover { color: #5c5fb1; } | |
pre[class*="language-"]::after, | |
pre[class*="language-"]::before { | |
box-shadow: 0px 0px 0px #000 !important; | |
} | |
/** Hiding Date / Times **/ | |
/** Hide Login **/ | |
div.fr { opacity: 0; font-size: 1.2em; } | |
div.fr:hover { opacity: 1; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment