Created
February 16, 2020 16:31
-
-
Save westche/36023376be0fc46ad6ac6dd18aa0d6d0 to your computer and use it in GitHub Desktop.
css
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
| /* roboto-300 - vietnamese_greek-ext_cyrillic-ext_latin-ext_latin_greek_cyrillic */ | |
| @font-face { | |
| font-family: 'Roboto'; | |
| font-style: normal; | |
| font-weight: 300; | |
| src: local('Roboto Light'), local('Roboto-Light'), | |
| url('../fonts/roboto-v20-vietnamese_greek-ext_cyrillic-ext_latin-ext_latin_greek_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ | |
| url('../fonts/roboto-v20-vietnamese_greek-ext_cyrillic-ext_latin-ext_latin_greek_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| /* roboto-regular - vietnamese_greek-ext_cyrillic-ext_latin-ext_latin_greek_cyrillic */ | |
| @font-face { | |
| font-family: 'Roboto'; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: local('Roboto'), local('Roboto-Regular'), | |
| url('../fonts/roboto-v20-vietnamese_greek-ext_cyrillic-ext_latin-ext_latin_greek_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ | |
| url('../fonts/roboto-v20-vietnamese_greek-ext_cyrillic-ext_latin-ext_latin_greek_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| /* roboto-700 - vietnamese_greek-ext_cyrillic-ext_latin-ext_latin_greek_cyrillic */ | |
| @font-face { | |
| font-family: 'Roboto'; | |
| font-style: normal; | |
| font-weight: 700; | |
| src: local('Roboto Bold'), local('Roboto-Bold'), | |
| url('../fonts/roboto-v20-vietnamese_greek-ext_cyrillic-ext_latin-ext_latin_greek_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ | |
| url('../fonts/roboto-v20-vietnamese_greek-ext_cyrillic-ext_latin-ext_latin_greek_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ | |
| } | |
| body { | |
| background-color: white; | |
| font-weight: 300; | |
| color: #444444; | |
| text-decoration: none; | |
| word-spacing: normal; | |
| letter-spacing: 0; | |
| /*font-size: 13pt;*/ | |
| font-size: 16px; | |
| font-family: "Roboto", sans-serif; | |
| } | |
| .tags-aside .chip { | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| overflow: hidden; | |
| max-width: 256px; | |
| } | |
| .postbody ul li {list-style-type: disc;} | |
| .postbody ul {padding-left: 40px;} | |
| .postbox, .questionbox, .spacebox {word-wrap: break-word;} | |
| .unapproved-post { opacity: 0.7; border: 2px dashed #CCC; } | |
| .postbox img {max-width: 100%;} | |
| .postbox img {max-width: 100%;} | |
| .viewbox pre {background-color: #f8f8f8;} | |
| .following-post {border-right: 5px solid #8bc34a;} | |
| .em3v{margin: 3rem 0 3rem 0;} | |
| .em5v{margin: 5rem 0 5rem 0;} | |
| hr { height: 1px; border: 0; background-color: #CCC; width: 100%;} | |
| .approve-answer, .approve-translation{ color: #777777;} | |
| .approve-answer:hover, .approve-translation:hover{ color: #88AF12;} | |
| .squarelist{ list-style: square; } | |
| .gigaText{ line-height: 1.0em;font-size: 4em; margin: 7px 0;} | |
| .megaText{ line-height: 1.0em;font-size: 3em; margin: 7px 0;} | |
| .hugeText{ line-height: 1.0em;font-size: 2.4em; margin: 5px 0;} | |
| .largeText{line-height: 1.2em;font-size: 1.8em; margin: 5px 0;} | |
| .mediumText {line-height: 1.2em;font-size: 1.3em; margin: 3px 0;} | |
| .smallText {line-height: 1.4em;font-size: 0.8em;} | |
| .center { text-align: center; } | |
| .r{ text-align: right;} | |
| .l{ text-align: left;} | |
| .lightborder{ border: 1px solid #CCCCCC; border-radius: 2px;} | |
| .dashedborder{ border: 4px dashed #CCCCCC; border-radius: 3px;} | |
| .capitalize{ text-transform: capitalize; } | |
| .pages{ clear: both; } | |
| .pagination li a { font-weight: 400; } | |
| .diff-ins{ background-color: #E6FFE6;} | |
| .diff-del{ background-color: #FFE6E6;} | |
| .diff-ins .button-tiny{ background-color: #E6FFE6;} | |
| .diff-del .button-tiny{ background-color: #FFE6E6;} | |
| .editor-toolbar button { color: #555555; } | |
| h1, h2, h3, h4, h5, h6{font-weight: 300;} | |
| #fb-login-btn, #gp-login-btn, #gh-login-btn, #in-login-btn, #tw-login-btn, #ms-login-btn, #sl-login-btn, #oa2-login-btn { width: 100%; } | |
| #gp-login-btn, #sl-login-btn {padding-left: 13px;} | |
| .leaveblank {opacity: 0.0001;} | |
| .pan{padding:0} | |
| .pas{padding:5px} | |
| .pam{padding:10px} | |
| .pal{padding:20px} | |
| .ptn{padding-top:0} | |
| .pts{padding-top:5px} | |
| .ptm{padding-top:10px} | |
| .ptl{padding-top:20px} | |
| .prn{padding-right:0} | |
| .prs{padding-right:5px} | |
| .prm{padding-right:10px} | |
| .prl{padding-right:20px} | |
| .pbn{padding-bottom:0} | |
| .pbs{padding-bottom:5px} | |
| .pbm{padding-bottom:10px} | |
| .pbl{padding-bottom:20px} | |
| .pln{padding-left:0} | |
| .pls{padding-left:5px} | |
| .plm{padding-left:10px} | |
| .pll{padding-left:20px} | |
| .phn{padding-left:0;padding-right:0} | |
| .phs{padding-left:5px;padding-right:5px} | |
| .phm{padding-left:10px;padding-right:10px} | |
| .phl{padding-left:20px;padding-right:20px} | |
| .pvn{padding-top:0;padding-bottom:0} | |
| .pvs{padding-top:5px;padding-bottom:5px} | |
| .pvm{padding-top:10px;padding-bottom:10px} | |
| .pvl{padding-top:20px;padding-bottom:20px} | |
| .man{margin:0} | |
| .mas{margin:5px} | |
| .mam{margin:10px} | |
| .mal{margin:20px} | |
| .mtn{margin-top:0} | |
| .mts{margin-top:5px} | |
| .mtm{margin-top:10px} | |
| .mtl{margin-top:20px} | |
| .mrn{margin-right:0} | |
| .mrs{margin-right:5px} | |
| .mrm{margin-right:10px} | |
| .mrl{margin-right:20px} | |
| .mbn{margin-bottom:0} | |
| .mbs{margin-bottom:5px} | |
| .mbm{margin-bottom:10px} | |
| .mbl{margin-bottom:20px} | |
| .mln{margin-left:0} | |
| .mls{margin-left:5px} | |
| .mlm{margin-left:10px} | |
| .mll{margin-left:20px} | |
| .mhn{margin-left:0;margin-right:0} | |
| .mhs{margin-left:5px;margin-right:5px} | |
| .mhm{margin-left:10px;margin-right:10px} | |
| .mhl{margin-left:20px;margin-right:20px} | |
| .mvn{margin-top:0;margin-bottom:0} | |
| .mvs{margin-top:5px;margin-bottom:5px} | |
| .mvm{margin-top:10px;margin-bottom:10px} | |
| .mvl{margin-top:20px;margin-bottom:20px} | |
| header { | |
| margin-bottom: 20px; | |
| font-weight: 400; | |
| } | |
| main { | |
| min-height: 600px; | |
| } | |
| table { | |
| width: 100%; | |
| word-wrap: break-word; | |
| table-layout: fixed; | |
| } | |
| label { | |
| color: inherit; | |
| } | |
| kbd { | |
| margin: 0px 0.1em; | |
| padding: 0.2em 0.5em; | |
| border-radius: 3px; | |
| border: 1px solid rgb(204, 204, 204); | |
| line-height: 1.1em; | |
| display: inline-block; | |
| box-shadow: 0px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #ffffff; | |
| background-color: rgb(247, 247, 247); | |
| text-shadow: 0 1px 0 #fff; | |
| } | |
| .scoold-logo { | |
| padding: 12px 0; | |
| } | |
| .para-logo-footer { | |
| margin-bottom: -6px; | |
| } | |
| .hidden-save-icon { | |
| display: none; | |
| } | |
| .infostrip { | |
| cursor: pointer; | |
| } | |
| .gmap { | |
| height: 300px; | |
| } | |
| .scoold-wrapper { | |
| background-color: white; | |
| } | |
| .scoold-user-dropdown i { | |
| margin: -7px 0 0 5px; | |
| } | |
| .scoold-user-dropdown img { | |
| border-radius: 3px; | |
| } | |
| .scoold-user-dropdown { | |
| height: 63px; | |
| padding: 7px 2px 7px 7px; | |
| } | |
| .dropdown-content { | |
| opacity: 1; | |
| } | |
| #search-box { | |
| border: none; | |
| box-shadow: none; | |
| background-color: white; | |
| display: inline-block; | |
| font-size: 1.2rem; | |
| color: #444; | |
| height: 99%; | |
| } | |
| #search-box:focus { | |
| border: none; | |
| box-shadow: none; | |
| } | |
| textarea.edit-post { | |
| min-height: 396px; | |
| } | |
| textarea.simple-editor { | |
| min-height: 500px; | |
| width: 100%; | |
| max-width: 100%; | |
| min-width: 100%; | |
| border: 0px; | |
| border-bottom: 1px solid #CCC; | |
| } | |
| #edit-picture-link { | |
| position: absolute; | |
| top: 1px; | |
| right: 1px; | |
| padding: 10px 15px; | |
| background-color: white; | |
| display: none; | |
| } | |
| #main-modal { | |
| min-height: 400px; | |
| width: 35%; | |
| } | |
| .autocomplete { | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| .chips-autocomplete .chip { | |
| margin-right: 15px; | |
| } | |
| .chip { | |
| background-color: #f1f1f1; | |
| } | |
| .chip:focus { | |
| background-color: #666; | |
| } | |
| .chips-container { | |
| padding-top: 18px; | |
| float: right; | |
| } | |
| .material-icons { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| i.close:before { | |
| content: "\f00d"; | |
| } | |
| .upvote, .downvote {color: #888888;} | |
| .upvote:hover {color: #4CAF50;} | |
| .downvote:hover {color: #F44336;} | |
| .CodeMirror, .CodeMirror-scroll { | |
| min-height: 200px; | |
| } | |
| code { | |
| background: #f8f8f8; | |
| padding: 2px; | |
| border-radius: 2px; | |
| } | |
| pre, code.hljs, code[class*="language-"], pre[class*="language-"] { | |
| font-size: 0.95em; | |
| tab-size: 2; | |
| -moz-tab-size: 2; | |
| } | |
| .selected-post { | |
| border-left: 2px solid #039be5; | |
| padding-left: 10px; | |
| } | |
| .user-card { | |
| min-height: 127px; | |
| } | |
| .user-card img { | |
| max-height: 120px; | |
| } | |
| .card .card-website a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) { | |
| margin-right: 0; | |
| text-transform: lowercase; | |
| } | |
| .card .card-image img { | |
| background-color: #ccc; | |
| min-height: 250px; | |
| } | |
| .editlink { | |
| display: inline-flex; | |
| } | |
| .aboutme { | |
| padding-left: 70px; | |
| } | |
| .post-actions a { | |
| display: inline-block; | |
| } | |
| .tabs .tab a:hover, .tabs .tab a.active, .tabs .tab a { | |
| color: #039be5; | |
| } | |
| .tabs .indicator { | |
| background-color: #039be5; | |
| } | |
| .tabs .tab a:focus, .tabs .tab a:focus.active { | |
| background-color: #FAFAFA; | |
| } | |
| .comment-text * { | |
| font-size: inherit; | |
| display: inline; | |
| } | |
| .personbox .person-name { | |
| font-size: 1em; | |
| line-height: 1.2em; | |
| } | |
| .personbox .lastseen { | |
| font-size: 0.9em; | |
| } | |
| [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {background-color: #039be5;} | |
| [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, | |
| [type="radio"].with-gap:checked+span:after {border: 2px solid #039be5;} | |
| .userbox img {max-width: inherit;} | |
| @media (max-width: 1280px) { | |
| .userbox img {max-width: 40px;} | |
| .userbox {width: 180px;} | |
| .userbox-body {font-size: smaller;} | |
| .userbox-body .chip {height: 18px;line-height: 18px;border-radius: 4px;padding: 0 4px;} | |
| .sidenav .divider {margin: 0;} | |
| } | |
| @media (max-width: 990px) { | |
| .chips-container { | |
| padding: 0; | |
| float: none; | |
| } | |
| } | |
| @media (max-width: 900px) { | |
| .sTextCenter { | |
| text-align: center; | |
| } | |
| .sTextCenter.r { | |
| text-align: center; | |
| } | |
| .mediumText { | |
| font-size: 1.1em; | |
| } | |
| .hugeText { | |
| font-size: 2em; | |
| } | |
| .card-panel { | |
| padding: 10px; | |
| margin: 5px 0; | |
| } | |
| .container { | |
| width: 96%; | |
| } | |
| .ptl { | |
| padding-top: 10px; | |
| } | |
| mtl { | |
| margin-top: 10px; | |
| } | |
| body { | |
| font-size: 14px; | |
| } | |
| h1 { | |
| font-size: 3.2rem; | |
| margin: 1.68rem 0; | |
| } | |
| h2 { | |
| font-size: 2.56rem; | |
| margin: 1.3733333333rem 0 0.424rem 0; | |
| } | |
| h3 { | |
| font-size: 1.92rem; | |
| margin: 0.9466666667rem 0 0.168rem 0; | |
| } | |
| h4 { | |
| font-size: 1.28rem; | |
| margin: 0.52rem 0 .312rem 0; | |
| } | |
| h5 { | |
| font-size: 1.0rem; | |
| margin: 0.0933333333rem 0 .156rem 0; | |
| } | |
| .viewbox { | |
| word-break: break-all; | |
| } | |
| #main-modal { | |
| width: 100%; | |
| } | |
| .aboutme { | |
| padding-left: 0px; | |
| } | |
| .user-card { | |
| min-height: 96px; | |
| margin-bottom: 10px; | |
| } | |
| .user-card img { | |
| max-height: 90px; | |
| } | |
| .userbox { | |
| width: auto; | |
| } | |
| .page-content .questionbox { | |
| cursor: pointer; | |
| } | |
| .answers-head { | |
| height: 30px; | |
| } | |
| .fa-3x { | |
| font-size: 2em; | |
| } | |
| } | |
| @media (max-width: 600px) { | |
| .votebox { | |
| width: 50px; | |
| text-align: center; | |
| font-size: 1.6em; | |
| } | |
| .votecount { | |
| padding: 4px 8px 0 4px; | |
| } | |
| .commentbox { | |
| min-height: 20px; | |
| padding: 0; | |
| } | |
| .commentbox .votebox { | |
| display: flex; | |
| font-size: 1em; | |
| width: 48px; | |
| } | |
| .commentbox .votebox .votecount { | |
| flex-grow: 1; | |
| padding: 0; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .approve-answer-btn { | |
| padding: 0 10px; | |
| } | |
| } | |
| /**** FEEL FREE TO MODIFY THESE ****/ | |
| a, h1, h2, h3, h4, h5, h6, .dropdown-content li>a, .dropdown-content li>span {color: #039be5;} | |
| .btn, .btn-large, .navbtn-hover {background-color: #ec407a;} | |
| .btn:focus, .btn-large:focus, .btn-floating:focus {background-color: #ec407a; opacity: 0.7;} | |
| .btn:hover, .btn-large:hover,span.badge.new,.sidenav span.badge.new, .collapsible span.badge.new {background-color: #444444;} | |
| body, footer.page-footer {background-color: #444444;} | |
| footer.page-footer {margin-top: 20px;} | |
| main {background-color: white;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment