/* # AVAILABLE WEIGHTS/STYLES 300 300 italic 600 800 --- # COLORS default: 3c3c3c (dark grey) alternate: 5fa4a0 (teal) highlight: f04530 (orange) */ /* @-webkit-keyframes jitter { 0% { -webkit-transform: rotate(0deg) translateX(2px) ; } 2% { -webkit-transform: rotate(-5deg); } 4% { -webkit-transform: rotate(0deg); } 6% { -webkit-transform: rotate(5deg); } 8% { -webkit-transform: rotate(0deg) translateX(-2px) ; } 10% { -webkit-transform: rotate(-5deg); } 12% { -webkit-transform: rotate(0deg); } 14% { -webkit-transform: rotate(5deg); } 16% { -webkit-transform: rotate(0deg); } } @-moz-keyframes jitter { 0% { -moz-transform: rotate(0deg) translateX(2px) ; } 2% { -moz-transform: rotate(-5deg); } 4% { -moz-transform: rotate(0deg); } 6% { -moz-transform: rotate(5deg); } 8% { -moz-transform: rotate(0deg) translateX(-2px) ; } 10% { -moz-transform: rotate(-5deg); } 12% { -moz-transform: rotate(0deg); } 14% { -moz-transform: rotate(5deg); } 16% { -moz-transform: rotate(0deg); } } */ body ::-webkit-scrollbar { height: 16px; overflow: visible; width: 16px; } body ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .2); background-clip: padding-box; border: solid transparent; min-height: 28px; padding: 100px 0 0; box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07); border-width: 1px 1px 1px 6px; } body ::-webkit-scrollbar-button { height: 0; width: 0; } body ::-webkit-scrollbar-track { background-clip: padding-box; border: solid transparent; border-width: 0 0 0 4px; } body ::-webkit-scrollbar-corner { background: transparent; } /* NORMALIZE */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; overflow: hidden; } body, button, input, select, textarea { font-family: sans-serif; color: #000; } ::-moz-selection { background: #f04530; color: #fff; text-shadow: none; } ::selection { background: #f04530; color: #fff; text-shadow: none; } a { color: #5fa4a0; text-decoration: none;} a:visited { color: #5fa4a0; } a:hover, a:focus { color: #f04530; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } button { display: inline-block; background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F9F9F9), to(#E3E3E3)); background: -webkit-linear-gradient(#F9F9F9 40%, #E3E3E3 70%); background: -moz-linear-gradient(#F9F9F9 40%, #E3E3E3 70%); background: -ms-linear-gradient(#F9F9F9 40%, #E3E3E3 70%); background: -o-linear-gradient(#F9F9F9 40%, #E3E3E3 70%); background: linear-gradient(#F9F9F9 40%, #E3E3E3 70%); border: 1px solid #999; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 8px; outline: none; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 700; font-size: 10pt; } button:hover, button:focus { border-color: black; } button:active { background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#E3E3E3), to(#F9F9F9)); background: -webkit-linear-gradient(#E3E3E3 40%, #F9F9F9 70%); background: -moz-linear-gradient(#E3E3E3 40%, #F9F9F9 70%); background: -ms-linear-gradient(#E3E3E3 40%, #F9F9F9 70%); background: -o-linear-gradient(#E3E3E3 40%, #F9F9F9 70%); background: linear-gradient(#E3E3E3 40%, #F9F9F9 70%); } /* BACKGROUND SCALE */ body { /*-webkit-transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -o-transition: background .25s ease-in-out; transition: background .25s ease-in-out; -webkit-transition: background-position .5s ease-in-out; -moz-transition: background-position .5s ease-in-out; -o-transition: background-position .5s ease-in-out; transition: background-position .5s ease-in-out; background: url(/static/images/background.png) repeat; background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%;*/ } .pattern-bg { background: url(/static/images/background.png) repeat; background-color: rgb(248, 248, 248) !important; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))) !important; background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -webkit-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -webkit-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%) !important; /*FF has a huge problem with render this gradient wth a small bg size set below background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%) !important;*/ /*Opera doesn't implement background-size? background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -o-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -o-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%) !important;*/ background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -ms-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -ms-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%) !important; -webkit-background-size: 3px 3px; /*-moz-background-size: 3px 3px;*/ /*-o-background-size: 3px 3px; Opera doesn't implement this?*/ -ms-background-size: 3px 3px; /*background-size: 3px 3px; Don't use b/c of FF*/ } .pattern-bg-lighter, article.sectioned > section:not(#classes) { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABPCAYAAACqNJiGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVFREE2QTFENjc3MTFFMDg0RDg4QURBN0E4NTA4NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVFREE2QTJENjc3MTFFMDg0RDg4QURBN0E4NTA4NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNTQwMEVFNkQ1OTUxMUUwODREODhBREE3QTg1MDg1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUVEQTZBMEQ2NzcxMUUwODREODhBREE3QTg1MDg1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu1CJBoAAAVwSURBVHja7FwNb9s2FLRlO4kbtFuwrViHYgP2/3/TsHVtsqUfadOlTuKv+bQ878rqUSfJdj76CASiTN6JIXgUec90/+TP309/fP7LtLdKxy9+2/vp51+vkX998nJ09P3T2XC0t/z44WyAzx5/czSfTa/7Z29Ohz88e15i/nr5x6gOb/ffPX02KwaDpcqd8tXhcf3w7s1g72C8HD86XDThNj4Vj9RfLpevepFapSK6oEPnYcjaDeffvf57iKGK/MU/5wX+kL+6nPQxtKswHh7p7enJcDGf901a4Em5UR+4Kj4FjwSpTT5dlPe4mvRUbhVfynY+mx1jHsENCCyPyjZfGXFVPS/P+DoMc6fPVZ7ptS3XJuU5df9TzHldZMtDkfMYrixbkwk+s6GcYjy8SY2lYWXgZdl63Ao+bSuXAcvTjcet4pGGh4+fzO2G83hVF8V/dff3D5aWxxVlVRgPj3SA+5vhz2Wj0V5vcPN5jlvBp239jHt1PRC4VXzItqts7c1ibxce/jaUMXxtKOMzy6cYD5+WAe9xswQ9bg+flnFbU26eHjzuHL7svGt6MOe9tFjMe7PZtBKTw2OOskYBD566xHwqfrFY9KfTcuPQwxX3dc9h7ib4kG0X2bK0+O3IedTx6in4XL0ct/KcFJ/mFW7vOTl82Xlnb0/X2sfG1/Ln7/9fDkwmF338GQHKeHVeh0d6T8sBlZv50M46/PredggiN/NhXlPwIdswBm6x8+DHeZt8G8p4rfMGmesxHh5ZFd7uTXZsGuS4Uz7De22z3YK3sc9xGx/jc20L2YZs76Cfh+G7Cz8PEtmFnwfszvw81TPr6ufV+Yib9POaPif8vPDz7rGfNx4frofqNv08SGL8qLcTP+/Jt0fh58VS5aEtVbzQY245oS5V2nAr+HSpoXKnOx4F/8VSJRea4+WA95r38HXLBI9beU7dMkrhzi1bPHzMeV1ly69fznsxDPQ+y0TBmxx4OcBLDS9OwHwK3nYFvNQwCeZiGMyt4svOwzeC7Ibzbm+vXuPD4agSk8NjuNvwB56XMV5iPhVfFMUSSwxbauC+7jnM3QQfsu0iWzW8VxWOSzEePleWhveacqeYNm1Vuble2Xle6JDDexyOU0OPaXjQCx1yeC/HreDTtn7GvcLy0snjVvEh266y9cJ2TcJ7dfg6jBLWVPGcz7VJeU7d/1Rw6JDzXngPc8Dq1V5UYTw8EocOgV+boWpYU8DbMobNTN4hKGFNFR+yDWPgjhgDXjhuE6FH3tir3G1Cj7yxb8IdoceQ7T2VLb/dtunneWHNTft5alhzI35eG8+tjZ/XxnNr4+ep7Qs/L/y8B+LnsWe3TT/PvLNt+3nAepjw88LPe4B+nnlb2/bzrGwXfl6aDz8vdhj3qPOuEmkoZiiXKfhcPfWsRBM8z1lNz2Go+LLzLj6edzqHoeCRLleTbZdzGAq+7OSry/Wc1eYchoqPOS/mvFvsPDYz0zMZVYYj5h52FxR8amYCb3OYarQq+NTMxNW2eKrRquJDtiHbOyhblgYPZVW2jM/JjqWR41bwOdkBq0wJKj5kG7K9xc7zzlHkYhjKOYw0huGdo8jFCZRzGGkMwztHkYthKOcwKmMYl5NPx/s3piMqW96LE5RblsW8Z2WM8fBVZTAmjc+4U1yOO4fnMm6rF7fIcXv4mPM2aYayHHO/q+L99omHT+up3N5vn3j4KhNX4U75FHzZealT0DQpv8ViJmr69a0mid2OumQb+zaJzdC6FLINP+8O+HnsV23Tz8P8tQs/D9fw82KH8ZUZA7vw83K/fbJJPw9Y/hZY+Hkh2wfu5/EX/rbp56Wb7236eWk+/LyQbXTeV5H+FWAA7eqC0D2aO2cAAAAASUVORK5CYII=); background-color: white !important; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.03)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.03)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.03))), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.03))) !important; background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent), -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent), -webkit-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.03) 75%), -webkit-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.03) 75%) !important; /*FF has a huge problem with render this gradient wth a small bg size set below background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.03) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.03) 75%); !important*/ /* Opera doesn't implement background-size? background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent), -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent), -o-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.03) 75%), -o-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.03) 75%) !important; */ background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent), -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent), -ms-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.03) 75%), -ms-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.03) 75%) !important; -webkit-background-size: 3px 3px; /*-moz-background-size: 3px 3px;*/ /*-o-background-size: 3px 3px; Opera doesn't implement background-size?*/ -ms-background-size: 3px 3px; /*background-size: 3px 3px; Don't use b/c of FF*/ -webkit-box-shadow: 1px 1px 10px #ccc; -moz-box-shadow: 1px 1px 10px #ccc; -ms-box-shadow: 1px 1px 10px #ccc; -o-box-shadow: 1px 1px 10px #ccc; box-shadow: 1px 1px 10px #ccc; } body[data-href='home'], body[data-href='mobile'], body[data-href='gaming'], body[data-href='business'] { background-color: #aaa; /*background: url(/static/images/background-home.jpg), url(/static/images/background-mobile.jpg), url(/static/images/background-gaming.jpg), url(/static/images/background-business.jpg);*/ background-repeat: no-repeat; -moz-background-size: cover; background-size: cover; } body[data-href='home'] .pattern-bg-lighter, body[data-href='mobile'] .pattern-bg-lighter, body[data-href='gaming'] .pattern-bg-lighter, body[data-href='business'] .pattern-bg-lighter, body[data-href='home'] article.sectioned > section:not(#classes), body[data-href='mobile'] article.sectioned > section:not(#classes), body[data-href='gaming'] article.sectioned > section:not(#classes), body[data-href='business'] article.sectioned > section:not(#classes) { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #updates_list li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*body[data-href='home'] { background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50% !important; } body[data-href='mobile'] { background-position: 50% -9999px, 50% 50%, 50% 50%, 50% 50% !important; } body[data-href='gaming'] { background-position: 50% -9999px, 50% -9999px, 50% 50%, 50% 50% !important; } body[data-href='business'] { background-position: 50% -9999px, 50% -9999px, 50% -9999px, 50% 50% !important; } */ body[data-href='home'] { background: url(/static/images/background-home.jpg) no-repeat !important; background-attachment: fixed !important; -moz-background-size: cover !important; background-size: cover !important; } body[data-href='mobile'] { background: url(/static/images/background-mobile.jpg) no-repeat !important; background-attachment: fixed !important; -moz-background-size: cover !important; background-size: cover !important; } body[data-href='gaming'] { background: url(/static/images/background-gaming.jpg) no-repeat !important; background-attachment: fixed !important; -moz-background-size: cover !important; background-size: cover !important; } body[data-href='business'] { background: url(/static/images/background-business.jpg) no-repeat !important; background-attachment: fixed !important; -moz-background-size: cover !important; background-size: cover !important; } @media only all and (max-width: 1024px) and (max-height: 768px) { body[data-href='home'], body[data-href='mobile'], body[data-href='gaming'], body[data-href='business'] { -moz-background-size: 1024px 768px; background-size: 1024px 768px; } } /* SHARED */ h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1.125; } h1, h2, h3 { text-transform: uppercase; } h1 span, h2 span { color: #5fa4a0; font-weight: 800; } h1 { font-size: 35px; font-weight: 300; margin: 0 0 .25em; } h2 { font-size: 26px; margin: 1em 0 .5em; } h3 { font-size: 20px; font-weight: 300; margin: 1em 0 .5em; } h2:first-child, h3:first-child { margin: 0 0 .5em; } p { font-size: 14px; line-height: 1.5; } a { -webkit-transition: color .2s; -ms-transition: color .2s; -moz-transition: color .2s; -o-transition: color .2s; transition: color .2s; } strong { font-weight: 600; } header.main nav, .subheader div, .nav { display: block; margin: 0 auto; width: 1000px; } .page { display: block; position: relative; margin: 3.5em auto; width: 1000px; } .page.current { top: 0; } article article, article.sectioned, article section, header section { background: none; margin-top: 0; padding: 0; } article article, article section { margin: 0; } article, section, article.sectioned section, section.link_target, section#updates, .page header { /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABPCAYAAACqNJiGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVFREE2QTFENjc3MTFFMDg0RDg4QURBN0E4NTA4NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVFREE2QTJENjc3MTFFMDg0RDg4QURBN0E4NTA4NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNTQwMEVFNkQ1OTUxMUUwODREODhBREE3QTg1MDg1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUVEQTZBMEQ2NzcxMUUwODREODhBREE3QTg1MDg1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu1CJBoAAAVwSURBVHja7FwNb9s2FLRlO4kbtFuwrViHYgP2/3/TsHVtsqUfadOlTuKv+bQ878rqUSfJdj76CASiTN6JIXgUec90/+TP309/fP7LtLdKxy9+2/vp51+vkX998nJ09P3T2XC0t/z44WyAzx5/czSfTa/7Z29Ohz88e15i/nr5x6gOb/ffPX02KwaDpcqd8tXhcf3w7s1g72C8HD86XDThNj4Vj9RfLpevepFapSK6oEPnYcjaDeffvf57iKGK/MU/5wX+kL+6nPQxtKswHh7p7enJcDGf901a4Em5UR+4Kj4FjwSpTT5dlPe4mvRUbhVfynY+mx1jHsENCCyPyjZfGXFVPS/P+DoMc6fPVZ7ptS3XJuU5df9TzHldZMtDkfMYrixbkwk+s6GcYjy8SY2lYWXgZdl63Ao+bSuXAcvTjcet4pGGh4+fzO2G83hVF8V/dff3D5aWxxVlVRgPj3SA+5vhz2Wj0V5vcPN5jlvBp239jHt1PRC4VXzItqts7c1ibxce/jaUMXxtKOMzy6cYD5+WAe9xswQ9bg+flnFbU26eHjzuHL7svGt6MOe9tFjMe7PZtBKTw2OOskYBD566xHwqfrFY9KfTcuPQwxX3dc9h7ib4kG0X2bK0+O3IedTx6in4XL0ct/KcFJ/mFW7vOTl82Xlnb0/X2sfG1/Ln7/9fDkwmF338GQHKeHVeh0d6T8sBlZv50M46/PredggiN/NhXlPwIdswBm6x8+DHeZt8G8p4rfMGmesxHh5ZFd7uTXZsGuS4Uz7De22z3YK3sc9xGx/jc20L2YZs76Cfh+G7Cz8PEtmFnwfszvw81TPr6ufV+Yib9POaPif8vPDz7rGfNx4frofqNv08SGL8qLcTP+/Jt0fh58VS5aEtVbzQY245oS5V2nAr+HSpoXKnOx4F/8VSJRea4+WA95r38HXLBI9beU7dMkrhzi1bPHzMeV1ly69fznsxDPQ+y0TBmxx4OcBLDS9OwHwK3nYFvNQwCeZiGMyt4svOwzeC7Ibzbm+vXuPD4agSk8NjuNvwB56XMV5iPhVfFMUSSwxbauC+7jnM3QQfsu0iWzW8VxWOSzEePleWhveacqeYNm1Vuble2Xle6JDDexyOU0OPaXjQCx1yeC/HreDTtn7GvcLy0snjVvEh266y9cJ2TcJ7dfg6jBLWVPGcz7VJeU7d/1Rw6JDzXngPc8Dq1V5UYTw8EocOgV+boWpYU8DbMobNTN4hKGFNFR+yDWPgjhgDXjhuE6FH3tir3G1Cj7yxb8IdoceQ7T2VLb/dtunneWHNTft5alhzI35eG8+tjZ/XxnNr4+ep7Qs/L/y8B+LnsWe3TT/PvLNt+3nAepjw88LPe4B+nnlb2/bzrGwXfl6aDz8vdhj3qPOuEmkoZiiXKfhcPfWsRBM8z1lNz2Go+LLzLj6edzqHoeCRLleTbZdzGAq+7OSry/Wc1eYchoqPOS/mvFvsPDYz0zMZVYYj5h52FxR8amYCb3OYarQq+NTMxNW2eKrRquJDtiHbOyhblgYPZVW2jM/JjqWR41bwOdkBq0wJKj5kG7K9xc7zzlHkYhjKOYw0huGdo8jFCZRzGGkMwztHkYthKOcwKmMYl5NPx/s3piMqW96LE5RblsW8Z2WM8fBVZTAmjc+4U1yOO4fnMm6rF7fIcXv4mPM2aYayHHO/q+L99omHT+up3N5vn3j4KhNX4U75FHzZealT0DQpv8ViJmr69a0mid2OumQb+zaJzdC6FLINP+8O+HnsV23Tz8P8tQs/D9fw82KH8ZUZA7vw83K/fbJJPw9Y/hZY+Hkh2wfu5/EX/rbp56Wb7236eWk+/LyQbXTeV5H+FWAA7eqC0D2aO2cAAAAASUVORK5CYII=);*/ margin: 0 auto 2% auto; padding: 1.75% 2%; overflow: hidden; } article section.link_target { position: relative; height: 158px; margin-left: 2em; padding: 0; } article.profile section, section.link_target a { padding: 5% 6%; } section.link_target a { color: inherit; position: absolute; left: 0; top: 0; height: 125px; } section.link_target h2 { font-size: 35px; margin-bottom: .25em; } section.link_target p { font-size: 13px; margin: 0; } .page header { position: relative; overflow: visible; } body[data-href='mobile'] .page header, body[data-href='gaming'] .page header, body[data-href='business'] .page header { padding-bottom: 1%; } body[data-href='mobile'] .page header.two_columns p:first-child, body[data-href='gaming'] .page header.two_columns p:first-child, body[data-href='business'] .page header.two_columns p:first-child { margin-top: 0; } .page header hgroup { float: left; padding-right: 2%; width: 34%; } .page header section { float: left; width: 64%; } body[data-href='mobile'] .page header, body[data-href='gaming'] .page header, body[data-href='business'] .page header { padding-bottom: 1%; } .page header hgroup h1 { font-weight: 300; margin: 0 0 .5em; } .page header hgroup h1 span, .page header hgroup h2 { color: #5fa4a0; font-size: 34px; font-weight: 800; margin: 0; } .page header hgroup h1 + h2 { margin-top: -.5em; } .page header h3 { font-size: 22px; font-weight: 300; text-transform: uppercase; } .page header section, .page header aside { background: none; font-size: 15px; margin: .25em 0 0; } .page header section p { margin: 0 0 1em; } .page header p:last-child { margin-bottom: 0; } .two_columns { -moz-column-count: 2; -o-column-count: 2; -ms-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 1.5em; -o-column-gap: 1.5em; -ms-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; } .page header section p.intro { font-size: 15px; font-style: italic; } .page header section .column + .column + p { clear: left; padding-top: 3em; } .page header section ul { line-height: 1.3; list-style: square; margin: -.5em 0 0 2em; } .page header section li a { font-weight: 600; } .three_columns { -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; -webkit-column-count: 3; column-count: 3; } .five_columns { list-style: square; -moz-column-count: 5; -ms-column-count: 5; -o-column-count: 5; -webkit-column-count: 5; column-count: 5; } .page header section ul.three_columns li { margin: 0 0 .75em; } .page header hgroup, .page header section, .page header .share, .page section { position: relative; } .page header .share { position: absolute; bottom: 40px; left: 30px; z-index: 2; display: none; } .page header .share ul { list-style: none; margin: 0; padding: 0; } .page header .share li { margin: 0; padding: 0; position: absolute; top: 0; } .page header .share li.googleplus { left: 0; } .page header .share li.facebook { left: 85px; width: 47px; overflow: hidden; } .page header .share li.twitter { left: 158px; } .page header .share li.twitter a { color: #5cd6ff; } .page header.two_columns /* There is too much unpredictable behavior with CSS3 columns for this to reliable. Using floats for now. */ { -moz-column-count: 1 !important; -o-column-count: 1 !important; -ms-column-count: 1 !important; -webkit-column-count: 1 !important; column-count: 1 !important; } .page header.two_columns hgroup { padding: 0 3% 0 0; float: left; width: 48%; } .page header.two_columns section { float: left; padding: 0; width: 49%; } .page header.two_columns p { font-size: 16px; font-style: italic; margin: 0; } .page header.two_columns p + p { margin-top: 1em; } .page header.two_columns hgroup img { margin-bottom: 1em; } .page section header { background: none; margin: 0 0 2em; padding: 0; } div.one_quarter, div.one_half { float: left; } div.one_quarter { width: 25%; } div.one_half { width: 50%; } .feed ul { list-style: none; margin: 1em 0 !important; padding: 0; } .feed li { clear: left; font-size: 14px; font-style: italic; list-style: none; line-height: 1.8; margin: 0; padding: .1em; } .feed li a { color: #333; } .feed li span { display: inline-block; } .feed li img { vertical-align: text-top; } .feed li .date { width: 40px; } .feed li .author { width: 20px; height: 20px; margin: 0 5px 0 0; } .feed li .author img { width: 100%; height: 100%; box-sizing: border-box; } .feed li .details { display: inline; } .feed li .title { display: inline; width: 70%; overflow-x: hidden; text-overflow: ellipsis; } .feed li span.type { float: right; padding-right: 3px; } .feed p a { font-size: 15px; font-style: italic; font-weight: 600; padding-left: 45px; } .class { background-repeat: no-repeat; background-position: center; display: none !important; width: 20px; height: 16px; vertical-align: -3px; position: relative; } .class.offline, .class.storage, .class.connectivity, .class.file_access, .class.semantics, .class.multimedia, .class.graphics, .class.presentation, .class.performance, .class.nuts_and_bolts { display: inline-block !important; } .class.offline { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCM0NEMkVFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCM0NEMkZFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QyQ0U4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMUIzQ0QyREU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgkly+8AAADxSURBVHjaTFGxEYJAEHzQ3C9BMkOhAqhArUAdCpBQIyUyFAtgpAOlArUD7MDQUEMzd5195WaWO+527+/vPSNL09TC7YAxYJV+AnugKMuSsfFEHsKdRciBRgKKF8AdSCjqqnBoJ83fGjQ7qRk5Ew8JdjkCIcgkxCIEwFrCqwSBj89Q3a3IHKEScQbcVKfFbiSrblYNQpFJHAm0vq+LGoyTwNXAhaPppFz5iQSXThRFDwRL+Bc84xoxi2+QCwb438INgJVbK/efAXOQqtaWWMv0Pt+a1yo4UaPRenqHvkbb/B6uJeKFp7q4W2cFstuS+QgwAKNxWCiD6YppAAAAAElFTkSuQmCC); } .class.storage { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCM0NEMzJFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCM0NEMzNFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QzMEU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMUIzQ0QzMUU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBZL94AAADaSURBVHjabFHBDYJAEDzMFUAHYgfYwVmBUoEQCkA7kArEAohaAXSgdkAJlEAJzpjB7INNJpvbmd2du4ucoizLGCkH9iqNwLNt27czEUl8QLoDE0Xi1gDrA5ChkZzzEKfIHVCjeLHTwNXiiN1vA4o8OIgziRKkxPQl2l7QptfarbHWycZkmniPI5B6TR9E0N4D58ItBAa+/GwDolFTK9lainSl9bk2NUhn4GNAPuiZb5HxzafrF2zwwgHcxv7DCelK/+YfaKsCYg0b/g1qChIEiUY1N/OnMb4CDADtsVGePPHV/gAAAABJRU5ErkJggg==); } .class.connectivity { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQkJFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQkNFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QzNEU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVCQUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuSdZokAAADISURBVHjabFDbDcIwEEuAAfjljxFKFwA2aDcg6gCICeCTv05QtWzABrBBwgZ0g46AjRwUqp7kPC5nn3O2qqqLMWZr/uPWNE1nJmKe53nAvgJ6YQCuyPfe+zAmWC7okrEQqm/dD9hawAEknXnG+zATsQaOiVBqkSJr4MHLInqmIpRfKi6Au4TY4RQJ3w76oJMN2nkiV4pUpH+IliKpFHGHbi1yPHeThMQvLWxoE6SlBsHc/jelGCioZclpvOMIdpwRKTPTET4CDAAho0LBUlk51gAAAABJRU5ErkJggg==); } .class.file_access { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQkZFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQzBFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTAxOUVCREU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVCRUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj11ZLkAAACSSURBVHjaYmAAguTkZAMgdmBAA+jiTEhy64ES85EUJgCp80CsABNjRNJpAMT9QLwAiA8C8XwoeyFU/gJI8X8G4oAjC4icO3cuIz5VQAP3o7uZIKBMMSgUgLifoGJocIFCIQE5GJGDDhQaB6B8UDAmgoIJiEGeegDEH6DBGggKDUckzYXAkLkAtcUQOUJABgAEGADrPyuI+VsNmwAAAABJRU5ErkJggg==); } .class.semantics { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQzNFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQzRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTAxOUVDMUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVDMkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiG+zVQAAACtSURBVHjajJCLDcIwDERxxQAdoWzQEbpKlAGACSiDRC2TAJvABh2BO8kBY1yJSKem9vMn12yCk3NuoS7KiQfxOUB7iPcZOpdSHl8FDlwIQYRO0GALBXCPn2sFEZzd1MEUpq3GjxU0QGca3DT+eYPrROhpV6wNRd2Y/K4rb0uNjiawA5iYADhCbNIiNjIHXaBeVixdtMnPVIksDQx4F4oGp8jSwJB7XeWvQ/YlwACi5FwNpG7ZTAAAAABJRU5ErkJggg==); } .class.multimedia { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjBFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMzMkY2QjFFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZBRUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZBRkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpmPtwwAAABwSURBVHjaYkxOTjZgYGAIAOIFQCwAZTPMnTu3ASgHYoPkLwD5G5iAjP1ALA/EH4C4HojtgfgB1JB8INYH4gMgAxiBgv+BtCNQJ1gAGwCqARlYyMRAHHAAOZFYxWBAO8UsUHo/0BNEKXYk0uALAAEGAGJPGtrPzOGmAAAAAElFTkSuQmCC); } .class.graphics { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMzMkY2QjVFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZCMkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZCM0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PucfmbgAAACuSURBVHjaYmRAA8nJyQlASh+ILwLxhrlz536AyTECJQWAtAEQXwBJAPkgdjwQBwCxAhAfAOKNQLyACUi8B+L1IBqocD+QdgDiiUCNikDaEGQIEPeDDGSC2hCIJOEPxPVAjQpADSDbCmHOYIExQBJQxTgBEwMJgKBikHOQnQEKmvVAwQ1QX4N8LwANjXhoSD0AqWOE6g6AeiwAqpAB6v6FIM1Q/2C11gHZamQAEGAAvYA2vQtKAEYAAAAASUVORK5CYII=); } .class.presentation { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjhFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRjZFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZCNkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZCN0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps9WcVUAAACCSURBVHjaYmQAguTkZAMg1c+AGxxkgTIeAHEjDkVgA5igHAU8pgkA8QEWJF0OeBRfYMAHgG53AOL7YKuBDAUgbsChFmTLARCDBcrJByrmB9IL586dewGkGcgOAOJ4IJ4IUsgIFAQ5NgEqaAANAZDYBiDeCNS4AZubDEDuwuYGgAADABL2IBgCsPDBAAAAAElFTkSuQmCC); } .class.performance { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZEMThDRjlFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRkFFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NkQxOENGN0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NkQxOENGOEU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoUZd6UAAADqSURBVHjadFHRDYIwFIRO4AY6Am5QJwAmEMMAxAlgA8IARJhA2KBMoCOwgbqBd+Sa9EObXF7h3r137zWOfpyyLF8IO+DY9/0z5GIlkLwBK/BRdEALLEAKXCk2EhaKI7AHJpCrhMQM1EzwgoEWWAG4qGuCO6tOsjduAhJq/VZiIXs17m1g/4zvzCh5RqVcRKpq7GSRdADX6PtuNFRFtQSzROxEi2vgwhmpcz+UttPJYqd/Fbsi9+SHtkrcjoYf/FzqasN3yDQoRYn88sEeWiu35Li1OHjdJCD9Iy7sBM4iuujf4WqB5hf3FWAArc5oNEtPbzMAAAAASUVORK5CYII=); } .class.nuts_and_bolts { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZEMThDRkRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRkVFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NkQxOENGQkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NkQxOENGQ0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnGaZZ0AAADeSURBVHjafFGBDYIwEKSEAdhA3AAnsGygG2g6gHYCZQJ1AAJM4AiwgWygG8gI3iVn0phGkqPf/v1d/2sSfc65AssuiX9j0zQjgzQ4vADrCHkB3CGYc5NJ3WLZAEsovX4r5H4CfBao1yQreQCo2OsqNTAgdzP4HUVYqfjJOwN0Yq5iEXgt4iKVFdVnrCUwI94CHvEVsBLi3vJKk5rtSKYK1Eo5kNyrgPFMhz3HycahOkn1AbxF7MI+v1M4A0M4FbmEefaWGB3katbDpYuMlI7sazRBgq/c/nnpisFHgAEAlkVX81OjCu4AAAAASUVORK5CYII=); } .class_name, .browser_name { background: transparent; color: #333; font-size: 11px; font-weight: 300; line-height: 1; padding: 3px 5px; position: absolute; top: -15px; left: 0; opacity: 0; text-align: center; text-transform: uppercase; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; display: inline-block; } .class:hover .class_name, .browser:hover .browser_name, .class:focus .class_name, .browser:focus .browser_name { opacity: 1; } .browsers { float: left; margin: 0 .75em 0 .25em; } .browser { float: left; height: 17px; width: 17px; background: transparent url('/static/images/browser_logos.png') no-repeat left top; opacity: 0.25; margin: -1px .25em 0 0; position: relative; } .browser_name { left: -3px; } .browser.ie .browser_name { width: 106px; } .browser.chrome { background-position: left top; } .browser.ff { background-position: -17px top; } .browser.safari { background-position: -35px top; } .browser.ie { background-position: -52px top; } .browser.opera { background-position: -69px top; } .browser.supported { opacity: 1; } .browser .support { display: none; } /* PRETTIFY */ .str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.tag{color:#008;text-decoration:none;font-size: inherit; padding:0;}.atn{color:#606}.atv{color:#080}.dec{color:#606}@media print{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006;font-weight:bold;}.atn{color:#404}.atv{color:#060}} /* EXTERNAL LINKS */ .page header a[href^='http']:not([href*='html5rocks.']), .tutorials a[href^='http']:not([href*='html5rocks.']), .feed-section a[href^='http']:not([href*='html5rocks']), .info-section a[href^='http']:not([href*='html5rocks.']), article section a[href^='http']:not([href*='html5rocks']), a[rel='external'] { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZBNEMyQzFFQjMyMTFFMEFFMDQ5RTQwMzY2RTI0QUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZBNEMyQzJFQjMyMTFFMEFFMDQ5RTQwMzY2RTI0QUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkE0QzJCRkVCMzIxMUUwQUUwNDlFNDAzNjZFMjRBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkE0QzJDMEVCMzIxMUUwQUUwNDlFNDAzNjZFMjRBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj9w8uQAAABOSURBVHjajJDbCQAwCAO1dFg30m1T8iH0KQ0IQSQ5VAASEZBCTT7U05iZ3g7Y8pWkZKrEpL5D32obly+eBZxpPMzU4yXuDnJxZj/PEGAAPk46EE/MQmgAAAAASUVORK5CYII=) no-repeat center right; padding-right: 16px; } figure > a, .figures li > a { background: none !important; } /* HEADER */ body, input { font-family: 'Open Sans', sans-serif; font-weight: 300; } header.main { background: #ed4732; width: 100%; position: fixed; left: 0; top: 0; z-index: 10; } header.main #home_horns { display: none; } header.main h1 { display: none; color: #fff; font-size: 1em; margin: 0; padding: 0 0 .2em .5em; } header.main h1 a { color: #fff; font-weight: 800; } header.main nav { height: 25px; } header.main nav ul { margin: 0; padding: 0; } header.main nav ul li { float: left; font-size: 13px; line-height: 1; } header.main nav ul li a { float: left; padding: 6px 1em; } body[data-href*='features'] header.main nav li#features_show, body[data-href*='search'] header.main nav li#searchs_show, body[data-href='why'] header.main nav a.why, body[data-href='tutorials'] header.main nav a.tutorials, body[data-href='resources'] header.main nav a.resources, body[data-href='profiles'] header.main nav a.profiles, header.main nav .current { background: #f4907f; } header.main nav .home { display: none; } #title, header.main nav a { text-transform: uppercase; } header.main nav a, header.main nav a:hover, header.main nav a:focus { color: #fff !important; } header.main h1 { display: none; } #search_hide, #features_hide { cursor: pointer !important; padding: 19px 0 26px; } #search_show { float: right; } #search_show img { padding-left: 4px; vertical-align: -2px; } .gsc-completion-container { border: 1px solid #4f4f4f; margin-top: 14px!important; /* dont let widget override this */ } .gsc-completion-container td { background: #65a8a5; color: #fff; font-family: 'Open Sans'; padding: .4em .6em; } .gsc-completion-container td:hover, .gsc-completion-container td:focus { background: #4b7c7a; cursor: pointer !important; } .subheader .features { padding-top: 8px; overflow: hidden; } .subheader .features #features_hide { padding-top: 21px; } .subheader .features #features_hide, .subheader .features h2 { float: left; } .subheader .features h2 { color: #fff; font-size: 48px; font-weight: 300; margin: 0; padding: 5px 0 0 15px; text-transform: uppercase; } .subheader .features ul { list-style: none; float: left; margin: 0; padding: 10px 0 0 20px; width: 710px; } .subheader .features ul li { float: left; margin: 0; padding: 2px 0; } .subheader .features ul li a { background-image: url(/static/images/subheader_classes.png); background-repeat: no-repeat; color: #fff; float: left; padding: 3px 0 4px 30px; text-transform: uppercase; width: 112px; } .subheader .features ul li a.offline { background-position: 0 2px; } .subheader .features ul li a.storage { background-position: 0 -48px; } .subheader .features ul li a.connectivity { background-position: 0 -98px; } .subheader .features ul li a.file_access { background-position: 0 -149px; } .subheader .features ul li a.semantics { background-position: 0 -198px; } .subheader .features ul li a.multimedia { background-position: 0 -248px; } .subheader .features ul li a.graphics { background-position: 0 -298px; } .subheader .features ul li a.presentation { background-position: 0 -348px; } .subheader .features ul li a.performance { background-position: 0 -398px; } .subheader .features ul li a.nuts_and_bolts { background-position: 0 -448px; } .subheader .features ul li a h3 { font-size: 14px; margin: 0; } .watermark { position: fixed; left: 50%; margin-left: -605px; top: 30px; z-index: 2; padding: 20px; opacity: 0.65; width: 68px; height: 116px; background-repeat: no-repeat; background-position: center; -webkit-transition: opacity 300ms ease-in-out, top 150ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, top 150ms ease-in-out; -ms-transition: opacity 300ms ease-in-out, top 150ms ease-in-out; -o-transition: opacity 300ms ease-in-out, top 150ms ease-in-out; transition: opacity 300ms ease-in-out, top 150ms ease-in-out; } .watermark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAABeCAYAAAC3rJ31AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0IyMDY1QzdFMzI5MTFFMDk2ODE5Q0EwNTZCODEwRTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0IyMDY1QzhFMzI5MTFFMDk2ODE5Q0EwNTZCODEwRTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QjIwNjVDNUUzMjkxMUUwOTY4MTlDQTA1NkI4MTBFMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QjIwNjVDNkUzMjkxMUUwOTY4MTlDQTA1NkI4MTBFMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqkos4EAAAUdSURBVHja7Js9dtpAEIBXPFodAA6gC8h1LPfgnqSHLgW4B3qTIh3qY3qbA8ipowNEB0AH4ADObjzrTOatVitptZIT5r19MjJI347mdxc8ppEPX7+M+WHOxzUfPpw+8/HMx+775+WZdSCeBjjghz2CpSKAFxw86wU0aPgbAk75SOB1CEOC37rW+LDg/BwBCzM4kElt+GEC75nxEbuEHhScl5rMKLAQfk5A5+S9nUOP4JhoPpt2BT1s8NlTW1Dc/LDfiCeaYL8Zsh4Jh434YYWetJQ1/1/MwWOdeXQBPOWHewXwW3CAANAPaAixS3RKaPSGa/aKH7cQWoVMxOT6oulrEmJjacP8+MQPnxD4rC/QkXS6ghArnP4IL4MB65foItK5LE73Wi7QF+iW0jjNZBMUBWSjEIPn44YiRAkkRVHBLTRkMiw+TEIkgy2cWyoairBOwWWz9pDaPRGYtaI6FGNMkopz6BxarxOpJSjwFjKcfI8PLV3QqiOKG/EhupUpOv1TkcUEHM5uRwwM7xFP567V6AF17qOifBQO+AjaxZIU/E1TdNYKNADh7jwH28xJ3TstS8MV/1fPphX2+VezCyFvDRNa8tdJmx36oAbwllZi/HWCOnIfxetOoCMF8FPBe4+KxrgT6MAQmLlcsDF1RC0wsutajtUYWuH9JsABMaNnZ9AFTmcCjENhjDNjq9CWgI9ybaJ1aIvAGyeOqLDHXgNLTc8bAjOXwBJahqqkDnDXPWJWEfjcB+gy2WEbxrUyFPMqGRdk16LMezaFlqXlVHNzvPojnQ4/mZWqWSD+Mlddn5/DWyW6pORj6CdU5OyLwDnogr2uZG5QZScnLBrYezAhmdL3pHAS132Q6V5053ys0MTOTL/zIJ9G5sEFHvBJ6PdKH5WhY2YAVNZ1i3ummnv9kE9a2vQCPe5Ap3Gi/Qw+m2rK1QU8pYOmKf5YAoyLsdTTdMbGGkdaD0Hrv1sxWoPAPSJkNonJ5inaAhRy6ykuWhu8DYGVqUc0ybuBopCvZSotCo5AB2Wc7hM4LFlIs0il3Q80rVOn4HCvDUlu+ozYJTjyLemwB+ywg5KQ5hwcrr3GwYBz7CrVHhrwoEUNRzh61SqYEHhKwGcWgSMIbaXh1qtxcRzoZUbbQS1SN0LMFWm+MK17NW+0V9wkh4LnUNaNgxmIiU81JWshdNONojNZCpuBTZbJBMrZgNQpRvsvTaGF3d2w18XHvEIhn6OjyHK3UPIarZc03r4ARxHQsagTTBZqwP6vXLRbJhNodWWpFeg+Nra9EaOQB7GUkUY2AEfcWeSZohywI81zLs3P1BH3mmZz35JCaYcfw7jY9AX6n4O2saGfWuQZM4PtPBtpfGGxpp6T7vtdmMfYiU0rEk8TGbmyaTyBKau4xVxnN8wGtE80Na/4+ZhkWCchz2ZX7js3D9K1HJh+kbzTOD0m7dfbBHRrzk0cetiix4cQd7W9Ytk2oAvzwN9nMvmiYFzVnq07YsMeMXCpaaqhsrQewfqI6XJD6+bBGFrigh8i6Bwuq5rCrdUellL5qEtN48ncQ+masT+/sIsKHNe5efikvg6R/UaauuNUxxFtlab4hiILHku0mCqWHvzOzAP2RjZgHgGK13JDtHFqtwU91kwgY8VbzLUc2ZZ5hHUjCOzIhl1oWn7tQtq0sNlnVYaEXYAQRZJRV+ZBM54YKw4ov2OdgLPW+uGC0zgNWpywvzeW/s/Fmgv0BVoj3svLy7uD/iXAAL0lPkYtfrhFAAAAAElFTkSuQmCC); } body[data-href='home'] .watermark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAB0CAYAAAA8aZQfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjRDQTM5NEJGRjg1MTFFMDk5REQ5QkM5NzIyOUQ4RDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjRDQTM5NENGRjg1MTFFMDk5REQ5QkM5NzIyOUQ4RDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNENBMzk0OUZGODUxMUUwOTlERDlCQzk3MjI5RDhEMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNENBMzk0QUZGODUxMUUwOTlERDlCQzk3MjI5RDhEMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plzm68UAABYwSURBVHja7F0JcFRV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); opacity: 0; } body[data-href='home'] .watermark.fadeIn { opacity: .85; } body[data-href='mobile'] .watermark, body[data-href='gaming'] .watermark, body[data-href='business'] .watermark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAABeCAYAAAC3rJ31AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEEzMEVDN0REODBGMTFFMEJDMEZDMjAwMjNDNjc0MDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEEzMEVDN0VEODBGMTFFMEJDMEZDMjAwMjNDNjc0MDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QTMwRUM3QkQ4MEYxMUUwQkMwRkMyMDAyM0M2NzQwNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QTMwRUM3Q0Q4MEYxMUUwQkMwRkMyMDAyM0M2NzQwNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppgva2QAAAS5SURBVHja7FuLceIwELUzKcCpANOBO4hTQbgKDjogFcRUwF0F0EGgAkMF5iqAVBBSgU+aWZFlT7JkW5I1FzSjMRjbelq//UrEdV1H/1VjE0pZX7H+UX+1DziXhAg4I2Bp479lQ2CLVRJmh4p1Ic0d61v4/sh6DufPrI/jOD6HIOUVkuhc83sRCjWOAKgyuKb0je9OcT6F47bh3h0cc9+g73vc++7wTedIGCfWN1q9MeEr/01cZBHsBNGOtkJHjyH0aMoOb4iatL1yAxAMaDCxS3RqwfoDowQ3yTMwrbxNYXLD04ObVY2JTZGjq0Khx7NQOibcX/94wDjmyriGr1kwnEaWQtU+g1NEG87lBvoG2hZo8GRvkkQhlSQU2OOVSrvrKPbA7Y1853H3FJzBDM4tUXweoWArHwq0SAg2EEjhRGEliQ73rI9Yn0gm4g00t69P4ARwLEEBz9g1a3TNCzvweDxzymme0IKr/YlOHyRejIPD3m2NAcM1/O38cKqIEOcegZ84GuOv+ShRqq3iM3XRByegAVCJOHgCfmLXu2qwBmeNPtgFLeHnC5MQz8I5j8fwisXAS9c1kbsOgGc0EmPfNxADC3M3GRL0swTwWnHtWpIYDwI6MwQc+SzYmCpiI2DhyrsqVm/QEu03AZwRGm28gVYonQlgbAoX2DM6BW0JMPd6hRdOWwQ886KIEj4GDVhI+rUn4MgnYAFamKpNF8BDp1t/WgI+hwDaJKVKkMv+jWNsxT2pwruqPK+ZIFCieWyKziAJrUXlEpLZGp+TJAtHkuwmkusKdM20YfzlpXZIbqo0wBPFhGvIxjM0oUpSYz4Kdw/Z+VI3KYnQKnGiMgVOea5ZthPPK2t9yzVjXb9VeJV9gKtAXRZJiVSp9DODusqFQjF59TgzPkCGfTYFD2WDRKRiNAaBMSZIQbmZPRg8ewV1FN7GMuXpJHFXDbh/0ZumEkEwwMlCa66rbQwOnIPEdT/TosxgwCV2Pmtzo3fgknGXfR/gFDiMh8vGla2ZVy72elgXEDywJG53bhHwhHhXe2+UmKCreKKHhSjbuvUuA5UKd7zESxaatzZXBFXOQcuCpaPB/XNFnGLkSPouFPG44QGKj6cWgfwJHXkxcwx55rtLO1rKvJQJNTTPLXxImhYhnVaWnIAOMbENpt0bco3ySxj9xLJpGuEMnex/OQn6xYagQ9hFuxDFzRunb6C/pfXQtJ1FPGlkazmvqSxkOTwoGoYqQqXHyAunLTuX1Ben8QSmbTnZZTXMBuiESOq15f0YdOaFHlHLrTwtBOCHHiRr4RnJNlQ7PSLpl2ifjK87Fwp971DjHw3+TnLSLQP6oAdOt/JIv1Fw0ZbP1hWxZ46Y+ZQ0ldCT5nq+xWjeotzgnB4R2OkcJB9rFO7Q1oVbiz0sufJ0SEnjyfCFnT1IVPzDbqJQXO/0wLzeI6sxiRr26BHFzbzSgwzIN12tNVLkTueliwt3Qg9YzJwBPcSC6CNMYg+7JQd340rNhwkcoustyb0V2RY98q4WBCqt+RCS5gOXkDJuQBk3Mg8J6yg5siStE1nXZbFT9PWn4iy6/q9A23Ypizm10yDFafS1g+D7FmtuoG+gG9pfAQYAKw5GgTJkaHIAAAAASUVORK5CYII=); } .watermark:hover, .watermark:focus { opacity: 1; } /* SITE-GRID NAVIGATION */ .page { -webkit-transition: opacity 1s ease-in-out, margin-left .5s ease-in-out, top 1s ease-in-out; -moz-transition: opacity 1s ease-in-out, margin-left .5s ease-in-out, top 1s ease-in-out; -ms-transition: opacity 1s ease-in-out, margin-left .5s ease-in-out, top 1s ease-in-out; -o-transition: opacity 1s ease-in-out, margin-left .5s ease-in-out, top 1s ease-in-out; transition: opacity 1s ease-in-out, margin-left .5s ease-in-out, top 1s ease-in-out; } .nav, .nav:hover, .nav:focus { text-shadow: 0 0 5px #000000; color: #fff; cursor: pointer !important; overflow: hidden; } .arrow_up, .arrow_right, .arrow_down, .arrow_left, nav.paginator a.previous, nav.paginator a.next { background-image: url(/static/images/nav_arrows.png); background-repeat: no-repeat; font-size: 14px; font-style: italic; text-align: center; text-transform: uppercase; } .arrow_up { background-position: center top; height: 100px; } .arrow_right { background-position: center -100px; } .arrow_down { background-position: center -170px; margin-top: -1.5em; height: 90px; } .arrow_left { background-position: center -300px; } nav.paginator { display: none; position: fixed; left: 50%; top: 65px; margin-left: 500px; width: 100px; height: 250px; overflow: hidden; z-index: 2; } nav.paginator ul { display: none; margin: 0; padding: 0; } nav.paginator a.previous, nav.paginator a.next { display: block; text-shadow: 0 0 3px #bbb; cursor: pointer !important; overflow: hidden; position: absolute; width: 100px; } nav.paginator a.previous { background-position: center -683px; padding: 0 0 55px 0; } nav.paginator a.next { background-position: center -500px; padding: 55px 0 0 0; top: 135px; } nav.paginator.home a { color: #ddd; } nav.paginator.home a:hover, nav.paginator.home a:focus { color: #fff; } nav.paginator.features a { color: #555; } nav.paginator.features a:hover, nav.paginator.features a:focus { color: #000; } body[data-href='home'] nav.paginator.home, body[data-href='mobile'] nav.paginator.home, body[data-href='gaming'] nav.paginator.home, body[data-href='business'] nav.paginator.home, body[data-href='home'] nav.paginator.home ul.home, body[data-href='mobile'] nav.paginator.home ul.mobile, body[data-href='gaming'] nav.paginator.home ul.gaming, body[data-href='business'] nav.paginator.home ul.business, body[data-href='features-offline'] nav.paginator.features, body[data-href='features-storage'] nav.paginator.features, body[data-href='features-connectivity'] nav.paginator.features, body[data-href='features-file_access'] nav.paginator.features, body[data-href='features-semantics'] nav.paginator.features, body[data-href='features-multimedia'] nav.paginator.features, body[data-href='features-graphics'] nav.paginator.features, body[data-href='features-presentation'] nav.paginator.features, body[data-href='features-performance'] nav.paginator.features, body[data-href='features-nuts_and_bolts'] nav.paginator.features, body[data-href='features-offline'] nav.paginator.features ul.offline, body[data-href='features-storage'] nav.paginator.features ul.storage, body[data-href='features-connectivity'] nav.paginator.features ul.connectivity, body[data-href='features-file_access'] nav.paginator.features ul.file_access, body[data-href='features-semantics'] nav.paginator.features ul.semantics, body[data-href='features-multimedia'] nav.paginator.features ul.multimedia, body[data-href='features-graphics'] nav.paginator.features ul.graphics, body[data-href='features-presentation'] nav.paginator.features ul.presentation, body[data-href='features-performance'] nav.paginator.features ul.performance, body[data-href='features-nuts_and_bolts'] nav.paginator.features ul.nuts_and_bolts { display: block; } /* HOMEPAGE */ body[data-href='home'] #start { background: none; margin: 0; padding: 0; position: relative; width: 1000px; height: 405px; } body[data-href='home'] #start article { margin: 0; padding: .5em 2em; } body[data-href='home'] #logo, body[data-href='home'] section#updates { position: absolute; } body[data-href='home'] #logo { display: block; margin: 0 auto 2% auto; text-align: center; width: 100%; } /* removed body[data-href='home'] #updates_badge { cursor: pointer !important; position: absolute; left: 55%; top: 38%; -webkit-animation-name: jitter; -webkit-animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: 50% 50%; -webkit-animation-iteration-count: infinite; -moz-animation-name: jitter; -moz-animation-duration: 2s; -moz-animation-timing-function: ease-in-out; -moz-transform-origin: 50% 50%; -moz-animation-iteration-count: infinite; -ms-animation-name: jitter; -ms-animation-duration: 2s; -ms-animation-timing-function: ease-in-out; -ms-transform-origin: 50% 50%; -ms-animation-iteration-count: infinite; -o-animation-name: jitter; -o-animation-duration: 2s; -o-animation-timing-function: ease-in-out; -o-transform-origin: 50% 50%; -o-animation-iteration-count: infinite; } */ body[data-href='home'] section#updates { margin-top: 0; left: 0; padding: 1.75% 2%; width: 96%; min-height: 300px; } body[data-href='home'] section#updates h2 { font-size: 18px; margin: 0; } body[data-href='home'] section#updates h2 a { background: none !important; } body[data-href='home'] section#updates ul { margin: .5em 0 !important; } body[data-href='home'] #latest_articles_feed { width: 60%; } body[data-href='home'] #latest_articles_feed li { white-space: nowrap; text-overflow: ellipsis; } body[data-href='home'] #latest_articles_feed .title { max-width: 75%; /*display: inline-block;*/ width: auto; } #updates_title { float: right; margin-left: 3em; width: 39%; } body[data-href='home'] article.sectioned section.one_third { margin-top: 0; } #classes { margin: 0 0 2%; padding-bottom: 0; } #classes header { margin-bottom: 0; -moz-column-count: 0; -o-column-count: 0; -ms-column-count: 0; -webkit-column-count: 0; column-count: 0; } #classes hgroup { float: left; padding-right: 0; width: 33%; } #classes hgroup + p { font-size: 13px; font-style: normal; float: left; margin: 0 0 1em !important; width: 67%; } #classes ul { clear: both; list-style: none; margin: 0; padding: 0; position: relative; z-index: 2; } #classes li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAABZCAIAAADaaR/4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzlENTUyREIxODFDMTFFMUJFMERBRjIwQzY0Q0UxM0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzlENTUyREMxODFDMTFFMUJFMERBRjIwQzY0Q0UxM0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3OUQ1NTJEOTE4MUMxMUUxQkUwREFGMjBDNjRDRTEzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3OUQ1NTJEQTE4MUMxMUUxQkUwREFGMjBDNjRDRTEzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl7Srr8AAAIsSURBVHja7JnhbsIwDIRpS3n/Z9yPTaiCdWxAaaHFYBZBFrIixUibvqhCwbZOVmWnF1/Wtu3kX6xhGLIs+9Uuf+XXi9SYvCzLosiH/lCe12Hf6UYsahRv1zaed7dd60ZcEuDFW6MFAWezWRBwOi2u4+XvZOg9QLGIN9cXs9938tv34r1bJnHv9Xo+WhLATGuGJeu7LrrO28hrk8cztrvmoXgjNKP0cjV9rWo1bdaf6m62G3k8r1pkfSwr3YhLEYPxRmhG6dEjP3qEdXkX0mb1otKyWcxfXXVpLQW91duLbsSiRRiPT4tmlB49Qo9EemRVL7Vs3qu5Kxs9eINeV13i0i9ZPD4tmlF6lx45fV3zIriJex+NT4JmlB7nxW2PXNMPrR9ZwkOUigS9ehTrRg/qeHxaNKv0pC4Op0tKO5zXrtnqRozy3PO6jXPF49OiGaVHj9z2iMfM3T1HT+CgV8tMq0vvPPH4tGhG6eXjRwDjBwTPR0sCSI/AO3kX5hzcXQSTcPAxaEbpwcHh4NYcXD/gT0CzSg8ODge/z8GdspCENVujGaWHhggHj/BONEQ0RDRE7mZj72ZoiGiI9Ijd/AINkfkF8ws0ROYXzC/QENEQmV/AO9HN0M3gnehm6GbwTnQzdDN0M3QzdDN0M+5m6GboZvQI8wt0M+YXzC/QzZhfML9AN0M3Y34B70Q3QzeDd6KboZvBO9HN0M3QzdDN0M3QzbiboZuhm/3ZdRRgAKlWPyFURDzZAAAAAElFTkSuQmCC) center 30px no-repeat; float: left; margin: -30px 4px 0 0; width: 90px; cursor:pointer; } #classes li a { background-image: url(/static/images/features/homepage_feature_icons.png); background-repeat: no-repeat; color: #333; display: block; text-align: center; width: 90px; padding-bottom: 76px; margin-top: 40px; } #classes li a:hover, #classes li a:focus { color: #5FA4A0; } #classes li.offline a { background-position: left 25px; } #classes li.storage a { background-position: left -117px; } #classes li.connectivity a { background-position: left -258px; } #classes li.file_access a { background-position: left -399px; } #classes li.semantics a { background-position: left -540px; } #classes li.multimedia a { background-position: left -681px; } #classes li.graphics a { background-position: left -822px; } #classes li.presentation a { background-position: left -963px; } #classes li.performance a { background-position: left -1104px; } #classes li.nuts_and_bolts a { background-position: left -1245px; } #classes li.offline a:hover, #classes li.offline a:focus { background-position: -121px 25px; } #classes li.storage a:hover, #classes li.storage a:focus { background-position: -121px -117px; } #classes li.connectivity a:hover, #classes li.connectivity a:focus { background-position: -121px -258px; } #classes li.file_access a:hover, #classes li.file_access a:focus { background-position: -121px -399px; } #classes li.semantics a:hover, #classes li.semantics a:focus { background-position: -121px -540px; } #classes li.multimedia a:hover, #classes li.multimedia a:focus { background-position: -121px -681px; } #classes li.graphics a:hover, #classes li.graphics a:focus { background-position: -121px -822px; } #classes li.presentation a:hover, #classes li.presentation a:focus { background-position: -121px -963px; } #classes li.performance a:hover, #classes li.performance a:focus { background-position: -121px -1104px; } #classes li.nuts_and_bolts a:hover, #classes li.nuts_and_bolts a:focus { background-position: -121px -1245px; } #classes li h3 { display: inline; font-size: 12px; } article.profile { float: left; margin: 0 0 2% 2%; width: 32%; position: relative; overflow: hidden; } article.profile.active { -webkit-animation: inputglow 1.9s 3; /* just do it three times */ -moz-animation: inputglow 1.9s 3; -ms-animation: inputglow 1.9s 3; } article.profile section { margin: 0; height: 248px; } /* Remove filters until crbug.com/112332 is fixed. img[itemprop=photo] { -webkit-filter: grayscale(0.75) sepia(0.5); -moz-filter: grayscale(0.75) sepia(0.5); -ms-filter: grayscale(0.75) sepia(0.5); -o-filter: grayscale(0.75) sepia(0.5); filter: grayscale(0.75) sepia(0.5); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }*/ .profile img[itemprop=photo] { float: left; margin-right: 19px; width: 75px; height: 75px; } /*/* Remove filters until crbug.com/112332 is fixed. .profile:hover img[itemprop=photo], .profile:focus img[itemprop=photo], img[itemprop=photo]:hover { -webkit-filter: grayscale(0) sepia(0); -moz-filter: grayscale(0) sepia(0); -ms-filter: grayscale(0) sepia(0); -o-filter: grayscale(0) sepia(0); filter: grayscale(0) sepia(0); } */ .profile h2, .profile h2 span { color: #000; font-size: 14px; font-weight: 600; } .profile h3 { font-size: 11px; margin: 1em 0; } .profile h3 div[itemprop=organization-name] { font-weight: 600; } .profile h3[itemprop=adr] { font-size: 10px; } .profile .urls { float: left; list-style: none; margin: 3px 0 0 -4px; padding: 0; width: 95px; } .profile .urls li { display: inline; margin: 0; padding: 0; } .profile .urls li a { background-position: center; background-repeat: no-repeat; float: left; height: 16px; width: 16px; padding: 2px !important; opacity: .7; -webkit-transition: opacity 100ms ease-in-out; -moz-transition: opacity 100ms ease-in-out; -ms-transition: opacity 100ms ease-in-out; -o-transition: opacity 100ms ease-in-out; transition: opacity 100ms ease-in-out; } .profile .urls li a:hover, .profile .urls li a:focus { opacity: 1; } .profile .urls li a[data-type='homepage'] { background-image: url(data:image/gif;base64,R0lGODlhEQARAOZAAK2trb6+vp6enmxsbHNzc87OzpSUlIODg3d3d4CAgLm5udDQ0Kurq7S0tMHBwebm5q+vr/r6+tXV1eLi4uXl5b+/v7q6uvPz87i4uH5+fuHh4dTU1H19fdzc3MjIyLy8vL29vcDAwMXFxcPDw/f399nZ2aOjo2ZmZrOzs/v7+/Hx8cnJyZycnNvb293d3e3t7ejo6Pz8/NjY2GVlZf7+/rGxscfHx9LS0tfX16GhoczMzHJycv39/e/v76qqqv///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOURBRThDMUZDM0MxMUUwQUU2QTlGNTEwRkU5NTY0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOURBRThDMkZDM0MxMUUwQUU2QTlGNTEwRkU5NTY0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM5REFFOEJGRkMzQzExRTBBRTZBOUY1MTBGRTk1NjQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM5REFFOEMwRkMzQzExRTBBRTZBOUY1MTBGRTk1NjQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAQAAsAAAAABEAEQAAB8iAQIJAP4WGhoOJhQUGOyc7BgWFiYQ9CQgBKw4UAQgJPT+DPz0DLAwhEzAxPzwmA6CEPwcACz4NFC6GHjkHhhIEPCI+NQAgPIUBGAQbhQIKPwo+Pg4khTwlNg0ChRkaPx4OHQ+HKg04HIU7oBcfEYc/tRM73N6jOhfHhRE3Leg/zoZSVPCB4oUhDNt+/Mr3Y6APBjJYLTM0y1AtaR1+AOgVatQACDQKjfDxgQeEV6EEjboU4IEFBhY8wVL0g9GOGZAkpaT07lCiQAA7); } .profile .urls li a[data-type='google'] { background-image: url(data:image/gif;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AJubm3guLi7/Ly8v/zExMf8yMjL/MjIy/zMzM/8yMjL/MjIy/zExMf8vLy//Li4u/y0tLf+enp50////AP///wAvLy//MTEx/zMzM/80NDT/NTU1/zY2Nv8mJib/JiYm/zU1Nf80NDT/MjIy/zAwMP8uLi7/LS0t/////wD///8AMjIy/zQ0NP82Njb/ODg4/zo6Ov87Ozv/09HR/9PR0f86Ojr/ODg4/zY2Nv80NDT/MjIy/y8vL/////8A////ADU1Nf84ODj/Ozs7/z09Pf8/Pz//QEBA/+Pi4v/j4uL/Pz8//z09Pf87Ozv/ODg4/zU1Nf8yMjL/////AP///wA5OTn/PDw8/z8/P/8tLS3/Ly8v/y8vL//o5+f/6Ofn/y8vL/8tLS3/LCws/zw8PP85OTn/NTU1/////wD///8APDw8/0BAQP9CQkL/7ezs/+3s7P/t7Oz/7ezs/+3s7P/t7Oz/7ezs/+3s7P8/Pz//Ozs7/zg4OP////8A////AD8/P/9CQkL/RUVF//Hx8f/x8fH/8fHx//Hx8f/x8fH/8fHx//Hx8f/x8fH/QkJC/z4+Pv86Ojr/////AP///wBAQED/RERE/0dHR/9JSUn/SUlJ/0lJSf/29fX/9vX1/0lJSf9JSUn/R0dH/0RERP9AQED/PDw8/////wD///8AQkJC/0ZGRv9ISEj/SUlJ/0lJSf9JSUn/+fn5//n5+f9ISEj/SEhI/0dHR/9GRkb/QkJC/z4+Pv////8A////AENDQ/9HR0f/SUlJ/0lJSf9JSUn/SUlJ//39/f/9/f3/SUlJ/0lJSf9JSUn/R0dH/0NDQ/8/Pz//////AP///wBERET/R0dH/0lJSf9JSUn/SUlJ/0lJSf9JSUn/SUlJ/0lJSf9JSUn/SUlJ/0dHR/9DQ0P/Pz8//////wD///8ANzc3/zo6Ov88PDz/PDw8/zw8PP88PDz/PDw8/zw8PP88PDz/PDw8/zw8PP86Ojr/Nzc3/zQ0NP////8A////AA8P1f8PD9X/Dw/V/+hpM//oaTP/6Gkz/+hpM/8lmQD/JZkA/yWZAP8mkwP/EbLu/xGy7v8Rsu7/////AP///wCHh+p+Dw/V/w8P1f/oaTP/6Gkz/+hpM//oaTP/JZkA/yWZAP8lmQD/JpQE/xGy7v8Rsu7/jNr2ef///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAMADAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAADAAwAA//8AAA==); } .profile .urls li a[data-type='twitter'] { background-image: url(data:image/gif;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A/v7+D/7+/j/+/v5g/v7+YP7+/mD+/v5I/v7+KP///wD///8A////AP///wD///8A////AP///wD+/v4H/v7+UPbv4pHgx47B1K9Y3tWwWN7Ur1je3sKCx+rbuKj+/v5n/v7+GP///wD///8A////AP///wD+/v4Y+fbweM2ycMe2iB7/vI0f/8STIf/KlyL/zJki/8yZIv/LmCL/0ahK5/Hp1JH+/v4Y////AP///wD///8A7OTTaquHN+CujkXPs5ZTv6N6G/+2iB7/xpUh/8yZIv/MmSL/zJki/8yZIv/Kmy738OjUi////wD///8A////AMKtfY7w6+Ef////AP///wD///8A3sqbp8iWIf/MmSL/zJki/8yZIv/MmSL/y5gi/8mePO7+/v4w////AP///wD///8A////AP///wD+/v4H/v7+V9CtWN3KmCL/zJki/8yZIv/MmSL/zJki/8yZIv/JlyH/5tSqp/7+/mD+/v4/////AP///wD///8A+PXvJtGyZdXNnS/3y5gi/8qYIv/LmCL/zJki/8yZIv/MmSL/y5gi/82iPO7LqVfe0byMmf///wD///8A/v7+D/Do1JHKmy73ypci/8KSIP+/jyD/xpQh/8uYIv/MmSL/zJki/8qYIv+/jyD/rIEd/9nKqH7///8A////APPu4TzAlSz3wZEg/7mLH/+sgR3/uZdGz7mLH//JlyH/zJki/8yZIv/GlSH/to0r9eXbxD/Vx6dg////AP7+/h/p38WhtIsq9al/HP+kfyjuybaKgf///wCzjzjlwJAg/8qYIv/JlyH/u4wf/8CkYrn///8A////AP///wDj2sRMnHUa/7meYa7Vx6dg////AP///wD///8A2MmnYK6DHf++jiD/vo4g/62CHf/k2sQ/////AP///wD///8A8OvhH/f07w////8A////AP///wD///8A////AP///wC/p3Cfpnwc/66GKvPg1LZ8////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////ANXHp2DJtoqByLWKgf///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAP//AADgPwAAwA8AAIAHAAB4BwAA+AMAAPAAAADgAQAA4AMAAMEDAADPhwAA/48AAP/nAAD//wAA//8AAA==); } .profile .urls li a[data-type='lanyrd'] { background-image: url(data:image/gif;base64,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); } .profile .list-articles { color: #666; cursor: pointer !important; float: left; font-size: 15px; font-weight: 600; padding: 3px; text-transform: uppercase; -webkit-transition: color 150ms ease-in-out; -moz-transition: color 150ms ease-in-out; -ms-transition: color 150ms ease-in-out; -o-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .profile:hover .list-articles { color: #5fa4a0; } .profile:focus .list-articles { color: #5fa4a0; } .profile .list-articles span { display: inline-block; -webkit-transition: -webkit-transform 300ms ease-in-out; -moz-transition: -moz-transform 300ms ease-in-out; -ms-transition: -ms-transform 300ms ease-in-out; -o-transition: -o-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; } .profile .list-articles.active span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .profile .map, .profile .articles { position: absolute; width: 278px; height: 125px; overflow: auto; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .profile .map { left: -800px; top: 135px; } .profile .articles { left: 800px; top: 135px; } .profile .map.active, .profile .articles.active { left: 20px; top: 135px; } .profile .map { background: #ddd; } .profile .articles { margin: 0; padding: 0; } .profile .articles li { margin: .3em 0; white-space: nowrap; } .profile .articles a { font-size: 13px; display: list-item; list-style: square; overflow-x: hidden; text-overflow: ellipsis; } body[data-href='home'] .profile { margin: 0 0 2% 2%; width: 23.5%; } body[data-href='profiles'] .profile:first-child, body[data-href='profiles'] .profile:nth-child(3n + 1) { margin-left: 0; } body[data-href='profiles'] .profile h3 { white-space: nowrap; } body[data-href='home'] .profile section { height: 75px; padding: 6%; } body[data-href='home'] .profile:first-child, body[data-href='home'] .profile:nth-child(4n + 1) { margin-left: 0; } body[data-href='home'] .profile h3 { color: #333; font-size: 10px; } ul.authors { list-style: none; margin: 0; padding: 0; } ul.authors li { float: left; margin: 1% 0; padding: 0 3% 0 0; overflow: hidden; width: 22%; } ul.authors li.profile h2 { margin-top: .25em; } .one_third ul.authors li { clear: none; float: none; margin: 3% 0 5%; width: 100%; } .two_thirds ul.authors li { width: 47%; margin-bottom: 2%; } /* FEATURES: OUTLINE NAVIGATION */ body[data-href='features-offline'] .outline_nav_toggle, body[data-href='features-storage'] .outline_nav_toggle, body[data-href='features-connectivity'] .outline_nav_toggle, body[data-href='features-file_access'] .outline_nav_toggle, body[data-href='features-semantics'] .outline_nav_toggle, body[data-href='features-multimedia'] .outline_nav_toggle, body[data-href='features-graphics'] .outline_nav_toggle, body[data-href='features-presentation'] .outline_nav_toggle, body[data-href='features-performance'] .outline_nav_toggle, body[data-href='features-nuts_and_bolts'] .outline_nav_toggle, article.tutorial .outline_nav_toggle { display: block; } .outline_nav_toggle { display: none; position: fixed; left: 50%; top: 145px; margin-left: 525px; width: 30px; height: 30px; cursor: pointer !important; padding: 10px; z-index: 3; } .outline_nav_toggle img { position: absolute; top: 10px; left: 10px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; z-index: 4; } .outline_nav_toggle img.show { z-index: 5; } .outline_nav_toggle.activated img.show { opacity: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } nav.outline { display: none; background-color: #bebebe; /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ8AAACfCAIAAABoeZy3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCM0NEMkFFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCM0NEMkJFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzAyQzNBRkU4QTYxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzAyQzNCMEU4QTYxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnoZHVwAAANySURBVHja7NuLSutAFIXhpBf1/R+o7+RBPW1amzN20hyRGAtKnMu3EDo044ZtzGbyL1a72+0aKlQrf4Ly7+6p27+ejmFxDh/7l7Do+757eYpXD89/4iJc6s+vX+5PuVpVzbZxMoev2raNX43rWxbfufor1apqdnh2xx3v17csvnP1V6pV1ex1Mh8P4dF+u+3ho9vH+x+f9KDu7/O4GAbC7P6Uq1XV7CZ+rDd313+A1Xqzjfd/vR2+3Nzdx8X2/iFc/3J/ytWqarb1RlT+mTk81sMD3vfhYY9fxsNYPJiNcyNs+LA/Lt7vT7laVc1++r7bX7bf8g9yvmyb359ytYKbNZkrmMz9RcP6eufnFvP7E65WVbOr66Tuwk+8cDwMB+tTd/hwEA+X4m/O70+5WlXNmsxcBMrdRYin7TficXn8wwM+Muv90+NIsUd4PbM/5WpVNWsym8yU+2Tm75bXLH+Xv8vfzbPZ//5uZNa324oz+1OuVlWz/F3+LmV9Zubv8nenxd9NtprJjFURVoVVYVVYFVaFVckiNLIIsghYFWFVWBVWhVVhVbTUZJZFkEWQRZBFIC4CLeoiyCKU16zJbDJT7pOZv1tes/xd/i5/N89mZRFkEfi7eTbrjaiCMzN/l787Lf5ustVMZqyKsCqsCqvCqrAqrEoWoZFFkEXAqgirwqqwKqwKq6KlJrMsgiyCLIIsAnERaFEXQRahvGZNZpOZcp/M/N3ymuXv8nf5u3k2K4sgi8DfzbNZb0QVnJn5u/zdafF3k61mMmNV5O4SEolEIpFIJBKJREqaSJogkUgkIZFIJBKJRCKR9AOTWdJE0kTSRNKEuAi0qIsgaVJesyazyUy5T2b+bnnN8nf5u/zdPJuVNJE04e/m2aw3ogrOzPxd/u60+LvJVjOZsSrCqrAqrAqrwqqwKlmERhZBFgGrIqwKq8KqsCqsipaazLIIsgiyCLIIxEWgRV0EWYTymjWZTWbKfTLzd8trlr/L3+Xv5tmsLIIsAn83z2a9EVVwZubv8nenxd9NtprJjFURVoVVYVVYFVaFVckiNLIIsghYFWFVWBVWhVVhVbTUZJZFkEWQRZBFIC4CLeoiyCKU16zJbDJT7pOZv1tes/xd/i5/N89mZRFkEfi7eTbrjaiCMzN/l787Lf5ustVMZqyK8tQ/AQYAng7GvdAZiMQAAAAASUVORK5CYII=);*/ position: absolute; right: 50%; top: 20px; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px 0 #bbb; -moz-box-shadow: 0 0 10px 0 #bbb; box-shadow: 0 0 10px 0 #bbb; overflow: visible; z-index: 3; } nav.outline h3 { font-size: 16px; font-weight: 300; margin: 0; text-transform: uppercase; } nav.outline h3, nav.outline a { color: #555; } nav.outline a:hover, nav.outline a:focus { color: #000; } nav.outline.toc { width: 300px; } nav.outline.toc ul { margin-left: 1.5em; } nav.outline.toc a { margin-left: -1.5em; text-indent: 1.5em; } nav.outline.toc li { margin: .5em 0; } nav.outline.features { width: 130px; } nav.outline.features ul { margin: .75em 0 -.5em 0; } nav.outline.features li { margin: 0; } nav.outline.features li a { display: block; } nav.outline.features li a.section_title { background-position: left; background-repeat: no-repeat; font-size: 13px; padding: .25em 0 .25em 18px; } nav.outline.features li.current a.section_title { font-weight: 600; } nav.outline.features li a.offline { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCM0NEMkVFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCM0NEMkZFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QyQ0U4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMUIzQ0QyREU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgkly+8AAADxSURBVHjaTFGxEYJAEHzQ3C9BMkOhAqhArUAdCpBQIyUyFAtgpAOlArUD7MDQUEMzd5195WaWO+527+/vPSNL09TC7YAxYJV+AnugKMuSsfFEHsKdRciBRgKKF8AdSCjqqnBoJ83fGjQ7qRk5Ew8JdjkCIcgkxCIEwFrCqwSBj89Q3a3IHKEScQbcVKfFbiSrblYNQpFJHAm0vq+LGoyTwNXAhaPppFz5iQSXThRFDwRL+Bc84xoxi2+QCwb438INgJVbK/efAXOQqtaWWMv0Pt+a1yo4UaPRenqHvkbb/B6uJeKFp7q4W2cFstuS+QgwAKNxWCiD6YppAAAAAElFTkSuQmCC); } nav.outline.features li a.storage { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFCM0NEMzJFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFCM0NEMzNFOEFCMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QzMEU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMUIzQ0QzMUU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBZL94AAADaSURBVHjabFHBDYJAEDzMFUAHYgfYwVmBUoEQCkA7kArEAohaAXSgdkAJlEAJzpjB7INNJpvbmd2du4ucoizLGCkH9iqNwLNt27czEUl8QLoDE0Xi1gDrA5ChkZzzEKfIHVCjeLHTwNXiiN1vA4o8OIgziRKkxPQl2l7QptfarbHWycZkmniPI5B6TR9E0N4D58ItBAa+/GwDolFTK9lainSl9bk2NUhn4GNAPuiZb5HxzafrF2zwwgHcxv7DCelK/+YfaKsCYg0b/g1qChIEiUY1N/OnMb4CDADtsVGePPHV/gAAAABJRU5ErkJggg==); } nav.outline.features li a.connectivity { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQkJFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQkNFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMUIzQ0QzNEU4QUIxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVCQUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuSdZokAAADISURBVHjabFDbDcIwEEuAAfjljxFKFwA2aDcg6gCICeCTv05QtWzABrBBwgZ0g46AjRwUqp7kPC5nn3O2qqqLMWZr/uPWNE1nJmKe53nAvgJ6YQCuyPfe+zAmWC7okrEQqm/dD9hawAEknXnG+zATsQaOiVBqkSJr4MHLInqmIpRfKi6Au4TY4RQJ3w76oJMN2nkiV4pUpH+IliKpFHGHbi1yPHeThMQvLWxoE6SlBsHc/jelGCioZclpvOMIdpwRKTPTET4CDAAho0LBUlk51gAAAABJRU5ErkJggg==); } nav.outline.features li a.file_access { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQkZFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQzBFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTAxOUVCREU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVCRUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj11ZLkAAACSSURBVHjaYmAAguTkZAMgdmBAA+jiTEhy64ES85EUJgCp80CsABNjRNJpAMT9QLwAiA8C8XwoeyFU/gJI8X8G4oAjC4icO3cuIz5VQAP3o7uZIKBMMSgUgLifoGJocIFCIQE5GJGDDhQaB6B8UDAmgoIJiEGeegDEH6DBGggKDUckzYXAkLkAtcUQOUJABgAEGADrPyuI+VsNmwAAAABJRU5ErkJggg==); } nav.outline.features li a.semantics { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTEwMTlFQzNFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTEwMTlFQzRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMTAxOUVDMUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMTAxOUVDMkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiG+zVQAAACtSURBVHjajJCLDcIwDERxxQAdoWzQEbpKlAGACSiDRC2TAJvABh2BO8kBY1yJSKem9vMn12yCk3NuoS7KiQfxOUB7iPcZOpdSHl8FDlwIQYRO0GALBXCPn2sFEZzd1MEUpq3GjxU0QGca3DT+eYPrROhpV6wNRd2Y/K4rb0uNjiawA5iYADhCbNIiNjIHXaBeVixdtMnPVIksDQx4F4oGp8jSwJB7XeWvQ/YlwACi5FwNpG7ZTAAAAABJRU5ErkJggg==); } nav.outline.features li a.multimedia { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjBFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMzMkY2QjFFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZBRUU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZBRkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpmPtwwAAABwSURBVHjaYkxOTjZgYGAIAOIFQCwAZTPMnTu3ASgHYoPkLwD5G5iAjP1ALA/EH4C4HojtgfgB1JB8INYH4gMgAxiBgv+BtCNQJ1gAGwCqARlYyMRAHHAAOZFYxWBAO8UsUHo/0BNEKXYk0uALAAEGAGJPGtrPzOGmAAAAAElFTkSuQmCC); } nav.outline.features li a.graphics { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUMzMkY2QjVFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZCMkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZCM0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PucfmbgAAACuSURBVHjaYmRAA8nJyQlASh+ILwLxhrlz536AyTECJQWAtAEQXwBJAPkgdjwQBwCxAhAfAOKNQLyACUi8B+L1IBqocD+QdgDiiUCNikDaEGQIEPeDDGSC2hCIJOEPxPVAjQpADSDbCmHOYIExQBJQxTgBEwMJgKBikHOQnQEKmvVAwQ1QX4N8LwANjXhoSD0AqWOE6g6AeiwAqpAB6v6FIM1Q/2C11gHZamQAEGAAvYA2vQtKAEYAAAAASUVORK5CYII=); } nav.outline.features li a.presentation { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUMzMkY2QjhFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRjZFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzMyRjZCNkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzMyRjZCN0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps9WcVUAAACCSURBVHjaYmQAguTkZAMg1c+AGxxkgTIeAHEjDkVgA5igHAU8pgkA8QEWJF0OeBRfYMAHgG53AOL7YKuBDAUgbsChFmTLARCDBcrJByrmB9IL586dewGkGcgOAOJ4IJ4IUsgIFAQ5NgEqaAANAZDYBiDeCNS4AZubDEDuwuYGgAADABL2IBgCsPDBAAAAAElFTkSuQmCC); } nav.outline.features li a.performance { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZEMThDRjlFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRkFFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NkQxOENGN0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NkQxOENGOEU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoUZd6UAAADqSURBVHjadFHRDYIwFIRO4AY6Am5QJwAmEMMAxAlgA8IARJhA2KBMoCOwgbqBd+Sa9EObXF7h3r137zWOfpyyLF8IO+DY9/0z5GIlkLwBK/BRdEALLEAKXCk2EhaKI7AHJpCrhMQM1EzwgoEWWAG4qGuCO6tOsjduAhJq/VZiIXs17m1g/4zvzCh5RqVcRKpq7GSRdADX6PtuNFRFtQSzROxEi2vgwhmpcz+UttPJYqd/Fbsi9+SHtkrcjoYf/FzqasN3yDQoRYn88sEeWiu35Li1OHjdJCD9Iy7sBM4iuujf4WqB5hf3FWAArc5oNEtPbzMAAAAASUVORK5CYII=); } nav.outline.features li a.nuts_and_bolts { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjZEMThDRkRFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjZEMThDRkVFOEIwMTFFMDg2NkJGNDlCNjE5NENEMzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NkQxOENGQkU4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NkQxOENGQ0U4QjAxMUUwODY2QkY0OUI2MTk0Q0QzMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnGaZZ0AAADeSURBVHjafFGBDYIwEKSEAdhA3AAnsGygG2g6gHYCZQJ1AAJM4AiwgWygG8gI3iVn0phGkqPf/v1d/2sSfc65AssuiX9j0zQjgzQ4vADrCHkB3CGYc5NJ3WLZAEsovX4r5H4CfBao1yQreQCo2OsqNTAgdzP4HUVYqfjJOwN0Yq5iEXgt4iKVFdVnrCUwI94CHvEVsBLi3vJKk5rtSKYK1Eo5kNyrgPFMhz3HycahOkn1AbxF7MI+v1M4A0M4FbmEefaWGB3katbDpYuMlI7sazRBgq/c/nnpisFHgAEAlkVX81OjCu4AAAAASUVORK5CYII=); } nav.outline.features ul ul { display: none; margin: 0 0 .75em; } nav.outline.features ul ul a { font-size: 12px; font-weight: 300; padding: .3em 0 .3em 18px; } body[data-href='features-offline'] nav.outline.features .offline ul { display: block; } body[data-href='features-storage'] nav.outline.features .storage ul { display: block; } body[data-href='features-connectivity'] nav.outline.features .connectivity ul { display: block; } body[data-href='features-file_access'] nav.outline.features .file_access ul { display: block; } body[data-href='features-semantics'] nav.outline.features .semantics ul { display: block; } body[data-href='features-multimedia'] nav.outline.features .multimedia ul { display: block; } body[data-href='features-graphics'] nav.outline.features .graphics ul { display: block; } body[data-href='features-presentation'] nav.outline.features .presentation ul { display: block; } body[data-href='features-performance'] nav.outline.features .performance ul { display: block; } body[data-href='features-nuts_and_bolts'] nav.outline.features .nuts_and_bolts ul { display: block; } /* FEATURES: CONTENT */ body[data-href*='features'] .page header { min-height: 250px; } body[data-href*='features'] .page header hgroup, body[data-href*='features'] .page header section { z-index: 2; } body[data-href*='features'] .page header section p.intro { font-size: 18px; } body[data-href*='features'] .page header section p { line-height: 1.7; } .feature_icon { background: url(/static/images/feature_icons.png), url(/static/images/feature_icon_background.png); background-repeat: no-repeat; background-position: center top, left top; position: absolute; z-index: 1; top: -15px; left: -50px; width: 453px; height: 372px; -webkit-transition: background-position .25s ease-in-out; -moz-transition: background-position .25s ease-in-out; -ms-transition: background-position .25s ease-in-out; -o-transition: background-position .25s ease-in-out; transition: background-position .25s ease-in-out; } body[data-href='features-offline'] .feature_icon { background-position: center 76px, left top; } body[data-href='features-storage'] .feature_icon { background-position: center -298px, left top; } body[data-href='features-connectivity'] .feature_icon { background-position: center -672px, left top; } body[data-href='features-file_access'] .feature_icon { background-position: center -1046px, left top; } body[data-href='features-semantics'] .feature_icon { background-position: center -1428px, left top; } body[data-href='features-multimedia'] .feature_icon { background-position: center -1790px, left top; } body[data-href='features-graphics'] .feature_icon { background-position: center -2164px, left top; } body[data-href='features-presentation'] .feature_icon { background-position: center -2538px, left top; } body[data-href='features-performance'] .feature_icon { background-position: center -2912px, left top; } body[data-href='features-nuts_and_bolts'] .feature_icon { background-position: center -3286px, left top; } div.description p { font-size: 14px; line-height: 1.5; margin: 0 0 1em; } div.description + section.support.none { margin-top: 0; } section.support h3, section.updates h3 { margin-top: 0; } section.updates ul { list-style: none; margin: 1em 0 0 0; padding: 0; } section.updates li { margin: 0 0 .5em; -moz-column-break-after: avoid; -webkit-column-break-after: avoid; -o-column-break-after: avoid; -ms-column-break-after: avoid; column-break-after: avoid; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -ms-column-break-inside: avoid; -o-column-break-inside: avoid; column-break-inside: avoid; } section.updates.two_columns { -moz-column-count: 1 !important; -o-column-count: 1 !important; -ms-column-count: 1 !important; -webkit-column-count: 1 !important; column-count: 1 !important; margin: 0 0 2% 0 !important; width: 96% !important; } section.updates.two_columns ul { -moz-column-count: 2; -o-column-count: 2; -ms-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px; -ms-column-gap: 20px; column-gap: 20px; } section.support { margin-right: 2em !important; } section.support h3 { margin-bottom: 0; } section.support h4 { font-size: 16px; font-style: italic; font-weight: 300; margin: .75em 0 1.5em; } section.support h4 a { color: #333; font-size: 18px; } section.support table { position: relative; } section.support table + table { margin-top: 2em; } section.support thead th { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; position: absolute; top: -20px; color: #333; font-size: 11px; font-weight: 300; padding: 3px 0; text-align: center; text-transform: uppercase; width: 87px; opacity: 0; } section.support table + table thead th:nth-child(1):first-letter { text-transform: none; } /* Don't capitalize the 'i' in iOS. */ section.support thead th.current { opacity: 1; } section.support thead th:nth-child(1) { left: 0; } section.support thead th:nth-child(2) { left: 87px; } section.support thead th:nth-child(3) { left: 154px; } section.support thead th:nth-child(4) { left: 221px; } section.support thead th:nth-child(5) { left: 318px; } section.support td { background-image: url(/static/images/browsers.png); background-repeat: no-repeat; font-size: 24px; padding-top: 50px; text-align: center; width: 85px; } section.support tbody td.chrome { background-position: center 2px; } section.support tbody td.firefox { background-position: center -159px; } section.support tbody td.safari { background-position: center -320px; } section.support tbody td.opera { background-position: center -480px; } section.support tbody td.ie { background-position: center -644px; } section.support tbody td.ios_saf { background-position: center -805px; } section.support tbody td.android { background-position: center -966px; } section.support tbody td.op_mini { background-position: center -1125px; } section.support tbody td.op_mob { background-position: center -1287px; } section.support p.credit { color: #888; font-size: 13px; margin-top: 2.5em; text-align: center; } section.support p.credit a { color: #333; } section.support aside.support_details p { border-top: 1px solid #ccc; font-size: 14px; line-height: 1.6; margin: 1.5em 0 0; padding: 1.5em 0 0; } section.support.none { display: none !important; } section.support.multiple, section.support.multiple + section, section.support.none + section { float: none; height: inherit; width: 96% !important; } section#updates { margin-bottom: 2% !important; } section.support.multiple { height: inherit; } section.support.multiple div { clear: left; padding: .75em 0; } section.support.multiple h4 { float: left; margin: 45px 0 0; padding: 1.2em 0 0; width: 300px; } section.support.multiple div + div h4 { margin-top: 0; } section.support.multiple table { float: left; } section.support.multiple table + table { margin-top: 0; } /* section.support.multiple th { display: none; } */ section.support.multiple td { padding-top: 60px; width: 70px; } section.support.multiple div + div { border-top: 1px solid #ddd; } section.support.multiple div + div h4 { padding-top: .4em; } section.support.multiple div + div table { margin-top: .25em; } section.support.multiple div + div td { background: 0; padding-top: 0; } section.support.multiple p { clear: left; margin-top: 1em; text-align: left; } section.support + section { clear: both; } ul.figures { list-style: none; margin: 0; padding: 0; } article.feature figure, section.figures figure, ul.figures li { float: left; width: 50%; margin: 1em 0 .5em; padding: 0; } ul.figures li { min-height: 85px; } article.feature figure, section.figures figure, ul.figures.books li { min-height: 100px; } article.feature figure section.one_half figure, article.feature figure section.one_third figure, article.feature figure section.two_thirds figure, section.figures.one_half figure, section.figures.one_third figure, section.figures.two_thirds figure { float: none; width: 100%; } article.feature figure a, ul.figures li a { display: block; font-size: 14px; font-weight: 600; width: 100%; height: 100%; overflow: hidden; } article.feature figure a p, section.figures figure a p, ul.figures li a p { color: #333; font-size: 13px; font-weight: normal; margin: .25em 0; } section.figures figcaption > a { font-weight: 600; font-size: 14px; } article.feature figure img, section.figures figure img, ul.figures li a img { float: left; max-width: 150px; border: 1px solid #eee; } article.feature figcaption, section.figures figcaption, ul.figures li a strong, ul.figures li a p { margin: 0 0 0 150px; padding: 0 1.5em; } ul.figures li a { font-weight: 300; } ul.figures li a strong { display: block; font-size: 14px; margin-top: -.1em; } ul.figures.books li img { max-width: 105px; } ul.figures.books li a strong, ul.figures.books li a p { margin-left: 100px; } article.two_columns section figure, section.two_thirds figure { width: 100%; } article.two_columns section figcaption, section.two_thirds figcaption { padding-right: 0; } ul.definitions { line-height: 1.5; list-style: none; margin: -.75em 0 0 0; padding: 0; -moz-column-count: 2; -webkit-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; -ms-column-gap: 20px; -o-column-gap: 20px; column-gap: 20px; } ul.definitions li { font-size: 14px; margin: 0; padding: .75em 0; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; } ul.definitions li span { display: block; } ul.definitions li a { font-weight: 600; } .one_half ul.definitions, .one_third ul.definitions, .two_thirds ul.definitions { -moz-column-count: 1; -webkit-column-count: 1; -ms-column-count: 1; -o-column-count: 1; column-count: 1; } section ul { font-size: 14px; line-height: 1.6; list-style: square; margin-left: 1.75em; padding-left: 0; } section li { margin-bottom: .75em; } section ul.two_columns { margin: 0; } section ul.two_columns li { margin: .25em 0 .75em 1.5em; } /* UPDATES & TUTORIALS */ body[data-href='tutorials'] .page header .share { bottom: 47px; } .page header section.filter { margin-top: .5em; } .page header section.filter h3 { font-size: 16px; font-weight: 600; margin-bottom: .35em; } #filter { font-size: 16px; font-weight: 600; } .page header section.filter ul { list-style: none; margin: 0; padding: 0; } .page header section.filter li { display: block; margin: .3em 0; } .page header section.filter li input { margin-right: 5px; } .page header section.filter .one_half ul li { float: left; margin-top: 0; width: 50%; } .page header section.filter div.tag_filter { clear: both; float: left; padding-top: 1em; } .page header section.filter div.tag_filter label { font-weight: 600; text-transform: uppercase; } .page header section.filter div.tag_filter input { background: #eee; border: 0; font-size: 18px; font-style: italic; margin: 0 0 0 .5em; padding: .2em .3em; vertical-align: -2px; width: 540px; } .tutorial_listing { margin: 1.5em 0 2.5em; padding: 0; } .tutorial_listing h3 { font-size: 16px; font-style: italic; font-weight: 600; } .tutorial_listing .date, .tutorial_listing .author, .tutorial_listing .tags, .tutorial_listing .tag, .tutorial_listing .classes { float: left; } .tutorial_listing .date, .tutorial_listing .author, .tutorial_listing .browsers, .tutorial_listing .tags, .tutorial_listing .classes { height: 18px; } .tutorial_listing .author, .tutorial_listing .tags { margin-right: 1.5em; } .tutorial_listings .tags { } .tutorial_listing .author { margin-left: 1.5em; } .tutorial_listing .author img.author_image { width: 18px; height: 18px; margin-left: 0.25em; vertical-align: top; } .tutorial_listing .tag { color: #888; font-size: 11px; margin: 2px 0.5em 0 0.5em; text-transform: uppercase; cursor: pointer; } .tutorial_listing .tag:hover, .tutorial_listing .tag:focus { color: #333; } .tutorial_listing .classes { margin-left: 1em; } .tutorial_listing .browsers { margin: 0 1.5em; } .tutorial_listing .summary { clear: left; padding-top: .5em; } .tutorial_listing .buttonlink { display: none; } header.tutorial hgroup + section { margin-top: 0; } header.tutorial .byline, header.tutorial aside { float: left; width: 50%; overflow: hidden; } header.tutorial aside { margin-left: 0; } header.tutorial section h2, header.tutorial section { color: #333; font-size: 13px; text-transform: none; } header.tutorial .byline { margin-top: .75em; } header.tutorial .byline hgroup { float: none; padding: 0; width: 100%; } header.tutorial .byline img { float: left; width: 50px; height: 50px; margin: .2em .75em 0 0; } header.tutorial .byline h2 { font-weight: 300; line-height: 1.5; margin: 0 0 .15em; } header.tutorial .byline h2 strong { font-weight: 600; } header.tutorial .byline h2 span { color: #333; display: block; font-weight: 300; } header.tutorial .browser_support { font-size: 12px; padding-top: 1em; width: 632px; } header.tutorial aside a { background: none !important; } header.tutorial .browser_support h2 { float: left; font-size: 12px; font-weight: 600; line-height: 1.5; margin: 0; text-transform: uppercase; } header.tutorial .browser_support p { float: left; font-size: 12px; line-height: 1.5; margin: 0; } header.tutorial .compatible-block { font-size: small; font-style: italic; } header.tutorial #notcompatible { color: red; } header.tutorial #compatible { color: green; } .redirect_notification { text-align: center; } header.tutorial .date time { display: inline-block; } article.tutorial figure { display: block; text-align: center; } article.tutorial figure img { max-width: 100%; } article.tutorial figcaption { margin-top: 1em; font-style: italic; } .page header .disqus_comments { clear: both; float: left; display: block; font-size: 13px; font-weight: 600; margin: 1em 0 0; } .cc p { font-size: 85%; text-align: center; } pre.prettyprint { background: #fff; margin: 1em; padding: 1em; border-left: 3px solid #5fa4a0; -webkit-transition: border-color 0.3s ease-in-out; -o-transition: border-color 0.3s ease-in-out; -moz-transition: border-color 0.3s ease-in-out; -ms-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; } pre.prettyprint:hover { border-color: #f04530; } pre.prettyprint.small { margin: 1em; padding: .5em; } /* DISABLE SELECTION */ header.main, #logo, .watermark, nav, .nav, .share, .byline img, #html5badge, .disqus_comments, section.disqus { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } /* HELPERS */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .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; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Google Plus Icon */ #google_plus_page_link { float: right; } #google_plus_page_link a { background: none; } /* PRINT */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* RESPONSIVE */ @media screen and (min-width: 1000px) { .subheader { background: #65A8A5; height: 82px; } .subheader::before { -webkit-box-shadow: 0 1px 10px 1px black; -moz-box-shadow: 0 1px 10px 1px black; -ms-box-shadow: 0 1px 10px 1px black; -o-box-shadow: 0 1px 10px 1px black; box-shadow: 0 1px 10px 1px black; content: ''; display: block; z-index: -1; } .subheader::after { -moz-box-shadow: 0 3px 12px 5px black; -webkit-box-shadow: 0 3px 12px 5px black; -o-box-shadow: 0 3px 12px 5px black; -ms-box-shadow: 0 3px 12px 5px black; box-shadow: 0 3px 12px 5px black; content: ''; display: block; z-index: -1; position: relative;; top: -10px; } .subheader .search { font-size: 48px; padding-top: 7px; } .subheader .search label { color: #fff; padding-left: 5px; text-transform: uppercase; } .subheader .search input { background: hsla(0, 0%, 99%, 0.2); border: 0; color: hsl(176, 27%, 13%); font-style: italic; text-indent: 5px; width: 745px; outline: 0 !important; border-radius: 4px; margin-left: 7px; } .subheader .search input[placeholder]::-webkit-input-placeholder { color: hsla(176, 27%, 33%, 0.4); } .subheader .search input:focus { -webkit-animation: inputglow 1.9s infinite; -moz-animation: inputglow 1.9s infinite; -ms-animation: inputglow 1.9s infinite; } @-webkit-keyframes inputglow{ from { -webkit-box-shadow: 0 0 2px hsl(176, 27%, 13%); } 55% { -webkit-box-shadow: 0 0 13px hsl(176, 27%, 13%); } to { -webkit-box-shadow: 0 0 2px hsl(176, 27%, 13%); } } @-moz-keyframes inputglow { from { -moz-box-shadow: 0 0 2px hsl(176, 27%, 13%); } 55% { -moz-box-shadow: 0 0 13px hsl(176, 27%, 13%); } to { -moz-box-shadow: 0 0 2px hsl(176, 27%, 13%); } } @-ms-keyframes inputglow { from { -ms-box-shadow: 0 0 2px hsl(176, 27%, 13%); } 55% { -ms-box-shadow: 0 0 13px hsl(176, 27%, 13%); } to { -ms-box-shadow: 0 0 2px hsl(176, 27%, 13%); } } .subheader .search input::-webkit-input-placeholder { color: #b0d2d0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } article.sectioned section.one_half { width: 45%; /*min-height: 315px;*/ max-height: 350px; overflow-y: auto; } article.sectioned section.one_third { width: 28%; } article.sectioned section.two_thirds { width: 58%; } article.sectioned section.one_half, article.sectioned section.one_third, article.sectioned section.one_quarter, article.sectioned section.two_thirds { float: left; margin: 0 0 2% 2%; } article.sectioned section.one_half + section.one_half + section, article.sectioned section.two_thirds + section.one_third + section, article.sectioned section.one_third + section.two_thirds + section { clear: both; margin-top: 0; margin-left: 0; } article.sectioned section.one_half + section.one_half + section + section, article.sectioned section.two_thirds + section.one_third + section + section, article.sectioned section.one_third + section.two_thirds + section + section { margin-top: 0; } article.sectioned section.one_half:nth-child(2n + 1), .thirds section.one_third:nth-child(3n + 1), article.sectioned section.one_third:first-child { margin-left: 0; } article.sectioned section#support, article.sectioned section#updates { float: left; width: 45%; margin: 0 0 2% 0 !important; } article.sectioned section#updates { margin: 0 2% 2% 0 !important; } /* Homepage */ article.sectioned section.one_third { width: 32%; } } @media screen and (max-width: 1200px) { .watermark, .paginator, .outline_nav_toggle img.show, .outline_nav_toggle img.hide { display: none !important; } header.main nav .home { display: block; } article.tutorial, section.cc, section.disqus { margin-left: 340px; position: relative; overflow: visible; } .outline_nav_toggle { position: static; top: 0; left: 0; margin: 0; padding: 0; width: inherit; height: inherit; opacity: 1 !important; /* to ignore the fadeToggle on wide-display treatment */ } nav.outline.toc { /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABPCAYAAACqNJiGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVFREE2QTFENjc3MTFFMDg0RDg4QURBN0E4NTA4NTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVFREE2QTJENjc3MTFFMDg0RDg4QURBN0E4NTA4NTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNTQwMEVFNkQ1OTUxMUUwODREODhBREE3QTg1MDg1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUVEQTZBMEQ2NzcxMUUwODREODhBREE3QTg1MDg1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu1CJBoAAAVwSURBVHja7FwNb9s2FLRlO4kbtFuwrViHYgP2/3/TsHVtsqUfadOlTuKv+bQ878rqUSfJdj76CASiTN6JIXgUec90/+TP309/fP7LtLdKxy9+2/vp51+vkX998nJ09P3T2XC0t/z44WyAzx5/czSfTa/7Z29Ohz88e15i/nr5x6gOb/ffPX02KwaDpcqd8tXhcf3w7s1g72C8HD86XDThNj4Vj9RfLpevepFapSK6oEPnYcjaDeffvf57iKGK/MU/5wX+kL+6nPQxtKswHh7p7enJcDGf901a4Em5UR+4Kj4FjwSpTT5dlPe4mvRUbhVfynY+mx1jHsENCCyPyjZfGXFVPS/P+DoMc6fPVZ7ptS3XJuU5df9TzHldZMtDkfMYrixbkwk+s6GcYjy8SY2lYWXgZdl63Ao+bSuXAcvTjcet4pGGh4+fzO2G83hVF8V/dff3D5aWxxVlVRgPj3SA+5vhz2Wj0V5vcPN5jlvBp239jHt1PRC4VXzItqts7c1ibxce/jaUMXxtKOMzy6cYD5+WAe9xswQ9bg+flnFbU26eHjzuHL7svGt6MOe9tFjMe7PZtBKTw2OOskYBD566xHwqfrFY9KfTcuPQwxX3dc9h7ib4kG0X2bK0+O3IedTx6in4XL0ct/KcFJ/mFW7vOTl82Xlnb0/X2sfG1/Ln7/9fDkwmF338GQHKeHVeh0d6T8sBlZv50M46/PredggiN/NhXlPwIdswBm6x8+DHeZt8G8p4rfMGmesxHh5ZFd7uTXZsGuS4Uz7De22z3YK3sc9xGx/jc20L2YZs76Cfh+G7Cz8PEtmFnwfszvw81TPr6ufV+Yib9POaPif8vPDz7rGfNx4frofqNv08SGL8qLcTP+/Jt0fh58VS5aEtVbzQY245oS5V2nAr+HSpoXKnOx4F/8VSJRea4+WA95r38HXLBI9beU7dMkrhzi1bPHzMeV1ly69fznsxDPQ+y0TBmxx4OcBLDS9OwHwK3nYFvNQwCeZiGMyt4svOwzeC7Ibzbm+vXuPD4agSk8NjuNvwB56XMV5iPhVfFMUSSwxbauC+7jnM3QQfsu0iWzW8VxWOSzEePleWhveacqeYNm1Vuble2Xle6JDDexyOU0OPaXjQCx1yeC/HreDTtn7GvcLy0snjVvEh266y9cJ2TcJ7dfg6jBLWVPGcz7VJeU7d/1Rw6JDzXngPc8Dq1V5UYTw8EocOgV+boWpYU8DbMobNTN4hKGFNFR+yDWPgjhgDXjhuE6FH3tir3G1Cj7yxb8IdoceQ7T2VLb/dtunneWHNTft5alhzI35eG8+tjZ/XxnNr4+ep7Qs/L/y8B+LnsWe3TT/PvLNt+3nAepjw88LPe4B+nnlb2/bzrGwXfl6aDz8vdhj3qPOuEmkoZiiXKfhcPfWsRBM8z1lNz2Go+LLzLj6edzqHoeCRLleTbZdzGAq+7OSry/Wc1eYchoqPOS/mvFvsPDYz0zMZVYYj5h52FxR8amYCb3OYarQq+NTMxNW2eKrRquJDtiHbOyhblgYPZVW2jM/JjqWR41bwOdkBq0wJKj5kG7K9xc7zzlHkYhjKOYw0huGdo8jFCZRzGGkMwztHkYthKOcwKmMYl5NPx/s3piMqW96LE5RblsW8Z2WM8fBVZTAmjc+4U1yOO4fnMm6rF7fIcXv4mPM2aYayHHO/q+L99omHT+up3N5vn3j4KhNX4U75FHzZealT0DQpv8ViJmr69a0mid2OumQb+zaJzdC6FLINP+8O+HnsV23Tz8P8tQs/D9fw82KH8ZUZA7vw83K/fbJJPw9Y/hZY+Hkh2wfu5/EX/rbp56Wb7236eWk+/LyQbXTeV5H+FWAA7eqC0D2aO2cAAAAASUVORK5CYII=);*/ margin: 0; width: 275px; display: block; position: absolute; top: 0; left: -340px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; opacity: 1 !important; /* to ignore the fadeToggle on wide-display treatment */ display: block !important; /* to ignore the fadeToggle on wide-display treatment */ } nav.outline.toc a { color: #5fa4a0; } nav.outline.toc a:hover, nav.outline.toc a:focus { color: #f04530; } nav.outline.toc.fixed { position: fixed; top: 50px; left: 50%; margin-left: -500px; } nav.outline.toc.bottom { position: absolute; bottom: 0; left: -340px; } } @media screen and (max-width: 1000px) { .page, .page header, header, .subheader div, .nav { width: inherit !important; } .page { margin: 0 !important; width: 100% !important; } .page.current { margin-top: 2em !important; } header.main { padding: 0; position: static; height: inherit; overflow: hidden; width: 100%; } header.main nav { height: inherit; width: 100%; } header.main nav #search_show { float: left; } header hgroup + section { float: none; } article.tutorial, section.cc, section.disqus { margin-left: 0; } nav.outline.toc { margin-bottom: 2em !important; padding: 0 !important; position: static !important; } article, section, article.sectioned section, section.link_target, .page header { padding: 1em 1.25em; } section.one_half, section.one_third, section.one_quarter, section.two_thirds { margin-left: 0 !important; margin-right: 0 !important; width: inherit !important; } .page header .share, .page header .share li { position: static; } .page header .share ul { margin-top: 1em; } .page header .share li { display: inline; } /* Homepage */ body[data-href="home"] header.two_columns { padding: 2%; } body[data-href="home"] header.two_columns hgroup, body[data-href="home"] header.two_columns p { float: none; width: inherit !important; } body[data-href="home"] header.two_columns hgroup h1, body[data-href="home"] header.two_columns hgroup h2 { font-size: 225%; } body[data-href="home"] header.two_columns p { margin: .5em 0 0; } body[data-href="home"] .one_third { float: left !important; height: inherit; margin-left: 2% !important; padding: 2%; width: 28% !important; } body[data-href="home"] .one_third:first-child { margin-left: 0 !important; } body[data-href="home"] .one_third a { position: static; } body[data-href="home"] article.profile { float: left !important; height: inherit; margin: 2% 0 0 2% !important; width: 32% !important; padding: 0; } body[data-href="home"] article.profile:nth-child(3n + 1) { margin-left: 0 !important; } /* Tutorials & Updates */ .page header section.filter div.tag_filter { width: 100%; } .page header section.filter div.tag_filter input { width: 90%; display: block; margin: .5em 0; } /* Profiles */ body[data-href="profiles"] .profile:first-child, body[data-href="profiles"] .profile:nth-child(3n + 1) { margin-left: 2%; } body[data-href="profiles"] .profile:first-child, body[data-href="profiles"] .profile:nth-child(2n + 1) { margin-left: 0; } article.profile { margin-left: 2%; width: 49%; } article.profile section { margin: 0 !important; } .profile .map, .profile .list-articles span { display: none; } .profile .list-articles { cursor: default !important; color: #666 !important; } .profile .articles { margin: 2.75em 0 0 94px; position: static; } .profile .articles { width: 70%; } } @media screen and (max-width: 860px) { header.main nav ul li a, header.main nav ul li#features_show, header.main h1 { height: 13px; margin: .5em .5em .5em .25em; padding: .2em .35em .25em; } header.main nav ul li#search_show { display: none; } header.main .subheader.features { background: #5fa4a0; float: left; width: 100%; } header.main .subheader.features h2 { display: none; } header.main .subheader #features_hide { float: left; padding: 2px 0 0 10px; width: 24px; height: 24px; } header.main .subheader .features ul { float: left; margin: 0; padding: 0 0 .5em; width: inherit; } header.main .subheader .features li { float: left; } header.main .subheader.search { background: none; display: block !important; float: left; margin: .5em 0 .6em .5em; } header.main .subheader.search label span, header.main .subheader.search img { display: none; } header.main .subheader.search input { font-size: 12px; height: 14px; padding: 0; text-align: center !important; width: 135px; } .page header hgroup, .page header section { float: none; width: 100%; } .page header hgroup { margin-bottom: 1%; } } @media screen and (max-width: 768px) { header.main #home_horns { display: block !important; float: left; padding: .75em .5em .5em .8em; } header.main nav .home, .nav { display: none; } body[data-href="home"] article { margin: 0; } body[data-href="home"] header { margin-bottom: 0; } body[data-href="home"] #classes { margin-top: 0 !important; margin-bottom: 0 !important; } body[data-href="home"] .one_third, body[data-href="home"] .one_third:first-child { float: none !important; margin-left: 0 !important; width: inherit !important; } body[data-href="home"] section.link_target a { height: inherit !important; padding: 0; } .page { margin: 0 !important; } section { float: none !important; margin: 1em 0 !important; } article.feature figure, section.figures figure, ul.figures li { float: none; width: 100%; } /* Homepage */ #updates_title, #updates_badge { display: none; } body[data-href="home"] #start { height: inherit; width: inherit; position: static; } body[data-href="home"] #logo, body[data-href="home"] section#updates { position: static; height: inherit; } body[data-href="home"] section#updates { margin: 2.5% 0 !important; padding: 2% !important; width: 96% !important; } } @media screen and (max-width: 600px) { ul.definitions { -moz-column-count: 0; -webkit-column-count: 0; -ms-column-count: 0; -o-column-count: 0; column-count: 0; } /* Profiles */ article.profile { margin: 0 !important; width: 100%; } article.profile section { height: inherit; margin: .75em 0 !important; } .profile .articles { height: inherit; overflow: visible; } .profile .articles li { list-style: none !important; white-space: normal; margin-left: 1.5em; text-indent: -1.5em; } .profile .articles a { list-style: none !important; overflow: visible; } .two_columns { -moz-column-count: 1; -o-column-count: 1; -ms-column-count: 1; -webkit-column-count: 1; column-count: 1; } /* Homepage */ body[data-href="home"] section#updates.feed li { border-top: 1px solid #bbb; padding: .25em 0; overflow: hidden; } body[data-href="home"] section#updates.feed li:first-child { border-top: 0; } body[data-href="home"] section#updates.feed li span.byline, body[data-href="home"] section#updates.feed li span.details { display: inline; } body[data-href="home"] section#updates.feed li span.classes, body[data-href="home"] section#updates.feed li span.type { display: none; } body[data-href="home"] article.profile { width: 49% !important; } body[data-href="home"] article.profile section { padding: 0 4% !important; } body[data-href="home"] article.profile:nth-child(3n + 1) { margin-left: 2% !important; } body[data-href="home"] article.profile:nth-child(2n + 1) { margin-left: 0 !important; } } @media screen and (max-width: 550px) { .page header { padding-bottom: 3.25em; } article, section, article.sectioned section, section.link_target, .page header { padding: .75em .9em; } section, section.support.multiple, section.support.multiple + section, section.support.none + section { float: none; width: 95% !important; } section p:last-child, section pre:last-child { margin-bottom: 0 !important; } /* Tutorials and Updates */ section.filter .one_quarter { padding-bottom: .75em; width: 50%; } section.filter .one_half { width: 100%; } .tutorial_listing .date, .tutorial_listing .author, .tutorial_listing .browsers, .tutorial_listing .tags, .tutorial_listing .classes { padding-bottom: .35em; } .tutorial_listing .tag { margin-left: 0; margin-right: 1em; } .tutorial_listing .tag:nth-last-of-type(2) /* The penultimate tag. (The final tag is hidden, so giving it no margin makes no difference.) */ { margin-right: 0; } /* Homepage */ body[data-href="home"] #logo img { width: 350px; height: 277px; } body[data-href="home"] #start { } } @media screen and (max-width: 480px) { .page, .page header { margin-top: 0 !important; } header.main { padding: .25em 0 .5em; } header.main h1 { display: block; float: left; } header.main nav ul li a, header.main nav ul li#features_show, header.main h1 { margin: .2em .5em .2em .25em; } header.main .subheader.search { margin: .15em 0 0 .5em; } header.main .subheader .features ul { margin-left: 12px; width: 360px; } header.main .subheader .features ul li { width: 160px; } /* Homepage */ body[data-href="home"] article.profile { margin: 2% 0 0 0 !important; width: 100% !important; } body[data-href="home"] article.profile section { padding: 0 2% !important; } body[data-href="home"] article.profile:nth-child(3n + 1) { margin-left: 0 !important; } body[data-href="home"] article.profile:nth-child(2n + 1) { margin-left: 0 !important; } }