/* See http://code.google.com/p/minify/wiki/CommonProblems#@imports_can_appear_in_invalid_locations_in_combined_CSS_files */ /* prettyPhoto.css */ /* 1 */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} /* 2 */ div.pp_default .pp_top .pp_left{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} /* 3 */ div.pp_default .pp_top .pp_middle{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_x.png) top left repeat-x} /* 4 */ div.pp_default .pp_top .pp_right{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} /* 5 */ div.pp_default .pp_content .ppt{color:#f8f8f8} /* 6 */ div.pp_default .pp_content_container .pp_left{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} /* 7 */ div.pp_default .pp_content_container .pp_right{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} /* 8 */ div.pp_default .pp_next:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} /* 9 */ div.pp_default .pp_previous:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} /* 10 */ div.pp_default .pp_expand{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} /* 11 */ div.pp_default .pp_expand:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} /* 12 */ div.pp_default .pp_contract{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} /* 13 */ div.pp_default .pp_contract:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} /* 14 */ div.pp_default .pp_close{width:30px;height:30px;background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} /* 15 */ div.pp_default .pp_gallery ul li a{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} /* 16 */ div.pp_default .pp_social{margin-top:7px} /* 17 */ div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} /* 18 */ div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} /* 19 */ div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} /* 20 */ div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} /* 21 */ div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} /* 22 */ div.pp_default .pp_content_container .pp_details{margin-top:5px} /* 23 */ div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} /* 24 */ div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} /* 25 */ div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} /* 26 */ div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} /* 27 */ div.pp_default .pp_bottom .pp_left{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} /* 28 */ div.pp_default .pp_bottom .pp_middle{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} /* 29 */ div.pp_default .pp_bottom .pp_right{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} /* 30 */ div.pp_default .pp_loaderIcon{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/default/loader.gif) center center no-repeat} /* 31 */ div.light_rounded .pp_top .pp_left{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} /* 32 */ div.light_rounded .pp_top .pp_right{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} /* 33 */ div.light_rounded .pp_next:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} /* 34 */ div.light_rounded .pp_previous:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} /* 35 */ div.light_rounded .pp_expand{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} /* 36 */ div.light_rounded .pp_expand:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} /* 37 */ div.light_rounded .pp_contract{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} /* 38 */ div.light_rounded .pp_contract:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} /* 39 */ div.light_rounded .pp_close{width:75px;height:22px;background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} /* 40 */ div.light_rounded .pp_nav .pp_play{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} /* 41 */ div.light_rounded .pp_nav .pp_pause{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} /* 42 */ div.light_rounded .pp_arrow_previous{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} /* 43 */ div.light_rounded .pp_arrow_next{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} /* 44 */ div.light_rounded .pp_bottom .pp_left{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} /* 45 */ div.light_rounded .pp_bottom .pp_right{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} /* 46 */ div.dark_rounded .pp_top .pp_left{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} /* 47 */ div.dark_rounded .pp_top .pp_right{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} /* 48 */ div.dark_rounded .pp_content_container .pp_left{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} /* 49 */ div.dark_rounded .pp_content_container .pp_right{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} /* 50 */ div.dark_rounded .pp_next:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} /* prettyPhoto.css */ /* 51 */ div.dark_rounded .pp_previous:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} /* 52 */ div.dark_rounded .pp_expand{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} /* 53 */ div.dark_rounded .pp_expand:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} /* 54 */ div.dark_rounded .pp_contract{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} /* 55 */ div.dark_rounded .pp_contract:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} /* 56 */ div.dark_rounded .pp_close{width:75px;height:22px;background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} /* 57 */ div.dark_rounded .pp_description{margin-right:85px;color:#fff} /* 58 */ div.dark_rounded .pp_nav .pp_play{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} /* 59 */ div.dark_rounded .pp_nav .pp_pause{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} /* 60 */ div.dark_rounded .pp_arrow_previous{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} /* 61 */ div.dark_rounded .pp_arrow_next{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} /* 62 */ div.dark_rounded .pp_bottom .pp_left{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} /* 63 */ div.dark_rounded .pp_bottom .pp_right{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} /* 64 */ div.dark_rounded .pp_loaderIcon{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} /* 65 */ div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} /* 66 */ div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} /* 67 */ div.dark_square .pp_loaderIcon{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/loader.gif) center center no-repeat} /* 68 */ div.dark_square .pp_expand{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} /* 69 */ div.dark_square .pp_expand:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} /* 70 */ div.dark_square .pp_contract{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} /* 71 */ div.dark_square .pp_contract:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} /* 72 */ div.dark_square .pp_close{width:75px;height:22px;background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} /* 73 */ div.dark_square .pp_nav{clear:none} /* 74 */ div.dark_square .pp_nav .pp_play{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} /* 75 */ div.dark_square .pp_nav .pp_pause{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} /* 76 */ div.dark_square .pp_arrow_previous{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} /* 77 */ div.dark_square .pp_arrow_next{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} /* 78 */ div.dark_square .pp_next:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} /* 79 */ div.dark_square .pp_previous:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} /* 80 */ div.light_square .pp_expand{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} /* 81 */ div.light_square .pp_expand:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} /* 82 */ div.light_square .pp_contract{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} /* 83 */ div.light_square .pp_contract:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} /* 84 */ div.light_square .pp_close{width:75px;height:22px;background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} /* 85 */ div.light_square .pp_nav .pp_play{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} /* 86 */ div.light_square .pp_nav .pp_pause{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} /* 87 */ div.light_square .pp_arrow_previous{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} /* 88 */ div.light_square .pp_arrow_next{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} /* 89 */ div.light_square .pp_next:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} /* 90 */ div.light_square .pp_previous:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} /* 91 */ div.facebook .pp_top .pp_left{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} /* 92 */ div.facebook .pp_top .pp_middle{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} /* 93 */ div.facebook .pp_top .pp_right{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} /* 94 */ div.facebook .pp_content_container .pp_left{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} /* 95 */ div.facebook .pp_content_container .pp_right{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} /* 96 */ div.facebook .pp_expand{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} /* 97 */ div.facebook .pp_expand:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} /* 98 */ div.facebook .pp_contract{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} /* 99 */ div.facebook .pp_contract:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} /* 100 */ div.facebook .pp_close{width:22px;height:22px;background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} /* prettyPhoto.css */ /* 101 */ div.facebook .pp_description{margin:0 37px 0 0} /* 102 */ div.facebook .pp_loaderIcon{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/loader.gif) center center no-repeat} /* 103 */ div.facebook .pp_arrow_previous{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} /* 104 */ div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} /* 105 */ div.facebook .pp_arrow_next{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} /* 106 */ div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} /* 107 */ div.facebook .pp_nav{margin-top:0} /* 108 */ div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} /* 109 */ div.facebook .pp_nav .pp_play{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} /* 110 */ div.facebook .pp_nav .pp_pause{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} /* 111 */ div.facebook .pp_next:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} /* 112 */ div.facebook .pp_previous:hover{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} /* 113 */ div.facebook .pp_bottom .pp_left{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} /* 114 */ div.facebook .pp_bottom .pp_middle{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} /* 115 */ div.facebook .pp_bottom .pp_right{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} /* 116 */ div.pp_pic_holder a:focus{outline:none} /* 117 */ div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} /* 118 */ div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} /* 119 */ .pp_content{height:40px;min-width:40px} /* 120 */ * html .pp_content{width:40px} /* 121 */ .pp_content_container{position:relative;text-align:left;width:100%} /* 122 */ .pp_content_container .pp_left{padding-left:20px} /* 123 */ .pp_content_container .pp_right{padding-right:20px} /* 124 */ .pp_content_container .pp_details{float:left;margin:10px 0 2px} /* 125 */ .pp_description{display:none;margin:0} /* 126 */ .pp_social{float:left;margin:0} /* 127 */ .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} /* 128 */ .pp_social .twitter{float:left} /* 129 */ .pp_nav{clear:right;float:left;margin:3px 10px 0 0} /* 130 */ .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} /* 131 */ .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} /* 132 */ a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} /* 133 */ .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} /* 134 */ .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} /* 135 */ .pp_gallery div{float:left;overflow:hidden;position:relative} /* 136 */ .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} /* 137 */ .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} /* 138 */ .pp_gallery ul a img{border:0} /* 139 */ .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} /* 140 */ .pp_gallery li.default a{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} /* 141 */ .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} /* 142 */ a.pp_next{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} /* 143 */ a.pp_previous{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} /* 144 */ a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} /* 145 */ a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} /* 146 */ .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} /* 147 */ #pp_full_res{line-height:1!important} /* 148 */ #pp_full_res .pp_inline{text-align:left} /* 149 */ #pp_full_res .pp_inline p{margin:0 0 15px} /* 150 */ div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} /* prettyPhoto.css */ /* 151 */ div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} /* 152 */ div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} /* 153 */ div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} /* 154 */ div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} /* 155 */ div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} /* 156 */ div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} /* 157 */ div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} /* 158 */ div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} /* 159 */ div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} /* 160 */ div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} /* 161 */ div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../wp-content/plugins/wp-video-lightbox/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} /* 162 */ div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} /* 163 */ div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} /* 164 */ .pp_top,.pp_bottom{height:20px;position:relative} /* 165 */ * html .pp_top,* html .pp_bottom{padding:0 20px} /* 166 */ .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} /* 167 */ .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} /* 168 */ * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} /* 169 */ .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} /* 170 */ .pp_fade,.pp_gallery li.default a img{display:none} /* wp-video-lightbox.css */ /* 1 */ /* 2 */ .wpvl_auto_thumb_box{ /* 3 */ position: relative; /* 4 */ width: 200px; /* 5 */ height: 150px; /* 6 */ } /* 7 */ /* 8 */ .wpvl_auto_thumb_play{ /* 9 */ position: absolute; /* 10 */ left: 75px; /* 11 */ top: 50px; /* 12 */ } /* 13 */ /* 14 */ .video_lightbox_auto_anchor_image{ /* 15 */ width: 200px; /* 16 */ height: 150px; /* 17 */ } /* style.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /*------------------------------------*\ /* 3 *| STYLE.CSS /* 4 *| \*------------------------------------*/ /* 5 */ /** /* 6 *| * Here we the inuit.css framework, then add our /* 7 *| * project-specific components afterwards. /* 8 *| */ /* 9 */ /*------------------------------------*\ /* 10 *| $SETUP /* 11 *| \*------------------------------------*/ /* 12 */ /*------------------------------------*\ /* 13 *| VARS.SCSS /* 14 *| \*------------------------------------*/ /* 15 */ /** /* 16 *| * Any variables you find set in inuit.css’ `_vars.scss` that you do not wish to /* 17 *| * keep, simply redefine here. This means that if inuit.css, for example, sets /* 18 *| * your `$base-font-size` at 16px and you wish it to be 14px, simply redeclare /* 19 *| * that variable in this file. inuit.css ignores its own variables in favour of /* 20 *| * using your own, so you can completely modify how inuit.css works without ever /* 21 *| * having to alter the framework itself. /* 22 *| */ /* 23 */ /*------------------------------------*\ /* 24 *| $OBJECTS-AND-ABSTRACTIONS /* 25 *| \*------------------------------------*/ /* 26 */ /** /* 27 *| * All of inuit.css’ objects and abstractions are initially turned off by /* 28 *| * default. This means that you start any project with as little as possible, /* 29 *| * and introducing objects and abstractions is as simple as switching the /* 30 *| * following variables to `true`. /* 31 *| */ /* 32 */ /*-----------------------------------------------*\ /* 33 *| $STYLE GUIDE /* 34 *| \*-----------------------------------------------*/ /* 35 */ /* /* 36 *| * Colors /* 37 *| */ /* 38 */ /* /* 39 *| * Spacing Units /* 40 *| */ /* 41 */ /* Font sizes */ /* 42 */ /*-----------------------------------------------*\ /* 43 *| $LAYOUT DEFAULTS /* 44 *| \*-----------------------------------------------*/ /* 45 */ /*------------------------------------*\ /* 46 *| INUIT.CSS /* 47 *| \*------------------------------------*/ /* 48 */ /*!* /* 49 *| * /* 50 *| * inuitcss.com -- @inuitcss -- @csswizardry /* style.css */ /* 51 *| * /* 52 *| */ /* 53 */ /** /* 54 *| * inuit.css acts as a base stylesheet which you should extend with your own /* 55 *| * theme stylesheet. /* 56 *| * /* 57 *| * inuit.css aims to do the heavy lifting; sorting objects and abstractions, /* 58 *| * design patterns and fiddly bits of CSS, whilst leaving as much design as /* 59 *| * possible to you. inuit.css is the scaffolding to your decorator. /* 60 *| * /* 61 *| * This stylesheet is heavily documented and contains lots of comments, please /* 62 *| * take care to read and refer to them as you build. For further support please /* 63 *| * tweet at @inuitcss. /* 64 *| * /* 65 *| * Owing to the amount of comments please only ever use minified CSS in /* 66 *| * production. This file is purely a dev document. /* 67 *| * /* 68 *| * The table of contents below maps to section titles of the same name, to jump /* 69 *| * to any section simply run a find for $[SECTION-TITLE]. /* 70 *| * /* 71 *| * Most objects and abstractions come with a chunk of markup that you should be /* 72 *| * able to paste into any view to quickly see how the CSS works in conjunction /* 73 *| * with the correct HTML. /* 74 *| * /* 75 *| * inuit.css is written to this standard: github.com/csswizardry/CSS-Guidelines /* 76 *| * /* 77 *| * LICENSE /* 78 *| * /* 79 *| * Copyright 2013 Harry Roberts /* 80 *| * /* 81 *| * Licensed under the Apache License, Version 2.0 (the "License"); /* 82 *| * you may not use this file except in compliance with the License. /* 83 *| * You may obtain a copy of the License at /* 84 *| * /* 85 *| * http://apache.org/licenses/LICENSE-2.0 /* 86 *| * /* 87 *| * Unless required by applicable law or agreed to in writing, software /* 88 *| * distributed under the License is distributed on an "AS IS" BASIS, /* 89 *| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. /* 90 *| * See the License for the specific language governing permissions and /* 91 *| * limitations under the License. /* 92 *| * /* 93 *| * Thank you for choosing inuit.css. May your web fonts render perfectly. /* 94 *| */ /* 95 */ /*------------------------------------*\ /* 96 *| $CONTENTS /* 97 *| \*------------------------------------*/ /* 98 */ /** /* 99 *| * CONTENTS............You’re reading it! /* 100 *| * WARNING.............Here be dragons! /* style.css */ /* 101 *| * IMPORTS.............Begin importing the sections below /* 102 *| * /* 103 *| * MIXINS..............Super-simple Sass stuff /* 104 *| * NORMALIZE...........normalize.css /* 105 *| * RESET...............Set some defaults /* 106 *| * CLEARFIX............ /* 107 *| * SHARED..............Shared declarations /* 108 *| * /* 109 *| * MAIN................High-level elements like `html`, `body`, etc. /* 110 *| * HEADINGS............Double-stranded heading hierarchy /* 111 *| * PARAGRAPHS.......... /* 112 *| * SMALLPRINT..........Smaller text elements like `small` /* 113 *| * QUOTES.............. /* 114 *| * CODE................ /* 115 *| * LISTS............... /* 116 *| * IMAGES.............. /* 117 *| * TABLES.............. /* 118 *| * FORMS............... /* 119 *| * /* 120 *| * GRIDS...............Fluid, proportional and nestable grids /* 121 *| * FLEXBOX.............Crudely emulate flexbox /* 122 *| * COLUMNS.............CSS3 columns /* 123 *| * NAV.................A simple abstraction to put a list in horizontal nav mode /* 124 *| * OPTIONS.............Grouped nav items /* 125 *| * PAGINATION..........Very stripped back, basic paginator /* 126 *| * BREADCRUMB..........Simple breadcrumb trail object /* 127 *| * MEDIA...............Media object /* 128 *| * MARGINALIA..........Simple marginalia content /* 129 *| * ISLAND..............Boxed off content /* 130 *| * BLOCK-LIST..........Blocky lists of content /* 131 *| * MATRIX..............Gridded lists /* 132 *| * SPLIT...............A simple split-in-two object /* 133 *| * THIS-OR-THIS........Options object /* 134 *| * LINK-COMPLEX........ /* 135 *| * FLYOUT..............Flyout-on-hover object /* 136 *| * ARROWS..............CSS arrows /* 137 *| * SPRITE..............Generic spriting element /* 138 *| * ICON-TEXT...........Icon and text couplings /* 139 *| * BEAUTONS............Use the beautons micro library /* 140 *| * LOZENGES............Basic lozenge styles /* 141 *| * RULES...............Horizontal rules /* 142 *| * STATS...............Simple stats object /* 143 *| * GREYBOX.............Wireframing styles /* 144 *| * /* 145 *| * WIDTHS..............Width classes for use alongside the grid system etc. /* 146 *| * PUSH................Push classes for manipulating grids /* 147 *| * PULL................Pull classes for manipulating grids /* 148 *| * BRAND...............Helper class to apply brand treatment to elements /* 149 *| * HELPER..............A series of helper classes to use arbitrarily /* 150 *| * DEBUG...............Enable to add visual flags for debugging purposes /* style.css */ /* 151 *| */ /* 152 */ /*------------------------------------*\ /* 153 *| $WARNING /* 154 *| \*------------------------------------*/ /* 155 */ /* /* 156 *| * inuit.css, being an OO framework, works in keeping with the open/closed /* 157 *| * principle. The variables you set previously are now being used throughout /* 158 *| * inuit.css to style everything we need for a base. Any custom styles SHOULD /* 159 *| * NOT be added or modified in inuit.css directly, but added via your theme /* 160 *| * stylesheet as per the open/closed principle: /* 161 *| * /* 162 *| * csswizardry.com/2012/06/the-open-closed-principle-applied-to-css /* 163 *| * /* 164 *| * Try not to edit any CSS beyond this point; if you find you need to do so /* 165 *| * it is a failing of the framework so please tweet at @inuitcss. /* 166 *| */ /* 167 */ /*------------------------------------*\ /* 168 *| $IMPORTS /* 169 *| \*------------------------------------*/ /* 170 */ /** /* 171 *| * Generic utility styles etc. /* 172 *| */ /* 173 */ /*------------------------------------*\ /* 174 *| $DEFAULTS /* 175 *| \*------------------------------------*/ /* 176 */ /** /* 177 *| * inuit.css’ default variables. Redefine these in your `_vars.scss` file (found /* 178 *| * in the inuit.css-web-template) to override them. /* 179 *| */ /* 180 */ /*------------------------------------*\ /* 181 *| $DEBUG /* 182 *| \*------------------------------------*/ /* 183 */ /** /* 184 *| * Debug mode will visually highlight any potential markup/accessibility quirks /* 185 *| * in the browser. Set to `true` or `false`. /* 186 *| */ /* 187 */ /*------------------------------------*\ /* 188 *| $BORDER-BOX /* 189 *| \*------------------------------------*/ /* 190 */ /** /* 191 *| * Do you want all elements to adopt `box-sizing:border-box;` as per /* 192 *| * paulirish.com/2012/box-sizing-border-box-ftw ? /* 193 *| */ /* 194 */ /*------------------------------------*\ /* 195 *| $BASE /* 196 *| \*------------------------------------*/ /* 197 */ /** /* 198 *| * Base stuff /* 199 *| */ /* 200 */ /** /* style.css */ /* 201 *| * Base font-family. /* 202 *| */ /* 203 */ /** /* 204 *| * Default colour for objects’ borders etc. /* 205 *| */ /* 206 */ /*------------------------------------*\ /* 207 *| $RESPONSIVE /* 208 *| \*------------------------------------*/ /* 209 */ /** /* 210 *| * Responsiveness? /* 211 *| */ /* 212 */ /** /* 213 *| * Responsiveness for widescreen/high resolution desktop monitors and beyond? /* 214 *| * Note: `$responsive` variable above must be set to true before enabling this. /* 215 *| */ /* 216 */ /** /* 217 *| * Responsive push and pull produce a LOT of code, only turn them on if you /* 218 *| * definitely need them. /* 219 *| */ /* 220 */ /** /* 221 *| * Note: `$push` variable above must be set to true before enabling these. /* 222 *| */ /* 223 */ /** /* 224 *| * Note: `$pull` variable above must be set to true before enabling these. /* 225 *| */ /* 226 */ /** /* 227 *| * Tell inuit.css when breakpoints start. /* 228 *| */ /* 229 */ /*------------------------------------*\ /* 230 *| $FONT-SIZES /* 231 *| \*------------------------------------*/ /* 232 */ /** /* 233 *| * Font-sizes (in pixels). Refer to relevant sections for their implementations. /* 234 *| */ /* 235 */ /*------------------------------------*\ /* 236 *| $QUOTES /* 237 *| \*------------------------------------*/ /* 238 */ /** /* 239 *| * English quote marks? /* 240 *| */ /* 241 */ /** /* 242 *| * If you want English quotes then please do not edit these; they’re only here /* 243 *| * because Sass needs them. /* 244 *| */ /* 245 */ /** /* 246 *| * If you need non-English quotes, please alter the following values accordingly: /* 247 *| */ /* 248 */ /*------------------------------------*\ /* 249 *| $BRAND /* 250 *| \*------------------------------------*/ /* style.css */ /* 251 */ /** /* 252 *| * Brand stuff /* 253 *| */ /* 254 */ /** /* 255 *| * How big would you like round corners to be by default? /* 256 *| */ /* 257 */ /*------------------------------------*\ /* 258 *| $OBJECTS AND ABSTRACTIONS /* 259 *| \*------------------------------------*/ /* 260 */ /** /* 261 *| * Which objects and abstractions would you like to use? /* 262 *| */ /* 263 */ /*------------------------------------*\ /* 264 *| $FRAMEWORK /* 265 *| \*------------------------------------*/ /* 266 */ /** /* 267 *| * inuit.css will work these next ones out for use within the framework. /* 268 *| * /* 269 *| * Assign our `$base-line-height` to a new spacing var for more transparency. /* 270 *| */ /* 271 */ /*------------------------------------*\ /* 272 *| $MIXINS /* 273 *| \*------------------------------------*/ /* 274 */ /** /* 275 *| * Create a fully formed type style (sizing and vertical rhythm) by passing in a /* 276 *| * single value, e.g.: /* 277 *| * /* 278 *| `@include font-size(10px);` /* 279 *| * /* 280 *| * Thanks to @redclov3r for the `line-height` Sass: /* 281 *| * twitter.com/redclov3r/status/250301539321798657 /* 282 *| */ /* 283 */ /** /* 284 *| * Convert basic px measurements into rem units /* 285 *| */ /* 286 */ /** /* 287 *| * Style any number of headings in one fell swoop, e.g.: /* 288 *| * /* 289 *| .foo{ /* 290 *| @include headings(1, 3){ /* 291 *| color:#BADA55; /* 292 *| } /* 293 *| } /* 294 *| * /* 295 *| * With thanks to @lar_zzz, @paranoida and @rowanmanning for refining and /* 296 *| * improving my initial mixin. /* 297 *| */ /* 298 */ /**/ /* 299 */ /** /* 300 *| * Create vendor-prefixed CSS in one go, e.g. /* style.css */ /* 301 *| * /* 302 *| `@include vendor(border-radius, 4px);` /* 303 *| * /* 304 *| */ /* 305 */ /** /* 306 *| * Create CSS keyframe animations for all vendors in one go, e.g.: /* 307 *| * /* 308 *| .foo{ /* 309 *| @include vendor(animation, shrink 3s); /* 310 *| } /* 311 *| /* 312 *| @include keyframe(shrink){ /* 313 *| from{ /* 314 *| font-size:5em; /* 315 *| } /* 316 *| } /* 317 *| * /* 318 *| * Courtesy of @integralist: twitter.com/integralist/status/260484115315437569 /* 319 *| */ /* 320 */ /** /* 321 *| * Force overly long spans of text to truncate, e.g.: /* 322 *| * /* 323 *| `@include truncate(100%);` /* 324 *| * /* 325 *| * Where `$truncation-boundary` is a united measurement. /* 326 *| */ /* 327 */ /** /* 328 *| * CSS arrows!!! But... before you read on, you might want to grab a coffee... /* 329 *| * /* 330 *| * This mixin creates a CSS arrow on a given element. We can have the arrow /* 331 *| * appear in one of 12 locations, thus: /* 332 *| * /* 333 *| * 01 02 03 /* 334 *| * +------------------+ /* 335 *| * 12 | | 04 /* 336 *| * | | /* 337 *| * 11 | | 05 /* 338 *| * | | /* 339 *| * 10 | | 06 /* 340 *| * +------------------+ /* 341 *| * 09 08 07 /* 342 *| * /* 343 *| * You pass this position in along with a desired arrow color and optional /* 344 *| * border color, for example: /* 345 *| * /* 346 *| * `@include arrow(top, left, red)` /* 347 *| * /* 348 *| * for just a single, red arrow, or: /* 349 *| * /* 350 *| * `@include arrow(bottom, center, red, black)` /* style.css */ /* 351 *| * /* 352 *| * which will create a red triangle with a black border which sits at the bottom /* 353 *| * center of the element. Call the mixin thus: /* 354 *| * /* 355 *| .foo{ /* 356 *| background-color:#BADA55; /* 357 *| border:1px solid #ACE; /* 358 *| @include arrow(top, left, #BADA55, #ACE); /* 359 *| } /* 360 *| * /* 361 *| */ /* 362 */ /** /* 363 *| * Media query mixin. /* 364 *| * /* 365 *| * It’s not great practice to define solid breakpoints up-front, preferring to /* 366 *| * modify your design when it needs it, rather than assuming you’ll want a /* 367 *| * change at ‘mobile’. However, as inuit.css is required to take a hands off /* 368 *| * approach to design decisions, this is the closest we can get to baked-in /* 369 *| * responsiveness. It’s flexible enough to allow you to set your own breakpoints /* 370 *| * but solid enough to be frameworkified. /* 371 *| * /* 372 *| * We define some broad breakpoints in our vars file that are picked up here /* 373 *| * for use in a simple media query mixin. Our options are: /* 374 *| * /* 375 *| * palm /* 376 *| * lap /* 377 *| * lap-and-up /* 378 *| * portable /* 379 *| * desk /* 380 *| * desk-wide /* 381 *| * /* 382 *| * Not using a media query will, naturally, serve styles to all devices. /* 383 *| * /* 384 *| * `@include media-query(palm){ [styles here] }` /* 385 *| * /* 386 *| * We work out your end points for you: /* 387 *| */ /* 388 */ /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ /* 389 */ /* ========================================================================== /* 390 *| HTML5 display definitions /* 391 *| ========================================================================== */ /* 392 */ /* /* 393 *| * Correct `block` display not defined in IE 8/9. /* 394 *| */ /* 395 */ article, /* 396 */ aside, /* 397 */ details, /* 398 */ figcaption, /* 399 */ figure, /* 400 */ footer, /* style.css */ /* 401 */ header, /* 402 */ hgroup, /* 403 */ main, /* 404 */ nav, /* 405 */ section, /* 406 */ summary { /* 407 */ display: block; } /* 408 */ /* 409 */ /* /* 410 *| * Correct `inline-block` display not defined in IE 8/9. /* 411 *| */ /* 412 */ audio, /* 413 */ canvas, /* 414 */ video { /* 415 */ display: inline-block; } /* 416 */ /* 417 */ /* /* 418 *| * Prevent modern browsers from displaying `audio` without controls. /* 419 *| * Remove excess height in iOS 5 devices. /* 420 *| */ /* 421 */ audio:not([controls]) { /* 422 */ display: none; /* 423 */ height: 0; } /* 424 */ /* 425 */ /* /* 426 *| * Address styling not present in IE 8/9. /* 427 *| */ /* 428 */ [hidden] { /* 429 */ display: none; } /* 430 */ /* 431 */ /* ========================================================================== /* 432 *| Base /* 433 *| ========================================================================== */ /* 434 */ /* /* 435 *| * 1. Set default font family to sans-serif. /* 436 *| * 2. Prevent iOS text size adjust after orientation change, without disabling /* 437 *| * user zoom. /* 438 *| */ /* 439 */ html { /* 440 */ font-family: sans-serif; /* 441 */ /* 1 */ /* 442 */ -webkit-text-size-adjust: 100%; /* 443 */ /* 2 */ /* 444 */ -ms-text-size-adjust: 100%; /* 445 */ /* 2 */ } /* 446 */ /* 447 */ /* /* 448 *| * Remove default margin. /* 449 *| */ /* 450 */ body { /* style.css */ /* 451 */ margin: 0; } /* 452 */ /* 453 */ /* ========================================================================== /* 454 *| Links /* 455 *| ========================================================================== */ /* 456 */ /* /* 457 *| * Address `outline` inconsistency between Chrome and other browsers. /* 458 *| */ /* 459 */ a:focus { /* 460 */ outline: thin dotted; } /* 461 */ /* 462 */ /* /* 463 *| * Improve readability when focused and also mouse hovered in all browsers. /* 464 *| */ /* 465 */ a:active, /* 466 */ a:hover { /* 467 */ outline: 0; } /* 468 */ /* 469 */ /* ========================================================================== /* 470 *| Typography /* 471 *| ========================================================================== */ /* 472 */ /* /* 473 *| * Address variable `h1` font-size and margin within `section` and `article` /* 474 *| * contexts in Firefox 4+, Safari 5, and Chrome. /* 475 *| */ /* 476 */ h1 { /* 477 */ font-size: 2em; /* 478 */ margin: 0.67em 0; } /* 479 */ /* 480 */ /* /* 481 *| * Address styling not present in IE 8/9, Safari 5, and Chrome. /* 482 *| */ /* 483 */ abbr[title] { /* 484 */ border-bottom: 1px dotted; } /* 485 */ /* 486 */ /* /* 487 *| * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. /* 488 *| */ /* 489 */ b, /* 490 */ strong { /* 491 */ font-weight: bold; } /* 492 */ /* 493 */ /* /* 494 *| * Address styling not present in Safari 5 and Chrome. /* 495 *| */ /* 496 */ dfn { /* 497 */ font-style: italic; } /* 498 */ /* 499 */ /* /* 500 *| * Address differences between Firefox and other browsers. /* style.css */ /* 501 *| */ /* 502 */ hr { /* 503 */ -moz-box-sizing: content-box; /* 504 */ box-sizing: content-box; /* 505 */ height: 0; } /* 506 */ /* 507 */ /* /* 508 *| * Address styling not present in IE 8/9. /* 509 *| */ /* 510 */ mark { /* 511 */ background: #ff0; /* 512 */ color: #000; } /* 513 */ /* 514 */ /* /* 515 *| * Correct font family set oddly in Safari 5 and Chrome. /* 516 *| */ /* 517 */ code, /* 518 */ kbd, /* 519 */ pre, /* 520 */ samp { /* 521 */ font-family: monospace, serif; /* 522 */ font-size: 1em; } /* 523 */ /* 524 */ /* /* 525 *| * Improve readability of pre-formatted text in all browsers. /* 526 *| */ /* 527 */ pre { /* 528 */ white-space: pre-wrap; } /* 529 */ /* 530 */ /* /* 531 *| * Set consistent quote types. /* 532 *| */ /* 533 */ q { /* 534 */ quotes: "\201C" "\201D" "\2018" "\2019"; } /* 535 */ /* 536 */ /* /* 537 *| * Address inconsistent and variable font size in all browsers. /* 538 *| */ /* 539 */ small { /* 540 */ font-size: 80%; } /* 541 */ /* 542 */ /* /* 543 *| * Prevent `sub` and `sup` affecting `line-height` in all browsers. /* 544 *| */ /* 545 */ sub, /* 546 */ sup { /* 547 */ font-size: 75%; /* 548 */ line-height: 0; /* 549 */ position: relative; /* 550 */ vertical-align: baseline; } /* style.css */ /* 551 */ /* 552 */ sup { /* 553 */ top: -0.5em; } /* 554 */ /* 555 */ sub { /* 556 */ bottom: -0.25em; } /* 557 */ /* 558 */ /* ========================================================================== /* 559 *| Embedded content /* 560 *| ========================================================================== */ /* 561 */ /* /* 562 *| * Remove border when inside `a` element in IE 8/9. /* 563 *| */ /* 564 */ img { /* 565 */ border: 0; } /* 566 */ /* 567 */ /* /* 568 *| * Correct overflow displayed oddly in IE 9. /* 569 *| */ /* 570 */ svg:not(:root) { /* 571 */ overflow: hidden; } /* 572 */ /* 573 */ /* ========================================================================== /* 574 *| Figures /* 575 *| ========================================================================== */ /* 576 */ /* /* 577 *| * Address margin not present in IE 8/9 and Safari 5. /* 578 *| */ /* 579 */ figure { /* 580 */ margin: 0; } /* 581 */ /* 582 */ /* ========================================================================== /* 583 *| Forms /* 584 *| ========================================================================== */ /* 585 */ /* /* 586 *| * Define consistent border, margin, and padding. /* 587 *| */ /* 588 */ fieldset { /* 589 */ border: 1px solid #c0c0c0; /* 590 */ margin: 0 2px; /* 591 */ padding: 0.35em 0.625em 0.75em; } /* 592 */ /* 593 */ /* /* 594 *| * 1. Correct `color` not being inherited in IE 8/9. /* 595 *| * 2. Remove padding so people aren't caught out if they zero out fieldsets. /* 596 *| */ /* 597 */ legend { /* 598 */ border: 0; /* 599 */ /* 1 */ /* 600 */ padding: 0; /* style.css */ /* 601 */ /* 2 */ } /* 602 */ /* 603 */ /* /* 604 *| * 1. Correct font family not being inherited in all browsers. /* 605 *| * 2. Correct font size not being inherited in all browsers. /* 606 *| * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. /* 607 *| */ /* 608 */ button, /* 609 */ input, /* 610 */ select, /* 611 */ textarea { /* 612 */ font-family: inherit; /* 613 */ /* 1 */ /* 614 */ font-size: 100%; /* 615 */ /* 2 */ /* 616 */ margin: 0; /* 617 */ /* 3 */ } /* 618 */ /* 619 */ /* /* 620 *| * Address Firefox 4+ setting `line-height` on `input` using `!important` in /* 621 *| * the UA stylesheet. /* 622 *| */ /* 623 */ button, /* 624 */ input { /* 625 */ line-height: normal; } /* 626 */ /* 627 */ /* /* 628 *| * Address inconsistent `text-transform` inheritance for `button` and `select`. /* 629 *| * All other form control elements do not inherit `text-transform` values. /* 630 *| * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. /* 631 *| * Correct `select` style inheritance in Firefox 4+ and Opera. /* 632 *| */ /* 633 */ button, /* 634 */ select { /* 635 */ text-transform: none; } /* 636 */ /* 637 */ /* /* 638 *| * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` /* 639 *| * and `video` controls. /* 640 *| * 2. Correct inability to style clickable `input` types in iOS. /* 641 *| * 3. Improve usability and consistency of cursor style between image-type /* 642 *| * `input` and others. /* 643 *| */ /* 644 */ button, /* 645 */ html input[type="button"], /* 646 */ input[type="reset"], /* 647 */ input[type="submit"] { /* 648 */ -webkit-appearance: button; /* 649 */ /* 2 */ /* 650 */ cursor: pointer; /* style.css */ /* 651 */ /* 3 */ } /* 652 */ /* 653 */ /* /* 654 *| * Re-set default cursor for disabled elements. /* 655 *| */ /* 656 */ button[disabled], /* 657 */ html input[disabled] { /* 658 */ cursor: default; } /* 659 */ /* 660 */ /* /* 661 *| * 1. Address box sizing set to `content-box` in IE 8/9. /* 662 *| * 2. Remove excess padding in IE 8/9. /* 663 *| */ /* 664 */ input[type="checkbox"], /* 665 */ input[type="radio"] { /* 666 */ box-sizing: border-box; /* 667 */ /* 1 */ /* 668 */ padding: 0; /* 669 */ /* 2 */ } /* 670 */ /* 671 */ /* /* 672 *| * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. /* 673 *| * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome /* 674 *| * (include `-moz` to future-proof). /* 675 *| */ /* 676 */ input[type="search"] { /* 677 */ -webkit-appearance: textfield; /* 678 */ /* 1 */ /* 679 */ -moz-box-sizing: content-box; /* 680 */ -webkit-box-sizing: content-box; /* 681 */ /* 2 */ /* 682 */ box-sizing: content-box; } /* 683 */ /* 684 */ /* /* 685 *| * Remove inner padding and search cancel button in Safari 5 and Chrome /* 686 *| * on OS X. /* 687 *| */ /* 688 */ input[type="search"]::-webkit-search-cancel-button, /* 689 */ input[type="search"]::-webkit-search-decoration { /* 690 */ -webkit-appearance: none; } /* 691 */ /* 692 */ /* /* 693 *| * Remove inner padding and border in Firefox 4+. /* 694 *| */ /* 695 */ button::-moz-focus-inner, /* 696 */ input::-moz-focus-inner { /* 697 */ border: 0; /* 698 */ padding: 0; } /* 699 */ /* 700 */ /* /* style.css */ /* 701 *| * 1. Remove default vertical scrollbar in IE 8/9. /* 702 *| * 2. Improve readability and alignment in all browsers. /* 703 *| */ /* 704 */ textarea { /* 705 */ overflow: auto; /* 706 */ /* 1 */ /* 707 */ vertical-align: top; /* 708 */ /* 2 */ } /* 709 */ /* 710 */ /* ========================================================================== /* 711 *| Tables /* 712 *| ========================================================================== */ /* 713 */ /* /* 714 *| * Remove most spacing between table cells. /* 715 *| */ /* 716 */ table { /* 717 */ border-collapse: collapse; /* 718 */ border-spacing: 0; } /* 719 */ /* 720 */ /*------------------------------------*\ /* 721 *| $RESET /* 722 *| \*------------------------------------*/ /* 723 */ /** /* 724 *| * A more considered reset; more of a restart... /* 725 *| * As per: csswizardry.com/2011/10/reset-restarted /* 726 *| */ /* 727 */ /** /* 728 *| * Let’s make the box model all nice, shall we...? /* 729 *| */ /* 730 */ *, *:before, *:after { /* 731 */ -webkit-box-sizing: border-box; /* 732 */ -moz-box-sizing: border-box; /* 733 */ -ms-box-sizing: border-box; /* 734 */ -o-box-sizing: border-box; /* 735 */ box-sizing: border-box; } /* 736 */ /* 737 */ /** /* 738 *| * The usual... /* 739 *| */ /* 740 */ h1, h2, h3, h4, h5, h6, /* 741 */ p, blockquote, pre, /* 742 */ dl, dd, ol, ul, /* 743 */ form, fieldset, legend, /* 744 */ table, th, td, caption, /* 745 */ hr { /* 746 */ margin: 0; /* 747 */ padding: 0; } /* 748 */ /* 749 */ /** /* 750 *| * Give a help cursor to elements that give extra info on `:hover`. /* style.css */ /* 751 *| */ /* 752 */ abbr[title], dfn[title] { /* 753 */ cursor: help; } /* 754 */ /* 755 */ /** /* 756 *| * Remove underlines from potentially troublesome elements. /* 757 *| */ /* 758 */ u, ins { /* 759 */ text-decoration: none; } /* 760 */ /* 761 */ /** /* 762 *| * Apply faux underline via `border-bottom`. /* 763 *| */ /* 764 */ ins { /* 765 */ border-bottom: 1px solid; } /* 766 */ /* 767 */ /** /* 768 *| * So that `alt` text is visually offset if images don’t load. /* 769 *| */ /* 770 */ img { /* 771 */ font-style: italic; } /* 772 */ /* 773 */ /** /* 774 *| * Give form elements some cursor interactions... /* 775 *| */ /* 776 */ label, /* 777 */ input, /* 778 */ textarea, /* 779 */ button, /* 780 */ select, /* 781 */ option { /* 782 */ cursor: pointer; } /* 783 */ /* 784 */ .text-input:active, /* 785 */ .text-input:focus, /* 786 */ textarea:active, /* 787 */ textarea:focus { /* 788 */ cursor: text; /* 789 */ outline: none; } /* 790 */ /* 791 */ /*------------------------------------*\ /* 792 *| $CLEARFIX /* 793 *| \*------------------------------------*/ /* 794 */ /** /* 795 *| * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php /* 796 *| * Extend the clearfix class with Sass to avoid the `.cf` class appearing over /* 797 *| * and over in your markup. /* 798 *| */ /* 799 */ .cf:after, .nav:after, .rsBullets:after, .tabs__nav:after, .nav--main:after, .sub-menu:after, .commentlist:after, .author__social-links:after, .site-header__menu:after, .media:after, .author-box:after, .latest-comments__list:after, .island:after, /* 800 */ .islet:after, .matrix:after, .multi-list:after, .widget_nav_menu ul:after, .widget_categories ul:after, .widget_meta ul:after, .wp-caption:after, blockquote cite:after, blockquote .testimonial__author-name:after, .btn-list:after, .widget_tag_cloud .wp-tag-cloud:after, .comments-area-title:after, .comment-reply-title:after, .progressbar:after, .mosaic:after, .footer-widget-area:after, .content:after, .widget_wpgrade_social_links:after, .wpgrade_popular_posts a:after, .pixcode--grid:after, .article-archive--classic:after { /* style.css */ /* 801 */ content: ""; /* 802 */ display: table; /* 803 */ clear: both; } /* 804 */ /* 805 */ /*------------------------------------*\ /* 806 *| $SHARED /* 807 *| \*------------------------------------*/ /* 808 */ /** /* 809 *| * Where `margin-bottom` is concerned, this value will be the same as the /* 810 *| * base line-height. This allows us to keep a consistent vertical rhythm. /* 811 *| * As per: csswizardry.com/2012/06/single-direction-margin-declarations /* 812 *| */ /* 813 */ /** /* 814 *| * Base elements /* 815 *| */ /* 816 */ h1, h2, h3, h4, h5, h6, hgroup, /* 817 */ ul, ol, dl, /* 818 */ blockquote, p, address, /* 819 */ table, /* 820 */ fieldset, figure, /* 821 */ pre, /* 822 */ .form-fields > li, /* 823 */ .media, /* 824 */ .author-box, /* 825 */ .latest-comments__list, /* 826 */ .island, /* 827 */ .islet { /* 828 */ margin-bottom: 24px; /* 829 */ margin-bottom: 1.5rem; } /* 830 */ .islet h1, .islet h2, .islet h3, .islet h4, .islet h5, .islet h6, .islet hgroup, .islet /* 831 */ ul, .islet ol, .islet dl, .islet /* 832 */ blockquote, .islet p, .islet address, .islet /* 833 */ table, .islet /* 834 */ fieldset, .islet figure, .islet /* 835 */ pre, .islet .form-fields > li, .islet /* 836 */ .media, .islet /* 837 */ .author-box, .islet /* 838 */ .latest-comments__list, .islet /* 839 */ .island, .islet /* 840 */ .islet { /* 841 */ margin-bottom: 12px; /* 842 */ margin-bottom: 0.75rem; } /* 843 */ /* 844 */ /** /* 845 *| * Doubled up `margin-bottom` helper class. /* 846 *| */ /* 847 */ .landmark { /* 848 */ margin-bottom: 48px; /* 849 */ margin-bottom: 3rem; } /* 850 */ /* style.css */ /* 851 */ /** /* 852 *| * `hr` elements only take up a few pixels, so we need to give them special /* 853 *| * treatment regarding vertical rhythm. /* 854 *| */ /* 855 */ hr { /* 856 */ margin-top: -2px; /* 857 */ margin-bottom: 24px; /* 858 */ margin-bottom: 1.5rem; } /* 859 */ /* 860 */ /** /* 861 *| * Where `margin-left` is concerned we want to try and indent certain elements /* 862 *| * by a consistent amount. Define that amount once, here. /* 863 *| */ /* 864 */ ul, ol, dd { /* 865 */ margin-left: 48px; /* 866 */ margin-left: 3rem; } /* 867 */ /* 868 */ /** /* 869 *| * Base styles; unclassed HTML elements etc. /* 870 *| */ /* 871 */ /*------------------------------------*\ /* 872 *| $MAIN /* 873 *| \*------------------------------------*/ /* 874 */ html { /* 875 */ font: 1em/1.5 "Open Sans"; /* 876 */ overflow-y: scroll; /* 877 */ min-height: 100%; } /* 878 */ /* 879 */ /*------------------------------------*\ /* 880 *| $HEADINGS /* 881 *| \*------------------------------------*/ /* 882 */ /** /* 883 *| * As per: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css /* 884 *| * /* 885 *| * When we define a heading we also define a corresponding class to go with it. /* 886 *| * This allows us to apply, say, `class=alpha` to a `h3`; a double-stranded /* 887 *| * heading hierarchy. /* 888 *| */ /* 889 */ h1, .alpha { /* 890 */ font-size: 40px; /* 891 */ font-size: 2.5rem; /* 892 */ line-height: 1.21; } /* 893 */ /* 894 */ h2, .beta, .heading .archive__side-title { /* 895 */ font-size: 24px; /* 896 */ font-size: 1.5rem; /* 897 */ line-height: 1.51; } /* 898 */ /* 899 */ h3, .gamma, .add-comment .add-comment__text, .widget_calendar caption { /* 900 */ font-size: 20px; /* style.css */ /* 901 */ font-size: 1.25rem; /* 902 */ line-height: 1.21; } /* 903 */ /* 904 */ h4, .delta, .widget__title { /* 905 */ font-size: 15px; /* 906 */ font-size: 0.9375rem; /* 907 */ line-height: 1.61; } /* 908 */ /* 909 */ h5, .epsilon { /* 910 */ font-size: 12px; /* 911 */ font-size: 0.75rem; /* 912 */ line-height: 2.01; } /* 913 */ /* 914 */ h6, .zeta { /* 915 */ font-size: 10px; /* 916 */ font-size: 0.625rem; /* 917 */ line-height: 1.21; } /* 918 */ /* 919 */ /** /* 920 *| * Heading groups and generic any-heading class. /* 921 *| * To target any heading of any level simply apply a class of `.hN`, e.g.: /* 922 *| * /* 923 *|
/* 924 *|

inuit.css

/* 925 *|

Best. Framework. Ever!

/* 926 *|
/* 927 *| * /* 928 *| */ /* 929 */ hgroup .hN { /* 930 */ margin-bottom: 0; } /* 931 */ /* 932 */ /** /* 933 *| * A series of classes for setting massive type; for use in heroes, mastheads, /* 934 *| * promos, etc. /* 935 *| */ /* 936 */ .giga { /* 937 */ font-size: 96px; /* 938 */ font-size: 6rem; /* 939 */ line-height: 1.135; } /* 940 */ /* 941 */ .mega { /* 942 */ font-size: 72px; /* 943 */ font-size: 4.5rem; /* 944 */ line-height: 1.17667; } /* 945 */ /* 946 */ .kilo { /* 947 */ font-size: 48px; /* 948 */ font-size: 3rem; /* 949 */ line-height: 1.26; } /* 950 */ /* style.css */ /* 951 */ /*------------------------------------*\ /* 952 *| $PARAGRAPHS /* 953 *| \*------------------------------------*/ /* 954 */ /** /* 955 *| * The `.lede` class is used to make the introductory text (usually a paragraph) /* 956 *| * of a document slightly larger. /* 957 *| */ /* 958 */ .lede, /* 959 */ .lead { /* 960 */ font-size: 18px; /* 961 */ font-size: 1.125rem; /* 962 */ line-height: 1.34333; } /* 963 */ /* 964 */ /*------------------------------------*\ /* 965 *| $SMALLPRINT /* 966 *| \*------------------------------------*/ /* 967 */ /** /* 968 *| * A series of classes for setting tiny type; for use in smallprint etc. /* 969 *| */ /* 970 */ .smallprint, /* 971 */ .milli { /* 972 */ font-size: 12px; /* 973 */ font-size: 0.75rem; /* 974 */ line-height: 2.01; } /* 975 */ /* 976 */ .micro { /* 977 */ font-size: 10px; /* 978 */ font-size: 0.625rem; /* 979 */ line-height: 1.21; } /* 980 */ /* 981 */ /*------------------------------------*\ /* 982 *| $QUOTES /* 983 *| \*------------------------------------*/ /* 984 */ /** /* 985 *| * If English quotes are set in `_vars.scss`, define them here. /* 986 *| */ /* 987 */ /** /* 988 *| * Big up @boblet: html5doctor.com/blockquote-q-cite /* 989 *| */ /* 990 */ /** /* 991 *| * Inline quotes. /* 992 *| */ /* 993 */ q { /* 994 */ quotes: "\2018" "\2019" "\201C" "\201D"; } /* 995 */ q:before { /* 996 */ content: "\2018"; /* 997 */ content: open-quote; } /* 998 */ q:after { /* 999 */ content: "\2019"; /* 1000 */ content: close-quote; } /* style.css */ /* 1001 */ q q:before { /* 1002 */ content: "\201C"; /* 1003 */ content: open-quote; } /* 1004 */ q q:after { /* 1005 */ content: "\201D"; /* 1006 */ content: close-quote; } /* 1007 */ /* 1008 */ blockquote { /* 1009 */ quotes: "\201C" "\201D"; } /* 1010 */ blockquote p:before { /* 1011 */ content: "\201C"; /* 1012 */ content: open-quote; } /* 1013 */ blockquote p:after { /* 1014 */ content: ""; /* 1015 */ content: no-close-quote; } /* 1016 */ blockquote p:last-of-type:after { /* 1017 */ content: "\201D"; /* 1018 */ content: close-quote; } /* 1019 */ blockquote q:before { /* 1020 */ content: "\2018"; /* 1021 */ content: open-quote; } /* 1022 */ blockquote q:after { /* 1023 */ content: "\2019"; /* 1024 */ content: close-quote; } /* 1025 */ /* 1026 */ /** /* 1027 *| * /* 1028 *|
/* 1029 *|

Insanity: doing the same thing over and over again and expecting /* 1030 *| different results.

/* 1031 *| Albert Einstein /* 1032 *|
/* 1033 *| * /* 1034 *| */ /* 1035 */ blockquote { /* 1036 */ /** /* 1037 *| * .4em is roughly equal to the width of the opening “ that we wish to hang. /* 1038 *| */ /* 1039 */ text-indent: -0.41em; } /* 1040 */ blockquote p:last-of-type { /* 1041 */ margin-bottom: 0; } /* 1042 */ /* 1043 */ .source { /* 1044 */ display: block; /* 1045 */ text-indent: 0; } /* 1046 */ .source:before { /* 1047 */ content: "\2014"; } /* 1048 */ /* 1049 */ /*------------------------------------*\ /* 1050 *| $CODE /* style.css */ /* 1051 *| \*------------------------------------*/ /* 1052 */ /** /* 1053 *| * Use an explicit font stack to ensure browsers render correct `line-height`. /* 1054 *| */ /* 1055 */ pre { /* 1056 */ overflow: auto; } /* 1057 */ /* 1058 */ pre mark { /* 1059 */ background: none; /* 1060 */ border-bottom: 1px solid; /* 1061 */ color: inherit; } /* 1062 */ /* 1063 */ /** /* 1064 *| * Add comments to your code examples, e.g.: /* 1065 *| * /* 1066 *| </div><!-- /wrapper --> /* 1067 *| * /* 1068 *| */ /* 1069 */ .code-comment { /* 1070 */ /** /* 1071 *| * Override this setting in your theme stylesheet /* 1072 *| */ /* 1073 */ opacity: 0.75; /* 1074 */ filter: alpha(opacity=75); } /* 1075 */ /* 1076 */ /** /* 1077 *| * You can add line numbers to your code examples but be warned, it requires /* 1078 *| * some pretty funky looking markup, e.g.: /* 1079 *| * /* 1080 *|
    /* 1081 *|
  1. .nav{
    2. /* 1082 *|
  2. list-style:none;
    3. /* 1083 *|
  3. margin-left:0;
    4. /* 1084 *|
  4. }
    5. /* 1085 *|
  5. .nav > li,
    6. /* 1086 *|
  6. .nav > li > a{
    7. /* 1087 *|
  7. display:inline-block;
    8. /* 1088 *|
  8. *display:inline-block;
    9. /* 1089 *|
  9. zoom:1;
    10. /* 1090 *|
  10. }
    11. /* 1091 *|
/* 1092 *| * /* 1093 *| * 1. Make the list look like code. /* 1094 *| * 2. Give the list flush numbers with a leading zero. /* 1095 *| * 3. Make sure lines of code don’t wrap. /* 1096 *| * 4. Give the code form by forcing the `code` to honour white-space. /* 1097 *| */ /* 1098 */ .line-numbers { /* 1099 */ font-family: monospace, serif; /* 1100 */ /* [1] */ /* style.css */ /* 1101 */ list-style: decimal-leading-zero inside; /* 1102 */ /* [2] */ /* 1103 */ white-space: nowrap; /* 1104 */ /* [3] */ /* 1105 */ overflow: auto; /* 1106 */ /* [3] */ /* 1107 */ margin-left: 0; } /* 1108 */ /* 1109 */ .line-numbers code { /* 1110 */ white-space: pre; /* 1111 */ /* [4] */ } /* 1112 */ /* 1113 */ /*------------------------------------*\ /* 1114 *| $IMAGES /* 1115 *| \*------------------------------------*/ /* 1116 */ /** /* 1117 *| * Demo: jsfiddle.net/inuitcss/yMtur /* 1118 *| */ /* 1119 */ /** /* 1120 *| * Fluid images. /* 1121 *| */ /* 1122 */ img { /* 1123 */ max-width: 100%; } /* 1124 */ /* 1125 */ /** /* 1126 *| * Non-fluid images if you specify `width` and/or `height` attributes. /* 1127 *| */ /* 1128 */ img[width], /* 1129 */ img[height] { /* 1130 */ max-width: none; } /* 1131 */ /* 1132 */ /** /* 1133 *| * Rounded images. /* 1134 *| */ /* 1135 */ .img--round { /* 1136 */ border-radius: 0; } /* 1137 */ /* 1138 */ /** /* 1139 *| * Image placement variations. /* 1140 *| */ /* 1141 */ .img--right { /* 1142 */ float: right; /* 1143 */ margin-bottom: 24px; /* 1144 */ margin-bottom: 1.5rem; /* 1145 */ margin-left: 24px; /* 1146 */ margin-left: 1.5rem; } /* 1147 */ /* 1148 */ .img--left { /* 1149 */ float: left; /* 1150 */ margin-right: 24px; /* style.css */ /* 1151 */ margin-right: 1.5rem; /* 1152 */ margin-bottom: 24px; /* 1153 */ margin-bottom: 1.5rem; } /* 1154 */ /* 1155 */ .img--center { /* 1156 */ display: block; /* 1157 */ margin-right: auto; /* 1158 */ margin-bottom: 24px; /* 1159 */ margin-bottom: 1.5rem; /* 1160 */ margin-left: auto; } /* 1161 */ /* 1162 */ /** /* 1163 *| * Keep your images on your baseline. /* 1164 *| * /* 1165 *| * Please note, these will not work too nicely with fluid images and will /* 1166 *| * distort when resized below a certain width. Use with caution. /* 1167 *| */ /* 1168 */ .img--short { /* 1169 */ height: 120px; /* 1170 */ height: 7.5rem; } /* 1171 */ /* 1172 */ .img--medium { /* 1173 */ height: 240px; /* 1174 */ height: 15rem; } /* 1175 */ /* 1176 */ .img--tall { /* 1177 */ height: 360px; /* 1178 */ height: 22.5rem; } /* 1179 */ /* 1180 */ /** /* 1181 *| * Images in `figure` elements. /* 1182 *| */ /* 1183 */ figure > img { /* 1184 */ display: block; } /* 1185 */ /* 1186 */ /*------------------------------------*\ /* 1187 *| $LISTS /* 1188 *| \*------------------------------------*/ /* 1189 */ /** /* 1190 *| * Remove vertical spacing from nested lists. /* 1191 *| */ /* 1192 */ li > ul, /* 1193 */ li > ol { /* 1194 */ margin-bottom: 0; } /* 1195 */ /* 1196 */ /** /* 1197 *| * Have a numbered `ul` without the semantics implied by using an `ol`. /* 1198 *| */ /* 1199 */ /*ul*/ /* 1200 */ .numbered-list { /* style.css */ /* 1201 */ list-style-type: decimal; } /* 1202 */ /* 1203 */ /*------------------------------------*\ /* 1204 *| $TABLES /* 1205 *| \*------------------------------------*/ /* 1206 */ /** /* 1207 *| * We have a lot at our disposal for making very complex table constructs, e.g.: /* 1208 *| * /* 1209 *| /* 1210 *| /* 1211 *| /* 1212 *| /* 1213 *| /* 1214 *| /* 1215 *| /* 1216 *| /* 1217 *| /* 1218 *| /* 1219 *| /* 1220 *| /* 1221 *| /* 1222 *| /* 1223 *| /* 1224 *| /* 1225 *| /* 1226 *| /* 1227 *| /* 1228 *| /* 1229 *| /* 1230 *| /* 1231 *| /* 1232 *| /* 1233 *| /* 1234 *| /* 1235 *| /* 1236 *| /* 1237 *| /* 1238 *| /* 1239 *| /* 1240 *| /* 1241 *| /* 1242 *| /* 1243 *| /* 1244 *| /* 1245 *| /* 1246 *| /* 1247 *| /* 1248 *| /* 1249 *| /* 1250 *| /* style.css */ /* 1251 *| /* 1252 *| /* 1253 *| /* 1254 *| /* 1255 *| /* 1256 *| /* 1257 *|
FooBar
LoremIpsumDolorSit
SitDolor03.788Lorem
Dolor32.210Lorem
Dolor47.797Lorem
SitDolor09.640Lorem
Dolor12.117Lorem
/* 1258 *| * /* 1259 *| */ /* 1260 */ table { /* 1261 */ width: 100%; } /* 1262 */ /* 1263 */ th, /* 1264 */ td { /* 1265 */ padding: 6px; /* 1266 */ padding: 0.375rem; /* 1267 */ text-align: left; } /* 1268 */ @media screen and (min-width: 480px) { /* 1269 */ th, /* 1270 */ td { /* 1271 */ padding: 12px; /* 1272 */ padding: 0.75rem; } } /* 1273 */ /* 1274 */ /** /* 1275 *| * Cell alignments /* 1276 *| */ /* 1277 */ [colspan] { /* 1278 */ text-align: center; } /* 1279 */ /* 1280 */ [colspan="1"] { /* 1281 */ text-align: left; } /* 1282 */ /* 1283 */ [rowspan] { /* 1284 */ vertical-align: middle; } /* 1285 */ /* 1286 */ [rowspan="1"] { /* 1287 */ vertical-align: top; } /* 1288 */ /* 1289 */ .numerical { /* 1290 */ text-align: right; } /* 1291 */ /* 1292 */ /** /* 1293 *| * In the HTML above we see several `col` elements with classes whose numbers /* 1294 *| * represent a percentage width for that column. We leave one column free of a /* 1295 *| * class so that column can soak up the effects of any accidental breakage in /* 1296 *| * the table. /* 1297 *| */ /* 1298 */ .t5 { /* 1299 */ width: 5%; } /* 1300 */ /* style.css */ /* 1301 */ .t10 { /* 1302 */ width: 10%; } /* 1303 */ /* 1304 */ .t12 { /* 1305 */ width: 12.5%; } /* 1306 */ /* 1307 */ /* 1/8 */ /* 1308 */ .t15 { /* 1309 */ width: 15%; } /* 1310 */ /* 1311 */ .t20 { /* 1312 */ width: 20%; } /* 1313 */ /* 1314 */ .t25 { /* 1315 */ width: 25%; } /* 1316 */ /* 1317 */ /* 1/4 */ /* 1318 */ .t30 { /* 1319 */ width: 30%; } /* 1320 */ /* 1321 */ .t33 { /* 1322 */ width: 33.333%; } /* 1323 */ /* 1324 */ /* 1/3 */ /* 1325 */ .t35 { /* 1326 */ width: 35%; } /* 1327 */ /* 1328 */ .t37 { /* 1329 */ width: 37.5%; } /* 1330 */ /* 1331 */ /* 3/8 */ /* 1332 */ .t40 { /* 1333 */ width: 40%; } /* 1334 */ /* 1335 */ .t45 { /* 1336 */ width: 45%; } /* 1337 */ /* 1338 */ .t50 { /* 1339 */ width: 50%; } /* 1340 */ /* 1341 */ /* 1/2 */ /* 1342 */ .t55 { /* 1343 */ width: 55%; } /* 1344 */ /* 1345 */ .t60 { /* 1346 */ width: 60%; } /* 1347 */ /* 1348 */ .t62 { /* 1349 */ width: 62.5%; } /* 1350 */ /* style.css */ /* 1351 */ /* 5/8 */ /* 1352 */ .t65 { /* 1353 */ width: 65%; } /* 1354 */ /* 1355 */ .t66 { /* 1356 */ width: 66.666%; } /* 1357 */ /* 1358 */ /* 2/3 */ /* 1359 */ .t70 { /* 1360 */ width: 70%; } /* 1361 */ /* 1362 */ .t75 { /* 1363 */ width: 75%; } /* 1364 */ /* 1365 */ /* 3/4*/ /* 1366 */ .t80 { /* 1367 */ width: 80%; } /* 1368 */ /* 1369 */ .t85 { /* 1370 */ width: 85%; } /* 1371 */ /* 1372 */ .t87 { /* 1373 */ width: 87.5%; } /* 1374 */ /* 1375 */ /* 7/8 */ /* 1376 */ .t90 { /* 1377 */ width: 90%; } /* 1378 */ /* 1379 */ .t95 { /* 1380 */ width: 95%; } /* 1381 */ /* 1382 */ /** /* 1383 *| * Bordered tables /* 1384 *| */ /* 1385 */ .table--bordered th, table th, /* 1386 */ .table--bordered td, /* 1387 */ table td { /* 1388 */ border: 1px solid #cccccc; } /* 1389 */ .table--bordered th:empty, table th:empty, /* 1390 */ .table--bordered td:empty, /* 1391 */ table td:empty { /* 1392 */ border: none; } /* 1393 */ .table--bordered thead tr:last-child th, table thead tr:last-child th { /* 1394 */ border-bottom-width: 2px; } /* 1395 */ .table--bordered tbody tr th:last-of-type, table tbody tr th:last-of-type { /* 1396 */ border-right-width: 2px; } /* 1397 */ /* 1398 */ /** /* 1399 *| * Striped tables /* 1400 *| */ /* style.css */ /* 1401 */ .table--striped tbody tr:nth-of-type(odd), table tbody tr:nth-of-type(odd) { /* 1402 */ background-color: #ffc; /* 1403 */ /* Override this color in your theme stylesheet */ } /* 1404 */ /* 1405 */ /** /* 1406 *| * Data table /* 1407 *| */ /* 1408 */ .table--data { /* 1409 */ font: 12px/1.5 sans-serif; } /* 1410 */ /* 1411 */ /*------------------------------------*\ /* 1412 *| $FORMS /* 1413 *| \*------------------------------------*/ /* 1414 */ /** /* 1415 *| * /* 1416 *| * Demo: jsfiddle.net/inuitcss/MhHHU /* 1417 *| * /* 1418 *| */ /* 1419 */ fieldset { /* 1420 */ padding: 24px; /* 1421 */ padding: 1.5rem; } /* 1422 */ /* 1423 */ /** /* 1424 *| * Text inputs /* 1425 *| * /* 1426 *| * Instead of a `[type]` selector for each kind of form input, we just use a /* 1427 *| * class to target any/every one, e.g.: /* 1428 *| /* 1429 *| /* 1430 *| /* 1431 *| * /* 1432 *| */ /* 1433 */ .text-input, /* 1434 */ textarea { /* 1435 */ /** /* 1436 *| * Style these via your theme stylesheet. /* 1437 *| */ } /* 1438 */ /* 1439 */ /** /* 1440 *| * Group sets of form fields in a list, e.g.: /* 1441 *| * /* 1442 *| /* 1456 *| * /* 1457 *| */ /* 1458 */ .form-fields { /* 1459 */ list-style: none; /* 1460 */ margin: 0; } /* 1461 */ /* 1462 */ .form-fields > li:last-child { /* 1463 */ margin-bottom: 0; } /* 1464 */ /* 1465 */ /** /* 1466 *| * Labels /* 1467 *| * /* 1468 *| * Define a `.label` class as well as a `label` element. This means we can apply /* 1469 *| * label-like styling to meta-labels for groups of options where a `label` /* 1470 *| * element is not suitable, e.g.: /* 1471 *| * /* 1472 *|
  • /* 1473 *| Select an option below: /* 1474 *| /* 1488 *|
    • /* 1489 *| * /* 1490 *| */ /* 1491 */ label, /* 1492 */ .label { /* 1493 */ display: block; } /* 1494 */ /* 1495 */ /** /* 1496 *| * Extra help text in `label`s, e.g.: /* 1497 *| * /* 1498 *| /* 1499 *| * /* 1500 *| */ /* style.css */ /* 1501 */ .additional { /* 1502 */ display: block; /* 1503 */ font-weight: normal; } /* 1504 */ /* 1505 */ /* /* 1506 *| * Groups of checkboxes and radios, e.g.: /* 1507 *| * /* 1508 *|
  • /* 1509 *| /* 1517 *|
    • /* 1518 *| * /* 1519 *| */ /* 1520 */ .check-list { /* 1521 */ list-style: none; /* 1522 */ margin: 0; } /* 1523 */ /* 1524 */ /* /* 1525 *| * Labels in check-lists /* 1526 *| */ /* 1527 */ .check-label, /* 1528 */ .check-list label, /* 1529 */ .check-list .label { /* 1530 */ display: inline-block; } /* 1531 */ /* 1532 */ /** /* 1533 *| * Spoken forms are for forms that read like spoken word, e.g.: /* 1534 *| * /* 1535 *|
  • /* 1536 *| Hello, my is /* 1537 *| . My home /* 1538 *| is /* 1539 *| /* 1544 *|
    • /* 1545 *| * /* 1546 *| */ /* 1547 */ .spoken-form label { /* 1548 */ display: inline-block; /* 1549 */ font: inherit; } /* 1550 */ /* style.css */ /* 1551 */ /** /* 1552 *| * Extra help text displayed after a field when that field is in focus, e.g.: /* 1553 *| * /* 1554 *| /* 1555 *| /* 1556 *| .edu emails only /* 1557 *| * /* 1558 *| * We leave the help text in the document flow and merely set it to /* 1559 *| * `visibility:hidden;`. This means that it won’t interfere with anything once /* 1560 *| * it reappears. /* 1561 *| * /* 1562 *| */ /* 1563 */ /*small*/ /* 1564 */ .extra-help { /* 1565 */ display: inline-block; /* 1566 */ visibility: hidden; } /* 1567 */ /* 1568 */ .text-input:active + .extra-help, /* 1569 */ .text-input:focus + .extra-help { /* 1570 */ visibility: visible; } /* 1571 */ /* 1572 */ /** /* 1573 *| * Objects and abstractions /* 1574 *| */ /* 1575 */ /*------------------------------------*\ /* 1576 *| $GRIDS /* 1577 *| \*------------------------------------*/ /* 1578 */ /** /* 1579 *| * Fluid and nestable grid system. It is necessary to comment out, or otherwise /* 1580 *| * remove, the whitespace from between grid items, e.g.: /* 1581 *| * /* 1582 *|
    /* 1583 *| /* 1584 *|
    /* 1585 *|

    One third grid

    /* 1586 *|
    /* 1589 *|

    Two thirds grid

    /* 1590 *|
    /* 1593 *|

    One half grid

    /* 1594 *|
    /* 1597 *|

    One quarter grid

    /* 1598 *|
    /* style.css */ /* 1601 *|

    One quarter grid

    /* 1602 *|
    /* 1603 *| /* 1604 *|
    /* 1605 *| * /* 1606 *| * Demo: jsfiddle.net/inuitcss/CLYUC /* 1607 *| * /* 1608 *| */ /* 1609 */ /** /* 1610 *| * Grid wrapper /* 1611 *| */ /* 1612 */ .grid, .comment-form { /* 1613 */ margin-left: -24px; /* 1614 */ margin-left: -1.5rem; /* 1615 */ list-style: none; /* 1616 */ margin-bottom: 0; } /* 1617 */ /* 1618 */ /** /* 1619 *| * Very infrequently occuring grid wrappers as children of grid wrappers. /* 1620 *| */ /* 1621 */ .grid > .grid, .comment-form > .grid, .grid > .comment-form, .comment-form > .comment-form { /* 1622 */ margin-left: 0; } /* 1623 */ /* 1624 */ /** /* 1625 *| * Grid /* 1626 *| */ /* 1627 */ .grid__item, .logged-in-as, .comment-form-author, /* 1628 */ .comment-form-email, /* 1629 */ .comment-form-url, .comment-form-comment, /* 1630 */ .form-submit, /* 1631 */ .comment-subscription-form { /* 1632 */ display: inline-block; /* 1633 */ width: 100%; /* 1634 */ padding-left: 24px; /* 1635 */ padding-left: 1.5rem; /* 1636 */ vertical-align: top; } /* 1637 */ /* 1638 */ /** /* 1639 *| * Reversed grids allow you to structure your source in the opposite order to /* 1640 *| * how your rendered layout will appear. Extends `.grid`. /* 1641 *| */ /* 1642 */ .grid--rev { /* 1643 */ direction: rtl; /* 1644 */ text-align: left; } /* 1645 */ .grid--rev > .grid__item, .grid--rev > .logged-in-as, .grid--rev > .comment-form-author, /* 1646 */ .grid--rev > .comment-form-email, /* 1647 */ .grid--rev > .comment-form-url, .grid--rev > .comment-form-comment, /* 1648 */ .grid--rev > .form-submit, /* 1649 */ .grid--rev > .comment-subscription-form { /* 1650 */ direction: ltr; /* style.css */ /* 1651 */ text-align: left; } /* 1652 */ /* 1653 */ /** /* 1654 *| * Gutterless grids have all the properties of regular grids, minus any spacing. /* 1655 *| * Extends `.grid`. /* 1656 *| */ /* 1657 */ .grid--full { /* 1658 */ margin-left: 0; } /* 1659 */ .grid--full > .grid__item, .grid--full > .logged-in-as, .grid--full > .comment-form-author, /* 1660 */ .grid--full > .comment-form-email, /* 1661 */ .grid--full > .comment-form-url, .grid--full > .comment-form-comment, /* 1662 */ .grid--full > .form-submit, /* 1663 */ .grid--full > .comment-subscription-form { /* 1664 */ padding-left: 0; } /* 1665 */ /* 1666 */ /** /* 1667 *| * Align the entire grid to the right. Extends `.grid`. /* 1668 *| */ /* 1669 */ .grid--right { /* 1670 */ text-align: right; } /* 1671 */ .grid--right > .grid__item, .grid--right > .logged-in-as, .grid--right > .comment-form-author, /* 1672 */ .grid--right > .comment-form-email, /* 1673 */ .grid--right > .comment-form-url, .grid--right > .comment-form-comment, /* 1674 */ .grid--right > .form-submit, /* 1675 */ .grid--right > .comment-subscription-form { /* 1676 */ text-align: left; } /* 1677 */ /* 1678 */ /** /* 1679 *| * Centered grids align grid items centrally without needing to use push or pull /* 1680 *| * classes. Extends `.grid`. /* 1681 *| */ /* 1682 */ .grid--center { /* 1683 */ text-align: center; } /* 1684 */ .grid--center > .grid__item, .grid--center > .logged-in-as, .grid--center > .comment-form-author, /* 1685 */ .grid--center > .comment-form-email, /* 1686 */ .grid--center > .comment-form-url, .grid--center > .comment-form-comment, /* 1687 */ .grid--center > .form-submit, /* 1688 */ .grid--center > .comment-subscription-form { /* 1689 */ text-align: left; } /* 1690 */ /* 1691 */ /** /* 1692 *| * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends /* 1693 *| * `.grid`. /* 1694 *| */ /* 1695 */ .grid--middle > .grid__item, .grid--middle > .logged-in-as, .grid--middle > .comment-form-author, /* 1696 */ .grid--middle > .comment-form-email, /* 1697 */ .grid--middle > .comment-form-url, .grid--middle > .comment-form-comment, /* 1698 */ .grid--middle > .form-submit, /* 1699 */ .grid--middle > .comment-subscription-form { /* 1700 */ vertical-align: middle; } /* style.css */ /* 1701 */ /* 1702 */ .grid--bottom > .grid__item, .grid--bottom > .logged-in-as, .grid--bottom > .comment-form-author, /* 1703 */ .grid--bottom > .comment-form-email, /* 1704 */ .grid--bottom > .comment-form-url, .grid--bottom > .comment-form-comment, /* 1705 */ .grid--bottom > .form-submit, /* 1706 */ .grid--bottom > .comment-subscription-form { /* 1707 */ vertical-align: bottom; } /* 1708 */ /* 1709 */ /** /* 1710 *| * Create grids with narrower gutters. Extends `.grid`. /* 1711 *| */ /* 1712 */ .grid--narrow { /* 1713 */ margin-left: -12px; /* 1714 */ margin-left: -0.75rem; } /* 1715 */ .grid--narrow > .grid__item, .grid--narrow > .logged-in-as, .grid--narrow > .comment-form-author, /* 1716 */ .grid--narrow > .comment-form-email, /* 1717 */ .grid--narrow > .comment-form-url, .grid--narrow > .comment-form-comment, /* 1718 */ .grid--narrow > .form-submit, /* 1719 */ .grid--narrow > .comment-subscription-form { /* 1720 */ padding-left: 12px; /* 1721 */ padding-left: 0.75rem; } /* 1722 */ /* 1723 */ /** /* 1724 *| * Create grids with wider gutters. Extends `.grid`. /* 1725 *| */ /* 1726 */ .grid--wide { /* 1727 */ margin-left: -48px; /* 1728 */ margin-left: -3rem; } /* 1729 */ .grid--wide > .grid__item, .grid--wide > .logged-in-as, .grid--wide > .comment-form-author, /* 1730 */ .grid--wide > .comment-form-email, /* 1731 */ .grid--wide > .comment-form-url, .grid--wide > .comment-form-comment, /* 1732 */ .grid--wide > .form-submit, /* 1733 */ .grid--wide > .comment-subscription-form { /* 1734 */ padding-left: 48px; /* 1735 */ padding-left: 3rem; } /* 1736 */ /* 1737 */ /*------------------------------------*\ /* 1738 *| $FLEXBOX /* 1739 *| \*------------------------------------*/ /* 1740 */ /** /* 1741 *| * Until we can utilise flexbox natively we can kinda, sorta, attempt to emulate /* 1742 *| * it, in a way... e.g.: /* 1743 *| * /* 1744 *|
    /* 1745 *| /* 1746 *|
    /* 1747 *| Welcome to /* 1748 *|
    /* 1749 *| /* 1750 *|
    /* style.css */ /* 1751 *| inuit.css /* 1752 *|
    /* 1753 *| /* 1754 *|
    /* 1755 *| * /* 1756 *| * We can also combine our grid system classes with `.flexbox__item` classes, /* 1757 *| * e.g.: /* 1758 *| * /* 1759 *|
    /* 1760 *|
    /* 1761 *|
    /* 1762 *|
    /* 1763 *|
    /* 1764 *|
    /* 1765 *| * /* 1766 *| * It’s pretty poorly named I’m afraid, but it works... /* 1767 *| * /* 1768 *| * Demo: jsfiddle.net/inuitcss/ufUh2 /* 1769 *| * /* 1770 *| */ /* 1771 */ .flexbox { /* 1772 */ display: table; /* 1773 */ width: 100%; } /* 1774 */ /* 1775 */ /** /* 1776 *| * Nasty hack to circumvent Modernizr conflicts. /* 1777 *| */ /* 1778 */ html.flexbox { /* 1779 */ display: block; /* 1780 */ width: auto; } /* 1781 */ /* 1782 */ .flexbox__item, .site-header .header-component { /* 1783 */ display: table-cell; /* 1784 */ vertical-align: middle; } /* 1785 */ /* 1786 */ /*------------------------------------*\ /* 1787 *| $NAV /* 1788 *| \*------------------------------------*/ /* 1789 */ /** /* 1790 *| * Nav abstraction as per: csswizardry.com/2011/09/the-nav-abstraction /* 1791 *| * When used on an `ol` or `ul`, this class throws the list into horizontal mode /* 1792 *| * e.g.: /* 1793 *| * /* 1794 *| /* 1800 *| * /* style.css */ /* 1801 *| * Demo: jsfiddle.net/inuitcss/Vnph4 /* 1802 *| * /* 1803 *| */ /* 1804 */ .nav, .rsBullets, .tabs__nav, .nav--main, .sub-menu, .commentlist, .author__social-links, .site-header__menu { /* 1805 */ list-style: none; /* 1806 */ margin-left: 0; } /* 1807 */ .nav > li, .rsBullets > li, .tabs__nav > li, .nav--main > li, .sub-menu > li, .commentlist > li, .author__social-links > li, .site-header__menu > li, /* 1808 */ .nav > li > a, /* 1809 */ .rsBullets > li > a, /* 1810 */ .tabs__nav > li > a, /* 1811 */ .nav--main > li > a, /* 1812 */ .sub-menu > li > a, /* 1813 */ .commentlist > li > a, /* 1814 */ .author__social-links > li > a, /* 1815 */ .site-header__menu > li > a { /* 1816 */ display: inline-block; /* 1817 */ *display: inline; /* 1818 */ zoom: 1; } /* 1819 */ /* 1820 */ /** /* 1821 *| * `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.: /* 1822 *| * /* 1823 *| /* 1829 *| * /* 1830 *| */ /* 1831 */ .nav--stacked > li, .sub-menu > li { /* 1832 */ display: list-item; } /* 1833 */ .nav--stacked > li > a, .sub-menu > li > a { /* 1834 */ display: block; } /* 1835 */ /* 1836 */ /** /* 1837 *| * `.nav--banner` extends `.nav` and centres the list, e.g.: /* 1838 *| * /* 1839 *| /* 1845 *| * /* 1846 *| */ /* 1847 */ .nav--banner, .nav--main { /* 1848 */ text-align: center; } /* 1849 */ /* 1850 */ /** /* style.css */ /* 1851 *| * Give nav links a big, blocky hit area. Extends `.nav`, e.g.: /* 1852 *| * /* 1853 *| /* 1859 *| * /* 1860 *| */ /* 1861 */ .nav--block, .options, .tabs__nav { /* 1862 */ line-height: 1; /* 1863 */ /** /* 1864 *| * Remove whitespace caused by `inline-block`. /* 1865 *| */ /* 1866 */ letter-spacing: -0.31em; /* 1867 */ word-spacing: -0.43em; /* 1868 */ white-space: nowrap; } /* 1869 */ .nav--block > li, .options > li, .tabs__nav > li { /* 1870 */ letter-spacing: normal; /* 1871 */ word-spacing: normal; } /* 1872 */ .nav--block > li > a, .options > li > a, .tabs__nav > li > a { /* 1873 */ padding: 12px; /* 1874 */ padding: 0.75rem; } /* 1875 */ /* 1876 */ /** /* 1877 *| * Force a nav to occupy 100% of the available width of its parent. Extends /* 1878 *| * `.nav`, e.g.: /* 1879 *| * /* 1880 *| /* 1886 *| * /* 1887 *| * Thanks to @pimpl for this idea! /* 1888 *| */ /* 1889 */ .nav--fit { /* 1890 */ display: table; /* 1891 */ width: 100%; } /* 1892 */ .nav--fit > li { /* 1893 */ display: table-cell; } /* 1894 */ .nav--fit > li > a { /* 1895 */ display: block; } /* 1896 */ /* 1897 */ /** /* 1898 *| * Make a list of keywords. Extends `.nav`, e.g.: /* 1899 *| * /* 1900 *| `