Created
January 15, 2015 14:29
-
-
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/
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
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