Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
css
/* 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
You can’t perform that action at this time.