Last active
June 23, 2020 18:40
-
-
Save CADawg/b6b266b0abec2e2ec51dfbc812ed9346 to your computer and use it in GitHub Desktop.
New Scrapbook CSS
This file contains hidden or 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
| /* Fix code color in sidebar */ | |
| #ucss-code-wrapper * { | |
| color: black; | |
| } | |
| /* Please Ignore */ | |
| body | |
| { | |
| background: | |
| linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, | |
| linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, | |
| linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, | |
| linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, | |
| linear-gradient(90deg, #1b1b1b 10px, transparent 10px), | |
| linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424); | |
| background-color: #131313; | |
| background-size: 20px 20px; | |
| } | |
| .header-title-avatar { | |
| border-radius: 10px; | |
| } | |
| .header-title-name::before { | |
| content: "CADawg" !important; | |
| display: block; | |
| font-size: 48px; | |
| } | |
| .header-title-name { | |
| font-size: 0; | |
| } | |
| .header-title-name::after { | |
| } | |
| .header-col-1::after { | |
| text-align: center; | |
| font-size: 10px; | |
| position: fixed; | |
| left: 0; | |
| content: "⭐"; | |
| bottom: 0; | |
| background-color: #FFFFFF; | |
| border: 5px solid #151A1A; | |
| width: 125px; | |
| height: 50px; | |
| background-image: linear-gradient(90deg, #2F78AD 30%, transparent 30%), | |
| linear-gradient(#2F78AD 35%, transparent 35%); | |
| background-size: 35px 45px; | |
| z-index: 300; | |
| } | |
| .nav::before { | |
| position: fixed; | |
| content: " +"; | |
| color: red; | |
| font-weight: 900; | |
| text-align: center; | |
| padding: 0; | |
| margin: 0; | |
| font-size: 16px; | |
| line-height: 9px; | |
| left: 100px; | |
| bottom: 0; | |
| background-color: #312331; | |
| border: 5px solid #151A1A; | |
| width: 150px; | |
| height: 200px; | |
| z-index: 100; | |
| background-image: linear-gradient(90deg, #EFE9E4 30%, transparent 30%), | |
| linear-gradient(#EFE9E4 30%, transparent 30%); | |
| background-size: 43px 27.5px; | |
| } | |
| .nav::after { | |
| position: fixed; | |
| content: " "; | |
| left: 225px; | |
| bottom: 0; | |
| background-color: #312331; | |
| border: 5px solid #151A1A; | |
| width: 75px; | |
| height: 150px; | |
| z-index: 100; | |
| background-image: linear-gradient(90deg, #F8DA68 30%, transparent 30%), | |
| linear-gradient(#F8DA68 30%, transparent 30%); | |
| background-size: 29px 33px; | |
| } | |
| .header-col-1::before { | |
| position: fixed; | |
| content: " "; | |
| left: 295px; | |
| bottom: 0; | |
| background-color: #ffffff; | |
| border: 5px solid #151A1A; | |
| width: 125px; | |
| height: 125px; | |
| z-index: 100; | |
| background-image: linear-gradient(90deg, #A9216D 20%, transparent 20%), | |
| linear-gradient(#A9216D 40%, transparent 40%); | |
| background-size: 36px 27px; | |
| } | |
| .badge::after { | |
| position: fixed; | |
| content: " "; | |
| left: 415px; | |
| bottom: 0; | |
| background-color: #312331; | |
| border: 5px solid #151A1A; | |
| width: 125px; | |
| height: 50px; | |
| z-index: 100; | |
| background-image: linear-gradient(90deg, #EB1B4C 20%, transparent 20%), | |
| linear-gradient(#EB1B4C 40%, transparent 40%); | |
| background-size: 53px 30px; | |
| } | |
| .css-link { | |
| font-size: 0; | |
| display: inline-block; | |
| } | |
| .css-link::after { | |
| content: "CSS: Gist by @Snaddyvitch-Dispenser"; | |
| font-size: 14px; | |
| display: inline-block; | |
| text-decoration: underline; | |
| } | |
| .posts .post[style*="0.625"] .post-text { | |
| font-size: 0px; | |
| } | |
| .posts .post[style*="0.625"] .post-text::after { | |
| font-size: 18px; | |
| content: "Internet explorer was created."; | |
| } | |
| .posts .post[style*="0.625"] img { | |
| background: url("https://i.imgur.com/LY7ClzX.png") no-repeat; | |
| display: block; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-left: 339px; | |
| height: 200px; | |
| } | |
| .posts .post[style*="0.375"] .post-text { | |
| font-size: 0px; | |
| } | |
| .posts .post[style*="0.375"] .post-text::after { | |
| font-size: 18px; | |
| content: "The first computer was invented."; | |
| } | |
| .posts .post[style*="0.375"] img { | |
| background: url("https://images.computerhistory.org/revonline/images/102618640-03-01.jpg?w=600") no-repeat; | |
| display: block; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-left: 339px; | |
| height: 200px; | |
| } | |
| .nav-flag { | |
| display: none !important; | |
| } | |
| .nav-link[href="/"] { | |
| color: orange; | |
| font-size: 0; | |
| } | |
| :not(.nav-link) + .nav-link::before { | |
| font-size: 20px; | |
| content: "Strange Scrapbook" | |
| } | |
| .nav-link:hover { | |
| opacity: 0.8; | |
| } | |
| .nav { | |
| padding: 0; | |
| } | |
| .badge.header-streak { | |
| position: absolute; | |
| top: 30px; | |
| left: 10px; | |
| } | |
| .badge.header-streak svg { | |
| display: none; | |
| } | |
| :not(.nav-link) + .nav-link::after { | |
| display: inline-block; | |
| width: 95%; | |
| color: white; | |
| font-size: 16px; | |
| content: "Streak Days: " !important; | |
| height: 10px; | |
| } | |
| .badge.header-streak { | |
| display: inline-block; | |
| text-align: center; | |
| background: transparent; | |
| border-radius: 0; | |
| color: white; | |
| margin-left: 120px; | |
| margin-top: -4px; | |
| } | |
| .badge.header-streak .header-streak-desc { | |
| display: none; | |
| } | |
| .header-title-name::after { | |
| content: "I enjoy developing software for Hive. I've made Witness Tools & Hive-Engine Tools! Find out more @ peakd.com/@cadawg"; | |
| font-size: 16px; | |
| pointer-events: auto; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment