Skip to content

Instantly share code, notes, and snippets.

@bluestrike2
Last active May 12, 2018 23:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bluestrike2/59ffb7796a8d48575c28ceb1383e8603 to your computer and use it in GitHub Desktop.
Save bluestrike2/59ffb7796a8d48575c28ceb1383e8603 to your computer and use it in GitHub Desktop.
discoverdev.io user style
@-moz-document domain("discoverdev.io") {
body {
background-color: #192834;
font-size: calc( 20px + ( ( 20 - 16) * (100vw - 400px) / (1200 - 400)));
}
header>nav,
main>.intro,
.tag-list li,
.post-link>.title,
.post-item .title,
ul.tag-list {
font-size: inherit;
}
h1,
.page-title {
font-size: 2.027em;
margin-top: .702em;
}
div.wrapper {
background-color: #192834;
color: #507895;
font-size: inherit;
margin: 1em 1em 2.027em;
max-width: none;
}
main.archive-page {
margin: 0 calc(1em + 2.5%) 2.027em;
max-width: none;
padding: 0;
}
main>article,
ul.archive-list,
ul.tag-list {
max-width: 40em;
margin: 0 auto;
padding-left: 0;
}
ul.archive-list {}
/* header */
body>header {
background: none;
border: none;
margin: 0 calc(1em + 1%);
}
header>nav>ul>li>a {
color: #507895;
}
header>nav>ul>li>a:hover {
color: #7b9eb7;
}
header>nav>ul>li>a.highlight {
color: #80bf40;
}
header>nav>ul>li>a.highlight:hover {
color: #8cdd3c;
}
.logo>a {
display: block;
height: 60px;
width: 242px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 478.7 118.8' style='enable-background:new 0 0 478.7 118.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2380BF40;%7D .st1%7Bfill:%23507895;%7D%0A%3C/style%3E%3Cpath class='st0' d='M13.3,11.6v106.9l24.1-24.4V33.2h60.2L119,11.6L13.3,11.6z'/%3E%3Cpath class='st1' d='M0,0v112.5l23.8-24.2V22.5h65L111,0H0z'/%3E%3Cpath class='st1' d='M45.4,44h12.9c4.2,0,7.6,0.6,10.1,1.7c2.5,1.1,4.7,2.9,6.4,5.2c3.4,4.6,5.1,10.7,5.1,18.3 c0,7.9-1.8,13.9-5.5,18.2c-3.7,4.3-9.4,6.4-17.2,6.4H45.4V44z M57.1,86.8c4.7,0,8.1-1.5,10.4-4.4c2.3-2.9,3.4-7.2,3.4-12.9 c0-12-4.3-18-13-18h-3.9v35.4H57.1z M89,93.8v-7.2h9v-23h-8.5v-7.2h17.5v30.2h8.2v7.2H89z M101.9,50c-1,0-2-0.2-2.8-0.7 c-0.9-0.5-1.5-1.1-2-1.9c-0.5-0.8-0.7-1.7-0.7-2.6c0-1.5,0.5-2.8,1.6-3.8c1-1,2.4-1.5,4-1.5c1,0,1.9,0.2,2.8,0.7 c0.9,0.5,1.6,1.1,2.1,2c0.5,0.8,0.8,1.7,0.8,2.6s-0.3,1.8-0.8,2.6c-0.5,0.8-1.2,1.4-2.1,1.9C103.7,49.8,102.8,50,101.9,50z M145.5,71.5c3.1,0.9,5.5,1.9,7.2,2.8c1.8,0.9,3,2.1,3.8,3.4c0.8,1.3,1.2,3,1.2,5c0,2.2-0.6,4.2-1.9,6.1c-1.3,1.9-3,3.4-5.3,4.6 c-2.2,1.1-4.7,1.7-7.5,1.7c-3.8,0-7-0.5-9.8-1.5c-2.8-1-5.3-2.6-7.7-4.8l3.7-6.6l0-0.1l0.1,0.1c1.8,2,3.8,3.4,5.9,4.3 c2.1,0.9,4.7,1.3,7.8,1.3c4.3,0,6.4-1.4,6.4-4.2c0-0.9-0.3-1.6-0.8-2.2c-0.5-0.6-1.4-1.2-2.5-1.7c-1.1-0.5-2.7-1.1-4.7-1.6 c-4.3-1.1-7.6-2.5-10-4.2s-3.6-4.1-3.6-7c0-2.2,0.6-4.1,1.7-5.8c1.2-1.7,2.8-3,5-3.9c2.2-1,4.7-1.4,7.6-1.4c2.9,0,5.6,0.5,8,1.4 c2.4,0.9,4.6,2.4,6.7,4.3l-4.5,6.3l0,0.1c0,0,0,0,0,0c0,0,0,0,0,0c-1.1-1.6-2.5-2.8-4.2-3.6c-1.7-0.9-3.6-1.3-5.6-1.3 c-1.6,0-2.9,0.3-4,0.8c-1.1,0.5-1.6,1.3-1.6,2.2c0,0.9,0.3,1.6,0.9,2.2c0.6,0.6,1.5,1.2,2.7,1.7C141.6,70.3,143.3,70.8,145.5,71.5z M151.3,67.7C151.3,67.7,151.3,67.7,151.3,67.7c0.2-0.1,0.3,0,0.5,0.1c0.2,0.1,0.3,0.2,0.4,0.3l-0.2,0.2L151.3,67.7L151.3,67.7z M152.4,67.8c0.2,0.3,0.3,0.5,0.3,0.5c0,0-0.1,0-0.2-0.1c-0.1-0.1-0.2-0.1-0.3-0.2L152.4,67.8z M130.5,82.2 C130.5,82.3,130.5,82.3,130.5,82.2c-0.2,0.1-0.3,0-0.5-0.1c-0.2-0.1-0.4-0.2-0.5-0.2l0.2-0.3l0.8,0.5L130.5,82.2z M129.4,82.2 c-0.2-0.2-0.3-0.3-0.3-0.4c0,0,0,0,0,0c0,0,0,0,0,0l0.4,0.2L129.4,82.2z M183.8,87.4c1.7,0,3.3-0.4,5-1.2c1.6-0.8,3.2-2,4.6-3.8 l5.2,6c-2,2.3-4.3,3.9-6.8,5c-2.5,1.1-5.2,1.6-7.9,1.6c-3.6,0-6.9-0.8-9.8-2.5c-2.9-1.7-5.1-4-6.7-7c-1.6-3-2.4-6.3-2.4-10.1 c0-3.7,0.8-7.1,2.4-10.1c1.6-3,3.8-5.4,6.7-7.1c2.9-1.8,6.2-2.6,9.8-2.6c3.1,0,5.9,0.6,8.6,1.9c2.7,1.2,4.8,3,6.3,5.3l-5,5.9l0,0.1 c0,0,0,0,0,0s0,0,0,0c-1.1-1.9-2.4-3.3-4-4.2c-1.6-0.9-3.5-1.4-5.9-1.4c-1.8,0-3.5,0.5-5,1.6c-1.5,1-2.7,2.5-3.6,4.4 c-0.9,1.9-1.3,4.1-1.3,6.5c0,2.4,0.4,4.4,1.2,6.2c0.8,1.8,2,3.1,3.5,4.1C180.2,87,181.9,87.4,183.8,87.4z M192.7,68.6 c0-0.1,0-0.1,0.1-0.1c0.2,0,0.4,0.2,0.8,0.5l-0.2,0.2L192.7,68.6L192.7,68.6z M193.8,68.8c0.2,0.3,0.2,0.5,0.2,0.5c0,0,0,0,0,0 c-0.1,0-0.2-0.1-0.4-0.3L193.8,68.8z M221.9,95.1c-3.3,0-6.3-0.8-9-2.5c-2.7-1.7-4.8-4.1-6.4-7.1s-2.3-6.5-2.3-10.3 c0-3.6,0.8-6.9,2.4-9.9c1.6-3,3.8-5.3,6.5-7.1s5.7-2.6,8.9-2.6c3.2,0,6.2,0.9,8.9,2.6c2.7,1.7,4.9,4.1,6.5,7.1 c1.6,3,2.4,6.3,2.4,9.9c0,3.9-0.8,7.3-2.3,10.3s-3.7,5.4-6.4,7.1C228.3,94.3,225.2,95.1,221.9,95.1z M221.9,87.9 c1.8,0,3.3-0.5,4.6-1.6c1.3-1.1,2.3-2.5,3-4.5c0.7-1.9,1.1-4.1,1.1-6.7c0-2.6-0.4-4.8-1.1-6.6c-0.7-1.9-1.7-3.3-3-4.3 c-1.3-1-2.9-1.5-4.6-1.5c-1.7,0-3.2,0.5-4.5,1.5c-1.3,1-2.3,2.4-3,4.3c-0.7,1.9-1.1,4.1-1.1,6.6c0,2.6,0.3,4.8,1,6.7 s1.7,3.4,2.9,4.4C218.6,87.4,220.2,87.9,221.9,87.9z M278.5,56.5c-0.1,2.2-0.5,4.4-1.2,6.5c-0.7,2.2-1.7,4.9-3,8.3l-8.9,22.5H258 l-14.2-37.3h8.9l9.3,27.4l5.4-13.5c1-3,1.8-5.5,2.3-7.6c0.5-2.1,0.8-4.2,0.8-6.2H278.5z M303.5,95.1c-3.6,0-6.8-0.8-9.6-2.3 c-2.8-1.6-5-3.8-6.6-6.8s-2.4-6.4-2.4-10.4c0-4,0.8-7.6,2.3-10.6c1.5-3,3.6-5.3,6.3-7c2.7-1.6,5.7-2.5,9.1-2.5c3,0,5.7,0.7,8.1,2.1 s4.3,3.5,5.7,6.2c1.4,2.7,2.1,6.1,2.1,9.9c0,0.6-0.1,1.5-0.2,2.7l-0.1,1.1h-24.5c0.4,3.4,1.4,6,3.2,7.7c1.8,1.7,3.8,2.6,6.3,2.6 c1.7,0,3.4-0.4,5.2-1.2c1.8-0.8,3.2-1.9,4.3-3.3l5,5C313.8,92.9,309.1,95.1,303.5,95.1z M309.5,71.1c0-1.6-0.3-3-0.9-4.3 c-0.6-1.3-1.5-2.4-2.6-3.2c-1.1-0.8-2.4-1.2-3.9-1.2c-2.2,0-4,0.8-5.4,2.4c-1.4,1.6-2.3,3.7-2.6,6.3H309.5z M355.4,67.8L355.4,67.8 c-1-1.7-2.1-2.8-3.2-3.5c-1.1-0.7-2.5-1-4-1c-1.9,0-3.6,0.4-5.2,1.3c-1.5,0.9-2.7,2.2-3.6,3.8s-1.3,3.6-1.3,5.8v19.5H329V56.5h9.2 v5.3c1-1.9,2.4-3.4,4.4-4.5c1.9-1.1,4.1-1.6,6.4-1.6c1.9,0,3.7,0.3,5.5,1c1.8,0.7,3.5,1.7,4.9,3.1L355.4,67.8z M354.2,67.9 C354.2,67.8,354.3,67.8,354.2,67.9c0.1,0,0.3,0,0.4,0.1c0.2,0.1,0.3,0.2,0.5,0.2l0,0.1l-0.8-0.4L354.2,67.9z M355.4,67.8 c0.2,0.3,0.2,0.4,0.2,0.5c0,0,0,0-0.1,0c-0.1,0-0.2-0.1-0.4-0.2L355.4,67.8z'/%3E%3Cpath class='st0' d='M365.4,44h12.9c4.3,0,7.6,0.6,10.1,1.7c2.5,1.1,4.7,2.9,6.4,5.2c3.4,4.6,5.1,10.7,5.1,18.3 c0,7.9-1.8,13.9-5.5,18.2c-3.7,4.3-9.4,6.4-17.2,6.4h-11.9V44z M377.1,86.8c4.7,0,8.1-1.5,10.4-4.4c2.3-2.9,3.4-7.2,3.4-12.9 c0-12-4.3-18-13-18h-3.9v35.4H377.1z M423.5,95.1c-3.6,0-6.8-0.8-9.6-2.3c-2.8-1.6-5-3.8-6.6-6.8c-1.6-2.9-2.4-6.4-2.4-10.4 c0-4,0.8-7.6,2.3-10.6c1.5-3,3.6-5.3,6.3-7c2.7-1.6,5.7-2.5,9.1-2.5c3,0,5.7,0.7,8.1,2.1c2.4,1.4,4.3,3.5,5.7,6.2 c1.4,2.7,2.1,6.1,2.1,9.9c0,0.6-0.1,1.5-0.2,2.7l-0.1,1.1h-24.5c0.4,3.4,1.4,6,3.2,7.7c1.8,1.7,3.8,2.6,6.3,2.6 c1.7,0,3.4-0.4,5.2-1.2c1.8-0.8,3.2-1.9,4.3-3.3l5,5C433.8,92.9,429.1,95.1,423.5,95.1z M429.5,71.1c0-1.6-0.3-3-0.9-4.3 c-0.6-1.3-1.5-2.4-2.6-3.2c-1.1-0.8-2.4-1.2-3.9-1.2c-2.2,0-4,0.8-5.4,2.4c-1.4,1.6-2.3,3.7-2.6,6.3H429.5z M478.5,56.5 c-0.1,2.2-0.5,4.4-1.2,6.5c-0.7,2.2-1.7,4.9-3,8.3l-8.9,22.5H458l-14.2-37.3h8.9l9.3,27.4l5.4-13.5c1-3,1.8-5.5,2.3-7.6 c0.5-2.1,0.8-4.2,0.8-6.2H478.5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
@media only screen and (max-width:800px) {
.logo>a {
margin: 0 auto;
}
header>.logo img {
display: none;
}
}
.logo img {
display: none;
}
/* main content */
.day-list {
border-color: #335166;
padding-bottom: 1em;
}
.day-list>h1 {
border-bottom: 0;
font-size: 1.602em;
margin-bottom: .493em;
margin-left: -1em;
position: relative;
}
.day-list>h1:before {
content: "\2014";
margin-right: .5em;
width: .5em;
}
.day-list>time>a {
color: #7b9eb7;
text-decoration: none;
}
.day-list>time {
font-size: .79em;
vertical-align: text-bottom;
}
.day-list>ul>li {
margin-bottom: 1.266em;
padding-bottom: 0
}
span.domain,
.post-link>.tags {
font-size: .79em;
}
a,
.intro>.sub-highlight,
.post-link>.title>a,
.see-more a,
.tag-list li a,
.post-item>.title>a {
color: #80bf40;
}
a:hover,
.intro>.sub-highlight:hover,
.post-link>.title>a:hover,
.see-more a:hover,
.tag-list li a:hover,
.post-item>.title>a:hover {
color: #8cdd3c;
}
.tags a.tlink {
color: #507895;
}
.tags a.tlink:hover {
color: #7b9eb7;
}
main.tag-page,
main.archive-page,
main>article {
color: #507895;
font-size: inherit;
text-align: initial;
padding-top: 0;
}
section.subscribe-about,
div.subscribe-page {
border: none;
margin: 2em auto;
}
/* sidebar */
aside.col {
font-size: .889em;
max-width: none;
}
.signup {
background-color: #335166;
border: none;
color: #7b9eb7;
padding: 1em;
}
.signup > h1 {
margin: 0 0 .25em 0;
text-align: left;
border: none;
box-shadow: none;
}
.signup > .signup-msg {
text-align: left;
}
.signup>form>input[type=email],
.signup>form>input[type=text] {
background: #3d5e76;
border: none;
color: #7b9eb7;
display: block;
height: auto;
padding: 1em;
width: 100%;
}
.signup>form>input[type=email]::placeholder,
.signup>form>input[type=text]::placeholder {
color: #7b9eb7;
}
.signup>form>input[type=submit] {
background: none;
border: 1px solid #466b86;
border-radius: .25em;
color: #7b9eb7;
font-family: Inconsolata, Consolas, monospace;
font-size: 1.125em;
height: auto;
letter-spacing: 1px;
margin: -1em 0 0;
padding: .493em .889em;
text-align: center;
width: auto;
}
.signup>form>input[type=submit]:focus {
border-color: #507895;
box-shadow: 0 0 5px rgba(123, 158, 183, .9);
outline: none;
}
.signup > .privacy-msg {
color: #7b9eb7;
font-size: .624em;
}
.twitter-box {
align-items: stretch;
background-color: #335166;
border: none;
color: #7b9eb7;
display: flex;
justify-content: space-between;
padding: 1em;
}
.twitter-box p {
align-self: center;
font-size: inherit;
font-weight: normal;
float: none;
max-width: none;
}
.twitter-box > a {
margin-left: .5em;
}
.twitter-box img {
float: none;
height: 100%;
margin: 0;
}
/* footer */
footer {
background-color: #223644;
color: #507895;
margin-top: 2.027em;
padding: 1em;
}
footer>.msg {
display: block;
padding: 0 0 .25em 0;
}
footer>.copyright {
color: #507895;
padding: 0;
text-align: center;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment