Skip to content

Instantly share code, notes, and snippets.

@josephrexme
Created January 15, 2015 14:29
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 josephrexme/9bda2e463d96f75d7932 to your computer and use it in GitHub Desktop.
Save josephrexme/9bda2e463d96f75d7932 to your computer and use it in GitHub Desktop.
Specity graph for my jekyll blog CSS. This against http://jonassebastianohlsson.com/specificity-graph/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */html,button,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection,::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;color:inherit}button,input{font-family:"Open Sans", sans-serif}button,[type="submit"]{cursor:pointer}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:62.5%}body{background:#274359;margin:0;font-family:"Open Sans", sans-serif;font-size:1.6em}header{width:100%;overflow:hidden;position:relative}header img{width:inherit;height:250px}@media (min-width: 1024px){header img{height:400px}}@media (min-width: 1170px){header img{height:450px}}header h2{color:#fff;position:absolute;bottom:20px;left:50%;transform:translate(-50%, -50%);text-align:center;font-weight:300;font-size:2.5rem;z-index:10}header:before{content:'';position:absolute;left:0;top:0;background-image:linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.8));height:100%;width:100%}@media (min-width: 1024px){header:before{background-image:linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.9) 70%)}}main{background:#fff;padding:20px}main time{font-weight:300}main article{margin-top:20px}main article img{max-width:90%;display:block;margin:0 auto}main a{color:#2a7ae2}main a:visited{color:#1e70da}main ul{list-style-type:disc;padding-left:30px}main h2,main h3,main h4,main h5,main h6{font-weight:300}main h3{font-size:3rem}main h2{font-size:3.5rem}main h1{font-size:4 rem}main hr{border:none;margin-bottom:3.5rem}main hr:before{display:block;text-align:center;content:'***';font-size:2rem;letter-spacing:0.5em}@media (min-width: 1024px){.container{width:80%;margin:0 auto;margin-top:100px;box-shadow:0 2px 10px #192b39}}@media (min-width: 1170px){.container{width:60%}.container>aside{position:absolute;right:0;top:200px;width:20%}}nav{padding:0 10px 0 10px;position:relative;max-height:50px}nav>ul{background:#223b4e;color:#fff;width:100%;position:absolute;padding:0 0 10px 0;left:0;z-index:1000;top:40px;border-radius:0 0 10px 10px;display:none}nav>ul li>a{display:block;padding:10px;width:100%;height:100%}nav>ul li>a:hover{background:#1e3343}nav.active>ul{display:block}nav.active svg{background:#223b4e}nav svg{cursor:pointer;height:100%}@media (min-width: 1024px){nav{max-height:550px;padding:0;position:absolute;left:0;top:100px;width:100px}nav svg{display:none}nav ul{display:block;border-radius:0;background:transparent;position:relative;padding:0}nav ul li{border-bottom:solid thin #1f3647}}@media (min-width: 1105px){nav{width:10%}}@media (min-width: 1170px){nav{width:20%;top:200px}}.caption{position:absolute;top:5px;right:10px;z-index:999;font-weight:800;font-size:25px;text-transform:uppercase;text-shadow:0 1px 1px #eee,0 -1px 0 #ddd;opacity:.3;overflow:hidden}@media (min-width: 1024px){.caption{right:0;left:0;top:-50px;margin:0 auto;width:80vw;text-align:center;font-size:100px;transform:scale(1.2, 1)}}*:focus{outline:3px solid rgba(62,184,179,0.2)}::selection{background:#999;color:white}.container>aside{text-align:center;color:#fff;padding:30px 10px}.container>aside .feed{margin:10px 0;width:80%;height:35px;border-radius:5px;border:none;padding:0 10px}.container>aside .feed+button{color:#fff;border:none;background:#355b79;width:80%;height:40px;margin-top:10px;font-size:1.5rem}.container>aside .feed+button:hover{background:#325671}footer{text-align:center;padding:20px 10px;color:#fff}.social-icons{margin:40px 0}.social-icons li{display:inline-block;margin-right:10px;margin-top:10px}.social-icons li svg{fill:#7593AA}.social-icons li svg:hover{fill:#5c7c95}.avatar{width:200px;height:200px;border-radius:50%;border:solid 2px #fff;box-shadow:0 2px 3px #000;margin-bottom:10px}/*! Helper classes */.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.fr{float:right}.fl{float:left}.pad10{padding:10px}.pad20{padding:20px}.topmag10{margin-top:10px}.topmag20{margin-top:20px}.background-cool-blue.background-cool-blue.background-cool-blue{background:#1bbae1}.color-white{color:#fff}.middle-block{display:block;margin:0 auto}.inline-block{display:inline-block}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.invisible{visibility:hidden}.ghost{display:none}.txtright{text-align:right}.txtleft{text-align:left}.txtcenter{text-align:center}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a{text-decoration:underline}a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after{content:""}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr{page-break-inside:avoid}img{page-break-inside:avoid;max-width:100% !important}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.container>aside{display:none}}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}figure>img{display:block}figcaption{font-size:14px}blockquote{color:#000;background-color:#ddd;border-left:4px solid #aaa;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic;padding:20px;font-style:italic}blockquote>:last-child{margin-bottom:0}dfn,abbr,acronym{border-bottom:dashed thin #222}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#090914;color:#eee}code{padding:1px 5px}code:not(pre>code){background-color:#aaa}pre{padding:8px 12px;overflow:auto}pre>code{border:0;padding-right:0;padding-left:0}.lineno.lineno.lineno{background-color:#0A090E}.highlight{background:#fff}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:#008080}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:#008080}.highlight .ni{color:#800080}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:#8989A2}.highlight .nv{color:#008080}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .il{color:#099}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment