@font-face { font-family: "Rockwell"; src: url("../fonts/rockwell-standard.eot"); src: url("../fonts/rockwell-standard.eot?#iefix") format("embedded-opentype"), url("../fonts/rockwell-standard.woff") format("woff"), url("../fonts/rockwell-standard.ttf") format("truetype"); } @font-face { font-family: "Rockwell Bold Italic"; src: url("../fonts/rockwell-bold-italic.eot"); src: url("../fonts/rockwell-bold-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/rockwell-bold-italic.woff") format("woff"), url("../fonts/rockwell-bold-italic.ttf") format("truetype"); } html, body { background: #F2F2F2; } body { color: #666; font: normal 14px/16px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; text-rendering: optimizeLegibility; } body li { line-height: normal; } .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .hidden { display: none; } [ng\:cloak], [ng-cloak], .ng-cloak { display: none; } header.main { background: #12343D url("../img/header-bg.gif") top left repeat-x; border-bottom: 1px solid #DDDDDD; height: 66px; position: relative; z-index: 50; } header.main div.inner { border-left: 1px solid rgba(229, 229, 229, 0.25); height: 65px; margin: 0 auto; position: relative; width: 95%; } header.main div.inner div.shadey { background: transparent url("../img/header-inner-bg.png") top left no-repeat; height: 65px; left: -157px; pointer-events: none; position: absolute; top: 0; width: 432px; z-index: 49; } header.main div.inner form.search { float: left; padding: 17px 0 0 20px; position: relative; z-index: 50; width: 25%; } header.main div.inner form.search input { background: #17484F url("../img/search-icon.png") top left no-repeat; background: rgba(43, 82, 93, 0.5) url("../img/search-icon.png") 8px center no-repeat; border: 1px solid #3A5E67; color: #FFF; font: normal 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; height: auto; margin: 0; padding: 7px 7px 7px 28px; width: 86%; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -moz-background-clip: padding-box; -moz-border-radius: 3px; border-radius: 3px; background-clip: padding-box; -webkit-box-shadow: inset 0 1px 0px #1D4249; -moz-box-shadow: inset 0 1px 0px #1D4249; box-shadow: inset 0 1px 0px #1D4249; } header.main div.inner form.search input:focus { border-color: #62D5E1; } header.main div.inner form.search input::-webkit-input-placeholder { color: #72979C; } header.main div.inner form.search input:-moz-placeholder { color: #72979C; } header.main div.inner nav.public { float: left; width: 481px; } header.main div.inner nav.public ul { margin: 0; padding: 17px 0 0 20px; } header.main div.inner nav.public ul li { display: block; float: left; } header.main div.inner nav.public ul li a { border-bottom: 2px solid transparent; color: #FFF; display: block; float: left; font: 500 14px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding: 6px 7px 5px 7px; margin-right: 16px; text-decoration: none; -webkit-transition: border 0.03s linear; -moz-transition: border 0.03s linear; -o-transition: border 0.03s linear; transition: border 0.03s linear; } header.main div.inner nav.public ul li a:hover { border-bottom: 2px solid #3A5E67; } header.main div.inner nav.public ul li a.active { border-bottom: 2px solid #85D2DD; } header.main div.inner nav.public ul li button#add-snipt { font-size: 15px; font-weight: bold; margin-top: -3px; padding: 7px 12px 9px 12px; } header.main div.inner nav.public ul li button#add-snipt i { margin-left: 5px; margin-top: 2px; } header.main div.inner nav.public ul li.add-snipt { float: right; margin-right: 13px; } header.main div.inner nav.public ul li.teams-nav, header.main div.inner nav.public ul li.add-snipt { position: relative; } header.main div.inner nav.public ul li.teams-nav > ul, header.main div.inner nav.public ul li.add-snipt > ul { background: transparent url("../img/aside-nav-open-bottom-bg.gif") top left repeat; display: none; left: -5px; padding: 10px 0; position: absolute; top: 48px; width: 189px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } header.main div.inner nav.public ul li.teams-nav > ul li, header.main div.inner nav.public ul li.add-snipt > ul li { float: none; list-style-type: none; } header.main div.inner nav.public ul li.teams-nav > ul li a, header.main div.inner nav.public ul li.add-snipt > ul li a { border: none; color: #B0D7DD; display: block; float: none; font: bold 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0; overflow: hidden; padding: 7px 20px 7px 20px; text-overflow: ellipsis; white-space: nowrap; } header.main div.inner nav.public ul li.teams-nav > ul li a:hover, header.main div.inner nav.public ul li.add-snipt > ul li a:hover { background: rgba(16, 58, 66, 0.5); text-decoration: none; } header.main div.inner nav.public ul li.teams-nav > ul li a i, header.main div.inner nav.public ul li.add-snipt > ul li a i { margin-right: 9px; opacity: 0.3; } header.main div.inner nav.public ul li.teams-nav.open > a, header.main div.inner nav.public ul li.add-snipt.open > a { background: #406064; border-radius: 5px; } header.main div.inner nav.public ul li.teams-nav.open > ul, header.main div.inner nav.public ul li.add-snipt.open > ul { display: block; } header.main div.inner nav.public ul li.teams-nav span.as, header.main div.inner nav.public ul li.add-snipt span.as { color: #7C8D8E; margin-right: 2px; } header.main div.inner aside.nav { float: right; height: 65px; margin: 0; position: relative; width: 189px; } header.main div.inner aside.nav a.mini-profile { display: block; padding: 14px 13px 8px 13px; } header.main div.inner aside.nav a.mini-profile span.avatar { background-repeat: no-repeat; border: 1px solid #3A5E67; display: block; float: left; height: 35px; width: 35px; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } header.main div.inner aside.nav a.mini-profile span.info span.username { color: #FFF; display: inline-block; font: 500 14px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 1px 0 0 8px; max-width: 88px; overflow: hidden; text-overflow: ellipsis; } header.main div.inner aside.nav a.mini-profile span.info i { display: block; float: right; margin: 1px 0 0 8px; opacity: 0.3; } header.main div.inner aside.nav a.mini-profile span.info span.type { color: #72979C; display: inline-block; font: bold 11px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 1px 0 0 8px; min-width: 100px; padding-bottom: 7px; text-transform: uppercase; } header.main div.inner aside.nav a.mini-profile:hover { background: rgba(92, 128, 134, 0.2); text-decoration: none; } header.main div.inner aside.nav a.mini-profile:hover i { background-position: -313px -119px; } header.main div.inner aside.nav ul { background: transparent url("../img/aside-nav-open-bottom-bg.gif") top left repeat; display: none; left: 0; margin: 0; padding: 10px 0; position: absolute; top: 65px; width: 189px; z-index: 51; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } header.main div.inner aside.nav ul li { list-style-type: none; } header.main div.inner aside.nav ul li a { color: #B0D7DD; display: block; font: bold 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding: 7px 0 7px 37px; } header.main div.inner aside.nav ul li a:hover { background: rgba(16, 58, 66, 0.5); text-decoration: none; } header.main div.inner aside.nav ul li a i { margin-right: 9px; opacity: 0.3; } header.main div.inner aside.nav.open a.mini-profile { background: transparent url("../img/aside-nav-open-top-bg.gif") top left repeat-x; opacity: 1; } header.main div.inner aside.nav.open a.mini-profile span.avatar { border-color: #92B6BD; } header.main div.inner aside.nav.open a.mini-profile i { background-position: -288px -120px; } header.main div.inner aside.nav.open a.mini-profile span.info span.type { color: #B0D7DD; } header.main div.inner aside.nav.open a.mini-profile span.info span.type span.is-pro { color: #85D2DD; } header.main div.inner aside.nav.open ul { display: block; } .main-logo { float: left; margin: 0; position: relative; z-index: 50; } .main-logo a { color: #F9F9F9; display: block; font: normal 36px "Rockwell Bold Italic", "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; float: left; letter-spacing: -1px; margin: 11px 0 0 16px; text-decoration: none; text-shadow: 0 1px 2px black; } .main-logo a span { color: #87D2DC; } .main-logo a:focus { outline: none; } .main-logo a:hover { text-shadow: 0 0 100px white; } header.sub { background: #ECECEC; background: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#DBDBDB)); background: -moz-linear-gradient(center top, #ECECEC 0%, #DBDBDB 100%); background: -moz-gradient(center top, #ECECEC 0%, #DBDBDB 100%); background: linear-gradient(to bottom, #ECECEC 0%, #DBDBDB 100%); } header.sub div.inner { border-left: 1px solid #d0d0d0; margin: 0 auto; position: relative; width: 95%; z-index: 49; } header.sub div.inner ul.bcrumb { float: left; margin: 0; padding-left: 16px; width: 82%; } header.sub div.inner ul.bcrumb li { display: inline-block; float: left; line-height: normal; max-width: 490px; overflow: hidden; padding: 2px 0 4px 0; text-overflow: ellipsis; white-space: nowrap; } header.sub div.inner ul.bcrumb li a { color: #999999; font: bold 12px Consolas, Menlo, "Courier New", monospace; text-decoration: none; text-shadow: 0 1px 0 #FFF; } header.sub div.inner ul.bcrumb li a:hover { text-decoration: underline; } header.sub div.inner ul.bcrumb li.compact { float: right; } header.sub div.inner ul.bcrumb li.compact a { background: transparent url("../img/compact-icon.png") left 1px no-repeat; display: inline-block; margin-right: 15px; padding-left: 15px; } header.sub div.inner ul.bcrumb li.normal { float: right; } header.sub div.inner ul.bcrumb li.normal a { background: transparent url("../img/normal-icon.png") left 1px no-repeat; display: inline-block; margin-right: 15px; padding-left: 15px; } header.sub div.inner ul.bcrumb li.rss { float: right; } header.sub div.inner ul.bcrumb li.rss a { background: transparent url("../img/rss-icon.png") center left no-repeat; display: inline-block; margin-right: 15px; padding-left: 15px; } header.sub div.inner ul.bcrumb .prompt { color: #999999; font: bold 12px Consolas, Menlo, "Courier New", monospace; margin-right: 3px; margin-top: 2px; text-shadow: 0 1px 0 #FFF; } header.sub div.inner ul.bcrumb span.prompt { float: left; margin-left: 3px; } header.sub div.inner div.shortcuts { color: #999999; float: right; font: bold 12px Consolas, Menlo, "Courier New", monospace; padding-top: 4px; text-shadow: 0 1px 0 #FFF; } section.main { height: 100%; margin: 0 auto; position: relative; width: 95%; } section.main .site-notice { border-left: 1px solid #DDDDDD; display: block; margin-bottom: 0; margin-top: 30px; position: relative; text-align: left; z-index: 49; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; } section.main .site-notice span { text-decoration: underline; } section.main .site-notice:hover { text-decoration: none; } section.main div.ruler { background: #DDDDDD; height: 100%; position: fixed; top: 0; width: 1px; z-index: 48; } section.main div.left-y { margin-left: 0; } section.main div.right-y { margin-left: 77%; } section.main div.inner { box-sizing: border-box; float: left; padding-left: 1px; width: 81%; } section.main aside.main { float: right; padding-top: 30px; width: 18%; } section.main aside.main div.save-nate a { background: #0D353C; border: 4px solid #2D8DA8; color: #83D2DD; display: block; font: bold 14px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0 0 30px 15px; padding: 10px 0; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } section.main aside.main div.save-nate a:hover { background: #124B55; color: #8FE6F2; } section.main aside.main section.ad { background: #FBFBFB; border: 1px solid #E8E8E8; border-bottom: 0; height: 231px; margin: 0 0 0 15px; width: auto; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } section.main aside.main section.ad.wide-sky { border-bottom: 1px solid #E8E8E8; height: auto; margin-bottom: 30px; padding: 4px 0 4px 7px; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } section.main aside.main div.go-pro { background: #FBFBFB; border: 1px solid #E8E8E8; margin: 0 0 30px 15px; text-align: center; padding: 18px 0; text-shadow: 0 1px 0 blue; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } section.main aside.main section.tags { margin: 0 0 30px 15px; } section.main aside.main section.tags h1 { background: transparent url("../img/tags-icon.png") 0 0 no-repeat; color: #3BAAF3; font: bold 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding-bottom: 5px; padding-left: 22px; } section.main aside.main section.tags ul { margin: 0 0 15px 0; } section.main aside.main section.tags ul li { list-style-type: none; margin-left: 22px; } section.main aside.main section.tags a { color: #5AB6F4; display: block; font: normal 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding: 3px 0; text-decoration: none; } section.main aside.main section.tags a span { border-bottom: 1px solid #5AB6F4; } section.main aside.main section.tags a:hover span { border-bottom: 1px solid #2B6E9B; color: #2B6E9B; } section.main aside.main section.tags a.view-all { font-weight: bold; margin: 0 0 0 22px; } section.main aside.main section.tags a.active span { border-bottom: 1px solid #2B6E9B; color: #2B6E9B; } section.main aside.main section.tags a.all-tags { font-weight: bold; margin-left: 22px; } section.main aside.main section.tags a.all-tags span { border-bottom: 1px solid #5AB6F4; } section.main aside.main section.tags div.alt-links { margin: 0 0 30px 22px; } section.main aside.main section.tags a.alt-link { display: inline-block; font-weight: bold; } section.main aside.main section.tags a.alt-link.active { color: #2B6E9B; } section.main aside.main nav.footer { margin: 0 0 32px 15px; } section.main aside.main nav.footer ul { margin: 0; } section.main aside.main nav.footer ul li { background: transparent url("../img/api-icon.png") top left no-repeat; list-style-type: none; margin: 0; padding-left: 22px; } section.main aside.main nav.footer ul li a { color: #999; display: block; font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding: 3px 0; text-decoration: none; } section.main aside.main nav.footer ul li a span { border-bottom: 1px solid #999; } section.main aside.main nav.footer ul li a:hover span { border-bottom: 1px solid #333; color: #333; } section.main aside.main nav.footer ul li a.active span { border-bottom: 1px solid #333; color: #333; } section.main aside.main nav.footer ul li.api { padding-top: 1px; } section.main aside.main nav.footer ul li.twitter { background: transparent url("../img/twitter-icon.png") 4px 7px no-repeat; } section.main aside.main nav.footer ul li.pro { background: transparent url("../img/upgrade-icon.png") 2px 7px no-repeat; } section.main aside.main nav.footer ul li.groups { background: transparent url("../img/groups-icon.png") 2px 7px no-repeat; } section.main aside.main nav.footer ul li:first-of-type a { padding-top: 0; } section.main aside.main nav.footer ul li.blog { background: transparent url("../img/blog-icon.png") 3px 7px no-repeat; } section.main aside.main nav.footer ul li.roadmap { background: transparent url("../img/roadmap-icon.png") 2px 7px no-repeat; } section.main aside.main div.linode { background: transparent url("../img/linode.png") top left no-repeat; background-size: 100%; clear: both; float: left; margin-bottom: 30px; margin-left: 17px; padding-bottom: 20px; position: relative; width: 153px; } section.main aside.main div.linode a { display: block; height: 68px; color: #989898; } section.main aside.main div.linode a span { font: bold 11px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; left: 40px; position: absolute; top: 0px; } section.main aside.main section.tag-detail { margin: -12px 0 30px 15px; } section.main aside.main section.tag-detail div.heading { border-bottom: 1px solid #DDDDDD; } section.main aside.main section.tag-detail div.heading h1 { background: #F5F3F5; color: #3BAAF3; display: inline-block; font: bold 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; text-transform: uppercase; margin: 0 0 0 16px; padding: 0 6px; position: relative; top: 8px; } section.main aside.main section.tag-detail div.heading h1 span { color: #2770A1; } section.main div.rochester-made { margin: 50px 0 30px 0; text-align: center; } section.main-edit div.inner { float: none; width: 100%; } section.code { height: 230px; overflow: hidden; position: relative; z-index: 49; } section.code table.highlighttable { background: #F7F7F7; height: 100%; } section.code td { padding: 0; vertical-align: top; } section.code td.linenos { border-right: 1px solid #DDDDDD; min-width: 28px; } section.code td.linenos div.linenodiv pre { background: #F7F7F7; border: 0; line-height: 16px; margin: 0; padding: 4px 3px 0 0; white-space: normal; -webkit-background-clip: padding-box; -webkit-border-radius: 0; -moz-background-clip: padding-box; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; } section.code td.linenos div.linenodiv pre a, section.code td.linenos div.linenodiv pre span { color: #999; display: block; font: normal 12px/16px Consolas, Menlo, "Courier New", monospace; margin: 0; padding: 0; text-align: right; text-decoration: none; white-space: nowrap; } section.code td.linenos div.linenodiv pre a:hover, section.code td.linenos div.linenodiv pre span:hover { cursor: pointer; text-decoration: underline; } section.code td.code { background: #FFFFFF; } section.code td.code div.highlight pre { background: transparent; border: none; font: normal 12px/16px Consolas, Menlo, "Courier New", monospace; margin: 0; min-height: 220px; min-width: 589px; overflow-x: auto; padding: 4px 0 4px 0; white-space: pre; word-wrap: normal; -webkit-background-clip: padding-box; -webkit-border-radius: 0; -moz-background-clip: padding-box; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; } section.code td.code div.highlight pre::-webkit-scrollbar { background: #F7F7F7; height: 16px; width: 16px; -webkit-appearance: none; } section.code td.code div.highlight pre::-webkit-scrollbar-thumb { border: 4px solid #F7F7F7; border-radius: 16px; background-color: #C7C7C7; } section.code td.code div.highlight pre > span { display: block; padding: 0 4px; } section.code a.expand, section.code a.view-full { background: #FFF url("../img/expand.png") 15px 18px no-repeat; border-top: 1px solid #F1F1EE; bottom: 0; color: #999999; display: block; font: bold 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding: 15px 40px 15px 40px; position: absolute; text-decoration: none; text-transform: uppercase; width: 100%; -webkit-box-shadow: 0 -25px 25px #FFF; -moz-box-shadow: 0 -25px 25px #FFF; box-shadow: 0 -25px 25px #FFF; } section.code a.expand span.collapse, section.code a.view-full span.collapse { display: none; } section.code a.expand span.lines, section.code a.view-full span.lines { font: normal 10px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin-left: 5px; vertical-align: 1px; } section.code a.expand:hover, section.code a.view-full:hover { color: #3BAAF3; font-weight: bold; } section.code a.expand:focus, section.code a.view-full:focus { outline: none; } section.code a.view-full { background: #FFF url("../img/view-full.png") 15px 17px no-repeat; } section.code textarea.raw, section.code textarea.description { display: none; } section.code div.markdown { margin: 0 15px; min-height: 173px; padding: 13px 0 4px 0; } section.code div.markdown pre { min-height: 0; margin: 20px 0 !important; } section.code div.markdown iframe.twitter-tweet { margin: 20px 0 !important; width: 100%; } footer.snipt-attrs { clear: both; padding-bottom: 20px; } footer.snipt-attrs ul.attrs { margin: 14px 0 0 15px; } footer.snipt-attrs ul.attrs li { background: transparent url("../img/calendar-icon.png") top left no-repeat; color: #999; display: inline; font: normal 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin-right: 15px; padding: 1px 0 0 24px; } footer.snipt-attrs ul.attrs li a { color: #999; font: normal 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; text-decoration: none; } footer.snipt-attrs ul.attrs li a:hover { text-decoration: underline; } footer.snipt-attrs ul.attrs li.author { background-image: none; padding-left: 0; } footer.snipt-attrs ul.attrs li.author span.avatar { background-color: transparent; background-position: top left; background-repeat: no-repeat; display: inline-block; height: 15px; margin-right: 7px; vertical-align: -3px; width: 15px; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -moz-background-clip: padding-box; -moz-border-radius: 3px; border-radius: 3px; background-clip: padding-box; } footer.snipt-attrs ul.attrs li.author span.pro a { color: #3299B7; font: italic bold 10px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin-left: 5px; text-transform: uppercase; } footer.snipt-attrs ul.attrs li.author span.pro a:hover { text-decoration: underline; } footer.snipt-attrs ul.attrs li.author span.gittip a { background: #DFF0D8; border: 1px solid #CBDDBB; color: #468847; font: bold 10px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin-left: 5px; padding: 0 3px; text-transform: uppercase; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -moz-background-clip: padding-box; -moz-border-radius: 3px; border-radius: 3px; background-clip: padding-box; } footer.snipt-attrs ul.attrs li.author span.gittip a span { font-family: Consolas, Menlo, "Courier New", monospace; } footer.snipt-attrs ul.attrs li.author span.gittip a:hover { background: #E6F7DF; text-decoration: none; } footer.snipt-attrs ul.attrs li.comments { background: transparent url("../img/comments-icon.png") 0 2px no-repeat; } footer.snipt-attrs ul.attrs li.raw { background-image: none; float: right; margin-right: 15%; padding-left: 0; } footer.snipt-attrs ul.attrs li.report-spam { background-image: none; float: right; } footer.snipt-attrs ul.attrs li.report-spam a { color: #eaa4a6; } footer.snipt-attrs ul.attrs li.tweet { background: none; margin: -1px 0 0 0; padding: 0; vertical-align: -6px; } footer.snipt-attrs ul.attrs li.tweet a { color: transparent; } article.snipt { margin: 30px 0; position: relative; } article.snipt div.number { color: #CCC; font: normal 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; left: -115px; position: absolute; text-align: right; top: 4px; width: 100px; } article.snipt div.container { background: #FFF; border: 1px solid #DDD; border-left: 0; float: left; position: relative; width: 85%; } article.snipt div.container div.ruler { background: #DDD; height: 1px; left: -3000px; position: absolute; top: auto; width: 3000px; } article.snipt div.container div.top-x { top: -1px; } article.snipt div.container div.bottom-x { bottom: -1px; } article.snipt div.container div.ad-x { bottom: 24px; } article.snipt div.container header { border-bottom: 1px solid #F1F1EE; min-height: 58px; -webkit-box-shadow: inset 0 -1px 0 #FFF; -moz-box-shadow: inset 0 -1px 0 #FFF; box-shadow: inset 0 -1px 0 #FFF; background: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFFAF2)); background: -moz-linear-gradient(center top, #FFF 0%, #FFFAF2 100%); background: -moz-gradient(center top, #FFF 0%, #FFFAF2 100%); background: linear-gradient(to bottom, #FFF 0%, #FFFAF2 100%); } article.snipt div.container header h1 { clear: left; font: bold 16px/20px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 8px 15px 10px 15px; } article.snipt div.container header h1 a { color: #666; display: block; overflow: hidden; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; -webkit-transition: color 0.03s linear; -moz-transition: color 0.03s linear; -o-transition: color 0.03s linear; transition: color 0.03s linear; } article.snipt div.container header h1 a:hover { color: #3BAAF3; } article.snipt div.container header h2 { border: 1px solid #E9E9E9; border-top: 0; color: #73BBC5; display: inline-block; font: normal 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0 0 0 15px; padding: 3px 8px 2px 8px; } article.snipt div.container section.emacs a.expand, article.snipt div.container section.default a.expand { -webkit-box-shadow: 0 -25px 25px #F8F8F8; -moz-box-shadow: 0 -25px 25px #F8F8F8; box-shadow: 0 -25px 25px #F8F8F8; } article.snipt div.container section.friendly a.expand { -webkit-box-shadow: 0 -25px 25px #F0F0F0; -moz-box-shadow: 0 -25px 25px #F0F0F0; box-shadow: 0 -25px 25px #F0F0F0; } article.snipt div.container section.fruity a.expand { -webkit-box-shadow: 0 -25px 25px #111111; -moz-box-shadow: 0 -25px 25px #111111; box-shadow: 0 -25px 25px #111111; } article.snipt div.container section.manni a.expand { -webkit-box-shadow: 0 -25px 25px #F0F3F3; -moz-box-shadow: 0 -25px 25px #F0F3F3; box-shadow: 0 -25px 25px #F0F3F3; } article.snipt div.container section.monokai a.expand { -webkit-box-shadow: 0 -25px 25px #272822; -moz-box-shadow: 0 -25px 25px #272822; box-shadow: 0 -25px 25px #272822; } article.snipt div.container section.native a.expand { -webkit-box-shadow: 0 -25px 25px #202020; -moz-box-shadow: 0 -25px 25px #202020; box-shadow: 0 -25px 25px #202020; } article.snipt div.container section.perldoc a.expand { -webkit-box-shadow: 0 -25px 25px #EEEEDD; -moz-box-shadow: 0 -25px 25px #EEEEDD; box-shadow: 0 -25px 25px #EEEEDD; } article.snipt div.container section.tango a.expand { -webkit-box-shadow: 0 -25px 25px #F8F8F8; -moz-box-shadow: 0 -25px 25px #F8F8F8; box-shadow: 0 -25px 25px #F8F8F8; } article.snipt div.container:after { background: transparent url("../img/snipt-drop-shadow.png") top left no-repeat; bottom: -15px; content: ""; display: block; height: 15px; position: absolute; right: 0px; width: 318px; z-index: 51; } article.snipt div.container div.markdown { line-height: 20px; } article.snipt div.container div.markdown h1, article.snipt div.container div.markdown h2, article.snipt div.container div.markdown h3, article.snipt div.container div.markdown h4, article.snipt div.container div.markdown h5, article.snipt div.container div.markdown h6 { line-height: 29px; margin-bottom: 9px; margin-top: 0; } article.snipt div.container div.markdown h1 { font-size: 20px; } article.snipt div.container div.markdown h2 { font-size: 19px; } article.snipt div.container div.markdown h3 { font-size: 18px; } article.snipt div.container div.markdown h4 { font-size: 17px; } article.snipt div.container div.markdown h5 { font-size: 16px; } article.snipt div.container div.markdown h6 { font-size: 15px; } article.snipt div.container div.markdown li { line-height: 20px; margin: 9px 0; } article.snipt div.container div.markdown iframe { max-width: 100%; } article.snipt div.container.with-description td.linenos { padding-bottom: 20px; } article.snipt aside { float: left; margin: 23px 0 0 0; width: 14%; } article.snipt aside ul.options { margin: 0; } article.snipt aside ul.options li { list-style-type: none; margin: 2px 0; } article.snipt aside ul.options li a { background: rgba(128, 128, 128, 0.15) url("../img/edit-icon.png") 14px center no-repeat; color: #000; display: block; font: bold 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; opacity: 0.5; padding: 7px 10px 7px 35px; position: relative; text-decoration: none; } article.snipt aside ul.options li a:hover, article.snipt aside ul.options li a.hover { background-color: rgba(128, 128, 128, 0.18); opacity: 1; text-decoration: none; } article.snipt aside ul.options li a.edit:after { background: #F5F2F3; content: ""; height: 20px; position: absolute; right: 5px; top: -3px; width: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } article.snipt aside ul.options li a.copy { background-image: url("../img/copy-icon.png"); } article.snipt aside ul.options li a.download { background-image: url("../img/download-icon.png"); } article.snipt aside ul.options li a.history { background-image: url("../img/copy-icon.png"); } article.snipt aside ul.options li a.secure-view-log { background-image: url("../img/copy-icon.png"); } article.snipt aside ul.options li a.embed { background-image: url("../img/embed-icon.png"); } article.snipt aside ul.options li a.favorite { background-image: url("../img/favorite-icon.png"); } article.snipt aside section.meta { padding-top: 10px; } article.snipt aside section.meta h2 { background: transparent url("../img/snipt-tags-icon.png") 15px center no-repeat; color: #999999; font: bold 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding: 7px 0 7px 35px; } article.snipt aside section.meta ul { margin: 0; } article.snipt aside section.meta ul li { color: #999; font: normal 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; list-style-type: none; margin: 5px 10px 5px 35px; } article.snipt aside section.meta ul li a { border-bottom: 1px solid #999; color: #999; display: inline-block; font: normal 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; max-width: 72px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; } article.snipt aside section.meta ul li a:hover { border-color: #000; color: #000; } article.snipt aside section.meta ul.expanded li { display: block; } article.snipt section.description { padding: 10px 20px 20px 20px; position: relative; z-index: 50; -webkit-box-shadow: 0 -10px 15px white; -moz-box-shadow: 0 -10px 15px white; box-shadow: 0 -10px 15px white; } article.snipt section.description h1 { border-bottom: 1px dotted #E9E9E9; color: #797979; font: bold 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0; margin-bottom: 15px; padding-bottom: 10px; text-transform: uppercase; } article.snipt div.expanded section.code { height: auto; } article.snipt div.expanded section.code div.highlight pre { margin-bottom: 46px !important; } article.snipt div.expanded section.code div.markdown { margin-bottom: 47px; } article.snipt div.expanded section.code div.markdown pre { margin-bottom: 20px !important; } article.snipt div.expanded section.code a.expand { background-image: url("../img/collapse.png"); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } article.snipt div.expanded section.code a.expand span.expand { display: none; } article.snipt div.expanded section.code a.expand span.collapse { display: inline; } article.snipt div.expanded section.code a.expand span.lines { display: none; } article.snipt div.modal textarea { font: normal 12px/16px Consolas, Menlo, "Courier New", monospace; height: 200px; margin: 0; width: 515px; } article.snipt.selected div.container { -webkit-box-shadow: 0 0 20px #85D2DD; -moz-box-shadow: 0 0 20px #85D2DD; box-shadow: 0 0 20px #85D2DD; } article.snipt.selected div.container:after { display: none; } article.snipt.favorited div.container header { background: #FFF; background: url("../img/favorited-icon.png") top right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFFAF2)); background: url("../img/favorited-icon.png") top right no-repeat, -moz-linear-gradient(center top, #FFF 0%, #FFFAF2 100%); background: url("../img/favorited-icon.png") top right no-repeat, -moz-gradient(center top, #FFF 0%, #FFFAF2 100%); background: url("../img/favorited-icon.png") top right no-repeat, linear-gradient(to bottom, #FFF 0%, #FFFAF2 100%); } article.snipt.favorited div.container header h1 a { padding-right: 25px; } article.snipt.favorited.compact div.container header { background: #FFF; background: url("../img/favorited-icon.png") right -12px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFFAF2)); background: url("../img/favorited-icon.png") right -12px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #FFFAF2 100%); background: url("../img/favorited-icon.png") right -12px no-repeat, -moz-gradient(center top, #FFF 0%, #FFFAF2 100%); background: url("../img/favorited-icon.png") right -12px no-repeat, linear-gradient(to bottom, #FFF 0%, #FFFAF2 100%); background-size: 25px 37px; } article.snipt.blog-post div.container header { background: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F0F4FC)); background: -moz-linear-gradient(center top, #FFF 0%, #F0F4FC 100%); background: -moz-gradient(center top, #FFF 0%, #F0F4FC 100%); background: linear-gradient(to bottom, #FFF 0%, #F0F4FC 100%); -webkit-box-shadow: inset 0 -1px 0 #E3E9F5; -moz-box-shadow: inset 0 -1px 0 #E3E9F5; box-shadow: inset 0 -1px 0 #E3E9F5; } article.snipt.blog-post.compact div.container header { -webkit-box-shadow: inset 0 -1px 0 #F1F5FC; -moz-box-shadow: inset 0 -1px 0 #F1F5FC; box-shadow: inset 0 -1px 0 #F1F5FC; } article.snipt.blog-post.favorited div.container header { background: #FFF; background: url("../img/favorited-icon.png") top right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F0F4FC)); background: url("../img/favorited-icon.png") top right no-repeat, -moz-linear-gradient(center top, #FFF 0%, #F0F4FC 100%); background: url("../img/favorited-icon.png") top right no-repeat, -moz-gradient(center top, #FFF 0%, #F0F4FC 100%); background: url("../img/favorited-icon.png") top right no-repeat, linear-gradient(to bottom, #FFF 0%, #F0F4FC 100%); } article.snipt.blog-post.favorited div.container header h1 a { padding-right: 25px; } article.snipt.blog-post.favorited.compact div.container header { background: #FFF; background: url("../img/favorited-icon.png") right -12px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F0F4FC)); background: url("../img/favorited-icon.png") right -12px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #F0F4FC 100%); background: url("../img/favorited-icon.png") right -12px no-repeat, -moz-gradient(center top, #FFF 0%, #F0F4FC 100%); background: url("../img/favorited-icon.png") right -12px no-repeat, linear-gradient(to bottom, #FFF 0%, #F0F4FC 100%); -webkit-box-shadow: inset 0 -1px 0 #F1F5FC; -moz-box-shadow: inset 0 -1px 0 #F1F5FC; box-shadow: inset 0 -1px 0 #F1F5FC; background-size: 25px 37px; } article.snipt.snipt-expand div.container section.code { height: auto; } article.snipt.compact { margin: 0; } article.snipt.compact div.container { border-bottom: 0; width: 100%; } article.snipt.compact div.container div.bottom-x { display: none; } article.snipt.compact div.container header { border-color: #FFFBF3; min-height: 0; } article.snipt.compact div.container header h1 { margin: 8px 15px 8px 15px; } article.snipt.compact div.container:after { display: none; -webkit-box-shadow: 0 0 20px #85D2DD; -moz-box-shadow: 0 0 20px #85D2DD; box-shadow: 0 0 20px #85D2DD; } article.snipt.compact div.container:after:after { display: none; } article.snipt.compact.selected div.container { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } article.snipt.compact.selected div.container:after { display: none; } article.snipt.compact:first-of-type { margin-top: 30px; } article.snipt.compact:last-of-type { margin-bottom: 50px; } article.snipt.compact:last-of-type div.container { border-bottom: 1px solid #DDDDDD; } article.private-snipt div.container header { background: #FFF; background: url("../img/private-icon.png") top right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFFAF2)); background: url("../img/private-icon.png") top right no-repeat, -moz-linear-gradient(center top, #FFF 0%, #FFFAF2 100%); background: url("../img/private-icon.png") top right no-repeat, -moz-gradient(center top, #FFF 0%, #FFFAF2 100%); background: url("../img/private-icon.png") top right no-repeat, linear-gradient(to bottom, #FFF 0%, #FFFAF2 100%); } article.private-snipt div.container header h1 a { padding-right: 25px; } article.private-snipt.blog-post div.container header { background: #FFF; background: url("../img/private-icon.png") top right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F0F4FC)); background: url("../img/private-icon.png") top right no-repeat, -moz-linear-gradient(center top, #FFF 0%, #F0F4FC 100%); background: url("../img/private-icon.png") top right no-repeat, -moz-gradient(center top, #FFF 0%, #F0F4FC 100%); background: url("../img/private-icon.png") top right no-repeat, linear-gradient(to bottom, #FFF 0%, #F0F4FC 100%); } article.private-snipt.blog-post div.container header h1 a { padding-right: 25px; } article.private-snipt.compact div.container header { background: #FFF; background: url("../img/private-icon.png") right -7px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFFAF2)); background: url("../img/private-icon.png") right -7px no-repeat, -moz-linear-gradient(center top, #FFF 0%, #FFFAF2 100%); background: url("../img/private-icon.png") right -7px no-repeat, -moz-gradient(center top, #FFF 0%, #FFFAF2 100%); background: url("../img/private-icon.png") right -7px no-repeat, linear-gradient(to bottom, #FFF 0%, #FFFAF2 100%); background-size: 24px 29px; } article.secure-snipt div.container header h1:after { color: #468847; content: "secure"; display: block; font-size: 12px; text-transform: uppercase; position: absolute; right: 48px; top: 21px; } div.pagination { margin: 0 15px 35px 15px; text-align: center; } div.pagination ul { background: #FFF; } div.pagination ul li a { color: #3BAAF3; } div.modal .modal-header .close { line-height: 20px; margin-top: 0; } div.modal .modal-header h3 { font-size: 20px; line-height: 0; } div.modal .modal-header h3 span { display: inline-block; line-height: 27px; max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.modal .modal-header h4 { color: #AAA; font-size: 16px; margin: 0; } div#disqus_thread { margin-bottom: 0; margin-left: 15px; width: 97%; } div#disqus_thread #dsq-content { margin-top: -44px; } div#disqus_thread #dsq-content #dsq-global-toolbar { margin-bottom: 18px; margin-top: 0; } div#disqus_thread #dsq-content #dsq-sort-by { display: none; } div#disqus_thread #dsq-content .dsq-comment-text { color: #666; } div#disqus_thread #dsq-content h3 { display: none; } div#disqus_thread #dsq-content .dsq-textarea-wrapper { overflow: hidden; } div#disqus_thread #dsq-footer { display: none; } div#keyboard-shortcuts table { margin-bottom: 0; } div.profile { background: rgba(128, 128, 128, 0.08); margin: 0 0 30px 15px; -webkit-background-clip: padding-box; -webkit-border-radius: 8px; -moz-background-clip: padding-box; -moz-border-radius: 8px; border-radius: 8px; background-clip: padding-box; } div.profile img { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } div.profile div.meta { font: bold 14px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding: 10px; } div.profile div.meta div.username { max-width: 95px; overflow: hidden; text-overflow: ellipsis; } div.profile div.meta div.member-since { color: #909090; font: bold 10px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin-top: 6px; text-transform: uppercase; } div.profile div.urls { border-top: 1px solid #D8D8D8; color: #909090; line-height: 15px; font-size: 11px; margin-top: 10px; padding: 9px 0 5px 0; } div.profile div.urls a { display: block; } div.profile a.pro { background: #DFDFDF; color: #3299B7; display: block; font: bold italic 11px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0 10px 10px 10px; padding: 5px 0; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -moz-background-clip: padding-box; -moz-border-radius: 3px; border-radius: 3px; background-clip: padding-box; -webkit-box-shadow: 0 0 3px #FFF; -moz-box-shadow: 0 0 3px #FFF; box-shadow: 0 0 3px #FFF; } div.profile a.pro:hover { background: #D8D8D8; } div.profile a.gittip { background: #DFF0D8; clear: left; color: #468847; display: block; font: bold 11px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0 10px 10px 10px; padding: 4px 0; text-align: center; text-transform: uppercase; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -moz-background-clip: padding-box; -moz-border-radius: 3px; border-radius: 3px; background-clip: padding-box; -webkit-box-shadow: 0 0 3px #B4C4A6; -moz-box-shadow: 0 0 3px #B4C4A6; box-shadow: 0 0 3px #B4C4A6; } div.profile a.gittip:hover { background: #E6F7DF; text-decoration: none; } div.profile.team-settings { margin-top: -20px; } div.profile.team-settings span.title { color: #949494; display: block; font-size: 11px; margin-bottom: 10px; text-transform: uppercase; } div.profile.team-settings a { background: #dbdbdb; box-sizing: border-box; display: block; margin-bottom: 5px; padding: 5px 8px; text-decoration: none; width: 100%; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -moz-background-clip: padding-box; -moz-border-radius: 3px; border-radius: 3px; background-clip: padding-box; } div.profile.team-settings a:hover { background: #c8c8c8; } div.profile.team-settings a:last-child { margin-bottom: 0; } div.empty-snipts { background: rgba(128, 128, 128, 0.08); font: bold 18px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 30px 30px 0 30px; padding: 10px; text-align: center; text-shadow: 0 1px 1px #FFF; -webkit-background-clip: padding-box; -webkit-border-radius: 8px; -moz-background-clip: padding-box; -moz-border-radius: 8px; border-radius: 8px; background-clip: padding-box; } div.site-notice { border-left: 0; margin: 30px 30px 30px 0; padding-right: 14px; text-align: center; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; } div.site-notice a { color: #3A87AD; font-weight: bold; text-decoration: underline; } a.go-pro { background: transparent url("../img/showroom-ad.jpg") top left no-repeat; border: 1px solid #DDDDDD; border-left: 0; border-right: 0; color: #797979; display: block; height: 75px; margin: 30px 0; width: 749px; } div.get-support { bottom: 20px; right: 20px; position: fixed; } div.dmca { background: #e8e8e8; border-top: 1px solid #DDDDDD; font-size: 18px; line-height: 26px; margin-top: 50px; padding: 40px; position: relative; text-align: center; z-index: 999; } body.account section.profile aside { float: left; padding-top: 35px; width: 16%; } body.account section.profile aside ul li a { color: #43A8C6; } body.account section.profile aside ul li.active a { background: #DDDDDD; color: #797979; text-shadow: 0 1px 0 white; } body.account section.profile section.content { background: white; border-bottom: 1px solid #DDDDDD; border-left: 4px solid #DDDDDD; box-sizing: border-box; float: right; min-height: 272px; width: 84%; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 10px; } body.account section.profile section.content div.def { background: #FAFAFA; border: 1px solid #DDDDDD; margin: 15px; padding: 30px 10px 10px; position: relative; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } body.account section.profile section.content div.def:before { background: #F5F5F5; border: 1px solid #DDDDDD; color: #43A8C6; content: attr(data-title); left: -1px; font: normal 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding: 3px 7px; position: absolute; top: -1px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0; border-top-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; } body.account section.profile section.content p.alert { line-height: 20px; margin: 15px; } body.account section.profile section.content form span.help-block { color: #999; font: normal 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; } body.account section.profile section.content form div.control-group:last-of-type { margin-bottom: 0; } body.account section.profile section.content form div.control-group:last-of-type input, body.account section.profile section.content form div.control-group:last-of-type select { margin-bottom: 0; } body.account section.profile section.content form div.control-group:last-of-type span.help-block { margin-bottom: 0; margin-top: 10px; } body.account section.profile section.content form div.form-actions { margin-top: 15px; padding-bottom: 0; background: #F5F5F5; background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(white)); background: -moz-linear-gradient(center top, #F5F5F5 0%, white 100%); background: -moz-gradient(center top, #F5F5F5 0%, white 100%); background: linear-gradient(to bottom, #F5F5F5 0%, white 100%); } body.blog article.snipt section.code { height: auto; } body.detail section.main div.inner section.snipts article.snipt div.container header h1 a { white-space: normal; } body.detail section.main div.inner section.snipts article.snipt div.container section.code { height: auto; } body.detail section.main div.inner section.snipts article.snipt div.container.full-screened:after { display: none; } body.error section.main div.inner { color: #CCC; font: bold 50px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding: 63px 0; text-align: center; text-transform: uppercase; } body.error div.rochester-made { margin-top: 54px; } body.is-pro section.main div.inner section.snipts article.snipt { margin-bottom: 0; margin-top: 30px; } body.is-pro section.main div.inner section.snipts article.snipt.compact { margin: 0; } body.is-pro section.main div.inner section.snipts article.snipt:first-of-type { margin-top: 30px; } body.is-pro section.main div.inner section.snipts article.snipt:last-of-type { margin-bottom: 50px; } body.is-pro div.get-support { display: none; } body.pro div.pro-hero { background: transparent url("../img/pro-hero-bg.png") top left repeat; border-bottom: 1px solid #DDDDDD; color: #797979; font: normal 36px "Rockwell Bold Italic", "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; padding: 30px 0; position: relative; text-align: center; text-shadow: 0 1px 0 white; z-index: 50; } body.pro div.pro-hero span { color: #3299B7; } body.pro div.pro-hero span.pro { font: bold italic 33px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; } body.pro div.static-box { border-top: 0; margin-top: 0; padding-bottom: 0; padding-top: 20px; position: relative; z-index: 49; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } body.pro div.static-box p:first-of-type { margin-top: 10px; } body.pro h2 span.pro { color: #3299B7; font-style: italic; font-weight: bold; } body.pro h3, body.pro h4 { text-align: center; } body.pro h3 { font-size: 23px; } body.pro h3 span { color: #999999; } body.pro h3 span.pro { color: #3299B7; font-style: italic; font-weight: bold; } body.pro h4 { margin-bottom: 35px; } body.pro a.stripe { background: #F2F2F4; border: 1px solid #DDDDDD; display: block; float: right; margin: 3px 0 0 0; padding: 5px 10px; opacity: 0.6; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } body.pro a.stripe img { width: 50px; } body.pro a.stripe:hover { opacity: 1; } body.pro form div.cards img { height: 18px; } body.pro form select.exp-month { margin-right: 5px; } body.pro form legend { font-size: 13px; } body.pro form div.security { background: #FCF8E3 url("../img/private-icon.png") 7px -15px no-repeat; border: 1px solid #FBEED5; color: #C09853; display: inline-block; font-size: 12px; margin-left: 10px; margin-top: -1px; padding: 6px 10px 6px 33px; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } body.pro form div.security a { color: #C09853; font-weight: bold; text-decoration: underline; } body.pro form div.security a:hover { color: #816638; } body.pro form fieldset { position: relative; } body.pro form div.payment-errors { display: none; } body.pro form div.payment-loading { background: rgba(242, 242, 242, 0.6); display: none; height: 345px; left: 0; position: absolute; top: 156px; width: 100%; } body.pro form div.payment-loading span { background: #FFF; border: 3px solid #3299B7; color: #666; display: block; font-weight: bold; margin: 122px auto 0 auto; padding: 10px; text-align: center; width: 120px; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } body.pro form div.payment-loading.-teams { height: 581px; top: 449px; } body.pro form div.stripe { color: #C2C2C2; font: bold 11px/15px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 10px 65px 0 92px; text-align: center; } body.pro form div.stripe a { color: #a2a2a2; } body.pro form div.stripe a:hover { text-decoration: underline; } body.pro form.form-horizontal fieldset { padding-top: 18px; } body.pro form.form-horizontal div.form-actions { margin-top: 18px; } body.pro div.login-first { background: #FFF; border: 3px solid #3299B7; color: #666; display: block; font-size: 18px; font-weight: bold; margin: 0 auto 10px auto; padding: 20px; text-align: center; width: 400px; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } body.search div.empty-snipts { margin-top: 20px; } body.search div.static-box { border-left: 0; margin-left: 0; margin-right: 30px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0px; } body.search div.static-box form { margin-bottom: 0; } body.search div.static-box form input.search-query { width: 73%; } body.search div.static-box form label.mine-only { margin: -7px 10px 0 10px; } body.search div.static-box form label.mine-only input { margin-right: 7px; } body.search div.static-box form button { padding: 4px 16px 4px; } body.snipt-page section.main div.inner section.snipts article.snipt div.container header h1 a { white-space: normal; } body.snipt-page section.main div.inner section.snipts article.snipt div.container section.code { height: auto; } body.snipt-page section.main aside.api-info { float: right; width: 190px; } body.snipt-page section.main aside.api-info div.api-inner { background: rgba(153, 208, 218, 0.3); font: normal 11px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0 0 30px 15px; padding: 10px; -webkit-background-clip: padding-box; -webkit-border-radius: 8px; -moz-background-clip: padding-box; -moz-border-radius: 8px; border-radius: 8px; background-clip: padding-box; } body.snipt-page section.main aside.api-info div.api-inner h5 { margin-bottom: 5px; margin-top: 0; } body.snipt-page section.main aside.api-info div.api-inner ul { margin: 0; } body.snipt-page section.main aside.api-info div.api-inner ul li { margin: 2px 0; list-style-type: none; } body.snipt-page section.main aside.api-info div.api-inner ul li input { margin-bottom: 0; margin-top: 5px; width: 145px; } body.snipt-page section.main aside.api-info.api-creds div.api-inner { margin-bottom: 0; } body.snipt-page section.main aside.api-info.immediate-help { margin-top: 20px; } body.snipt-page section.main aside.api-info.immediate-help p { margin: 0; } body.snipt-page section.main aside.main nav.footer { float: left; } body.snipt-page div#disqus_thread { width: 97%; } body.signup form.form-horizontal { padding: 0; padding-bottom: 20px; } body.signup form.form-horizontal fieldset { padding-top: 0 !important; } body.static .static-box { background: rgba(255, 255, 255, 0.65); border: 1px solid #DDDDDD; margin: 30px; padding: 20px; -webkit-background-clip: padding-box; -webkit-border-radius: 4px; -moz-background-clip: padding-box; -moz-border-radius: 4px; border-radius: 4px; background-clip: padding-box; } body.static .static-box div.form-actions { margin-bottom: 0; padding-bottom: 0; background: #F5F5F5; background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#FBFBFB)); background: -moz-linear-gradient(center top, #F5F5F5 0%, #FBFBFB 100%); background: -moz-gradient(center top, #F5F5F5 0%, #FBFBFB 100%); background: linear-gradient(to bottom, #F5F5F5 0%, #FBFBFB 100%); } body.static .static-box div.form-actions a.pull-right { margin-left: 5px; } body.static .static-box div.alert ul { margin: 0; } body.static .static-box div.alert ul li { list-style-type: none; } body.static .static-box div.alert-info a { color: #3A87AD; text-decoration: underline; } body.static .static-box ul { margin-bottom: 15px; margin-top: 15px; } body.static .static-box ul li { font-size: 13px; line-height: 18px; margin: 5px 0; } body.static .static-box h2 { font-size: 24px; line-height: 36px; margin: 0; } body.static .static-box h3 { margin-bottom: 20px; } body.static .static-box p { line-height: 20px; margin: 15px 0; } body.static .static-box span.pro { color: #3299B7; font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; font-style: italic; font-weight: bold; } body.static aside.main { padding-top: 30px; } body.static aside.main nav.footer { margin-top: 10px; } body.static div.alert-alone { margin: 0; } body.static form.form-horizontal legend + .control-group { margin-top: 0; } body.static form.form-horizontal div.form-actions { margin-top: 27px; padding-left: 0; text-align: center; } body.static form.form-horizontal fieldset { padding-top: 27px; } body.static form.form-horizontal fieldset legend { margin: 0; } body.static div#disqus_thread { margin-left: 20px; width: 96%; } body.static div#disqus_thread div#dsq-content { margin-top: 23px; } div.info { background: #415A63 url("../img/homepage-header-bg.jpg") top center no-repeat; color: white; font: bold 24px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin-bottom: 30px; padding: 60px 0; text-align: center; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } div.info span { color: #28C548; } div.info h4 { margin-bottom: 0; margin-top: 40px; } div.info p.sub { color: #F2F2F2; font: normal 18px/24px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin-bottom: 0; margin-top: 40px; padding: 0 60px; text-shadow: 0 1px 0 #153A42; } div.info p.sub a { color: white; text-decoration: underline; } body.pro-signup div.info { padding: 49px 0; } body.pro-signup form ul.features { margin: 20px auto 0 auto; padding: 0; width: 328px; } body.pro-signup form ul.features li { font-size: 16px; font-weight: normal; line-height: 22px; margin: 10px 20px; text-align: left; } body.pro-signup-complete div.info { margin-bottom: 0; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -moz-background-clip: padding-box; -moz-border-radius: 3px; border-radius: 3px; background-clip: padding-box; } body.pro-signup-complete div.info p.sub { margin-top: 20px; padding: 0 90px; } body.pro-signup-complete form.form-horizontal { padding-bottom: 0; } body.stats table { margin-bottom: 0; } body.tags div.alert { margin: 30px 30px 10px 30px; } body.tags div.static-box { margin-top: 10px; } body.tags div.static-box ul { margin-top: 0; } body.tags div.pagination { margin-bottom: 8px; margin-top: 20px; } body.tags aside.main { padding-top: 30px; } body.editing section.main div.inner { width: 100%; } body.editing div.right-y { display: none; } body.editing header.main, body.editing header.sub { display: none; } body.editing header.fixed-save { background: #FFF url("../img/header-fixed-save.gif") top left repeat; border-bottom: 1px solid #DDDDDD; height: 40px; left: 0; position: fixed; top: 0; width: 100%; z-index: 50; } body.editing header.fixed-save div.inner { float: none; margin: 0 auto; padding-top: 6px; width: 95%; } body.editing header.fixed-save div.inner .cancel, body.editing header.fixed-save div.inner .save, body.editing header.fixed-save div.inner .save-and-close { float: right; margin-left: 10px; } body.editing section.main div.inner section.snipts article.snipt { margin-bottom: 0; margin-top: 15px; } body.editing section.main div.inner section.snipts article.snipt div.container { box-sizing: border-box; width: 78%; } body.editing section.main div.inner section.snipts article.snipt div.container header h1 a { white-space: normal; } body.editing section.main div.inner section.snipts article.snipt div.container section.code { height: auto; } body.editing section.main div.inner section.snipts article.snipt div.container section.code td.code div.highlight pre { width: 810px; } body.editing section.main div.inner section.snipts article.snipt div.container.full-screened:after { display: none; } body.editing section.main div.inner section.snipts article.snipt aside { margin-right: 0; } body.editing section.main div.inner section.snipts article.snipt footer ul.attrs li.raw { margin-right: 100px; } body.editing section.main div.inner section.snipts article.editing { margin-top: 50px; } body.editing section.main div.inner section.snipts article.editing:first-of-type { margin-top: 50px; } body.editing section.main div.inner section.snipts article.editing div.container { width: 78%; } body.editing section.main div.inner section.snipts article.editing div.container section.code { padding: 0; } body.editing section.main div.inner section.snipts article.editing div.container section.code .CodeMirror { cursor: text; font: normal 12px/16px Consolas, Menlo, "Courier New", monospace; } body.editing section.main div.inner section.snipts article.editing div.container section.code .CodeMirror-fullscreen { display: block; left: 0; height: 100%; position: fixed; top: 0; width: 100%; z-index: 9999; } body.editing section.main div.inner section.snipts article.editing div.container section.code textarea.editor { border: 0; margin: 0; width: 684px; } body.editing section.main div.inner section.snipts article.editing div.container header h1 { margin: 4px 0 5px 8px; } body.editing section.main div.inner section.snipts article.editing div.container header h1 input { color: #666; font: bold 16px/20px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0; width: 97%; } body.editing section.main div.inner section.snipts article.editing div.container header h2 { border: none; } body.editing section.main div.inner section.snipts article.editing aside { margin-top: 0; width: 22%; } body.editing section.main div.inner section.snipts article.editing aside div.type-lexer { padding-right: 10px; } body.editing section.main div.inner section.snipts article.editing aside div.chosen-container { width: 100% !important; } body.editing section.main div.inner section.snipts article.editing aside label { margin: 20px 0; } body.editing section.main div.inner section.snipts article.editing aside label > span { color: #32A8F6; display: block; font: bold 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin-bottom: 5px; text-transform: uppercase; } body.editing section.main div.inner section.snipts article.editing aside div.in { padding-left: 10px; } body.editing section.main div.inner section.snipts article.editing aside div.in > label { margin-top: 6px; } body.editing section.main div.inner section.snipts article.editing aside div.in textarea { box-sizing: border-box; height: 100px; font: normal 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding: 7px 9px; width: 96%; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure { background: #EFEEEF; border: 1px solid #DDDDDD; cursor: pointer; margin-right: 11px; padding: 3px 5px; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public input, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post input, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure input { display: inline-block; margin: 4px 4px 0 4px; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public input:focus, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post input:focus, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure input:focus { outline: none; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public span, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post span, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure span { color: #7B7B79; display: inline-block; text-transform: none; vertical-align: -3px; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public div.info, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post div.info, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure div.info { background: transparent; color: #7B7B79; font-size: 12px; font-style: italic; margin: 0; padding: 10px; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public.is-private, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post.is-private, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure.is-private { background: #EFEEEF; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public.is-private div.info.private, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post.is-private div.info.private, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure.is-private div.info.private { display: block; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public.is-private div.info.public, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post.is-private div.info.public, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure.is-private div.info.public { display: none; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public.is-public, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post.is-public, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure.is-public { background: #F2DEDE; border: 1px solid #EED3D7; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public.is-public div.info.private, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post.is-public div.info.private, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure.is-public div.info.private { display: none; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public.is-public div.info.public, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post.is-public div.info.public, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure.is-public div.info.public { display: block; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public.is-public span, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post.is-public span, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure.is-public span { color: #B94A48; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public.is-blog-post, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post.is-blog-post, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure.is-blog-post { background: #DAE3EE; border: 1px solid #C8D1DE; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public.secure.is-secure, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post.secure.is-secure, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure.secure.is-secure { background: #DFF0D8; } body.editing section.main div.inner section.snipts article.editing aside div.in label.public.secure.disabled, body.editing section.main div.inner section.snipts article.editing aside div.in label.blog-post.secure.disabled, body.editing section.main div.inner section.snipts article.editing aside div.in label.secure.secure.disabled { opacity: 0.2; } body.editing section.main div.inner section.snipts article.editing aside div.editor-settings { padding: 0 10px; } body.editing section.main div.inner section.snipts article.editing aside div.editor-settings h2 { border-bottom: 1px solid #DDDDDD; color: #7D7D7B; font: bold 12px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin-bottom: 20px; padding-bottom: 5px; text-transform: uppercase; } body.editing section.main div.inner section.snipts article.editing aside div.editor-settings h2 a { float: right; font: bold 10px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin-top: 2px; } body.editing section.main div.inner section.snipts article.editing aside div.editor-settings h4 { background: #EFEEEF; border: 1px solid #DDDDDD; font: normal 11px/14px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0 0 20px 0; padding: 7px 6px; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } body.editing section.main div.inner section.snipts article.editing aside div.editor-settings label { margin: 20px 0 0 0; } body.editing section.main div.inner section.snipts article.editing aside div.editor-settings label:first-of-type { margin: 0; } body.editing div.rochester-made { width: 840px; } body.editing div.site-notice, body.editing a.go-pro { margin-right: 100px; } body.editing div.showroom-container { background: transparent url("http://showroom.is/static/img/background.jpg") top left repeat; border: 1px solid #DDDDDD; border-left: 0; margin: 30px 0; } body.editing div.showroom-container a.go-pro { border: 0; margin: 0 auto; } html.homepage { background: white; } body.homepage { background: white; /* Large desktop */ /* Portrait tablet to landscape and desktop */ /* Landscape phone to portrait tablet */ /* Landscape phones and down */ } body.homepage a.button { background: #54737E; border: 2px solid white; color: white; font: bold 16px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; display: inline-block; margin-top: 30px; margin-left: 20px; padding: 5px 20px 7px 20px; text-decoration: none; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } body.homepage a.button:hover { background: #39525C; } body.homepage header.main { background: #415A63 url("../img/homepage-header-bg.jpg") top center no-repeat; height: auto; -webkit-box-shadow: inset 0 -6px 17px #31454D; -moz-box-shadow: inset 0 -6px 17px #31454D; box-shadow: inset 0 -6px 17px #31454D; } body.homepage header.main div.container { border-left: 0; } body.homepage header.main div.container h1.main-logo { margin-left: 20px; } body.homepage header.main div.container h1.main-logo a { float: none; margin-left: 0; } body.homepage header.main div.container nav { padding: 16px 0 0 0; } body.homepage header.main div.container nav ul { margin: 0; text-align: right; } body.homepage header.main div.container nav ul li { display: inline-block; list-style-type: none; } body.homepage header.main div.container nav ul li a { color: #90A5AD; display: inline-block; font: bold 16px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; padding: 5px 20px 7px 20px; } body.homepage header.main div.container nav ul li a:hover { color: white; text-decoration: none; } body.homepage header.main div.container nav ul li a.button { color: white; } body.homepage header.main div.sub { padding: 58px 0; text-align: center; } body.homepage header.main div.sub h2 { color: white; font: normal 28px "Rockwell Bold Italic", "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; margin: 0; } body.homepage header.main div.sub h3 { color: #A4C9CD; font: normal 20px "Rockwell", "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; margin: 0; margin-top: 10px; } body.homepage section.coders { overflow: hidden; padding: 30px 0 70px 0; text-align: center; } body.homepage section.coders h4 { color: #344547; font: normal 20px "Rockwell", "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; margin: 0; margin: 50px 0; } body.homepage section.coders a.button { background: #D4F5F9; border-color: #88D2DC; color: #3B525A; margin-bottom: 30px; margin-left: 0; } body.homepage section.coders a.button:hover { background: #e9f7f9; } body.homepage section.coders div.faces { border-left: 0; border-right: 0; height: 50px; margin: 0 auto; width: 5000px; } body.homepage section.coders div.faces a { display: block; float: left; height: 50px; width: 50px; } body.homepage section.coders div.faces a img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ height: 50px; width: 50px; } body.homepage section.features header { border-bottom: 2px solid #EAEAEA; text-align: center; } body.homepage section.features header h1 { color: #3A5159; font: bold 26px "Rockwell", "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; } body.homepage section.features div.row div.inner { margin: 0 auto; width: 360px; } body.homepage section.features div.row h2 { color: #3A5159; font: bold 20px "Rockwell", "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; margin-bottom: 5px; margin-top: 35px; } body.homepage section.features div.row p { color: #656565; font: 500 16px/24px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; } body.homepage section.features div.row p code.good { color: #468847; } body.homepage section.features div.row.feature { height: 232px; margin: 10px 0 10px 43px; } body.homepage section.features div.row.blog { background: url("../img/homepage-feature-blog.png") 699px 34px no-repeat; height: 176px; } body.homepage section.features div.row.browse { background: url("../img/homepage-feature-browse.png") 720px top no-repeat; height: 140px; } body.homepage section.features div.row.share { background: url("../img/homepage-feature-share.png") left top no-repeat; height: 176px; } body.homepage section.features div.row.store { background: url("../img/homepage-feature-store.png") left top no-repeat; } body.homepage section.features div.row.store div.inner { margin-top: 65px; } @media (min-width: 1200px) { body.homepage section.features div.feature div.inner { margin: 0 auto; width: 560px; } body.homepage section.features div.feature.blog { background: url("../img/homepage-feature-blog.png") 914px 27px no-repeat; } body.homepage section.features div.feature.browse { background: url("../img/homepage-feature-browse.png") 914px top no-repeat; } body.homepage section.features div.feature.share { background: url("../img/homepage-feature-share.png") 37px top no-repeat; } body.homepage section.features div.feature.store { background: url("../img/homepage-feature-store.png") left top no-repeat; } } @media (min-width: 768px) and (max-width: 979px) { body.homepage section.features div.feature { background: none !important; height: auto !important; margin-left: 0 !important; } body.homepage section.features div.feature div.inner { margin: 0 auto; width: 80%; } body.homepage section.features div.feature.store div.inner { margin-top: 0 !important; } body.homepage section.features div.feature:last-of-type { margin-bottom: 35px; } } @media (max-width: 767px) { body.homepage { padding: 0; } body.homepage header.main div.container h1.main-logo { margin-left: 0; text-align: center; } body.homepage header.main div.container nav { clear: both; padding-top: 45px; } body.homepage header.main div.container nav ul { text-align: center; } body.homepage header.main div.container nav ul li:first-child a { padding-left: 0; } body.homepage header.main div.container div.sub { padding: 58px 20px; } body.homepage section.coders h4 { padding: 0 20px; } body.homepage section.features div.feature { background: none !important; height: auto !important; margin-left: 0 !important; } body.homepage section.features div.feature div.inner { margin: 0 auto; width: 80%; } body.homepage section.features div.feature.store div.inner { margin-top: 0 !important; } body.homepage section.features div.feature:last-of-type { margin-bottom: 35px; } } @media (max-width: 480px) { body.homepage section.features div.feature { margin-left: 0 !important; } } body.jobs section.jobs { margin: 30px; } body.jobs section.jobs h4 { border-bottom: 1px solid #C0C0C0; color: #999999; font-size: 14px; margin-top: 30px; padding-bottom: 5px; padding-left: 10px; } body.jobs section.jobs ul { margin: 0; } body.jobs section.jobs ul li { list-style-type: none; margin: 10px 0; } body.jobs section.jobs ul li a { background: #FBFBFB; border: 1px solid #DDDDDD; color: #333333; display: block; padding: 10px; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } body.jobs section.jobs ul li a:hover { background: rgba(251, 251, 251, 0.5); } body.jobs section.jobs ul li a span.left { float: left; } body.jobs section.jobs ul li a span.left span { display: block; } body.jobs section.jobs ul li a span.left span.job { color: #3096B4; font-size: 16px; font-weight: bold; margin-bottom: 4px; } body.jobs section.jobs ul li a span.right { float: right; } body.jobs section.jobs ul li a span.right span { display: block; text-align: right; } body.jobs section.jobs ul li a span.right span.location { color: #999999; font-size: 16px; font-weight: bold; margin-bottom: 4px; } body.jobs section.jobs ul li a img { float: left; height: 39px; margin-right: 10px; } body.jobs div.job-twitter { margin-bottom: 15px; margin-left: 15px; text-align: center; } body.jobs div.post-job { background: white; border: 1px solid #DDDDDD; margin-bottom: 30px; margin-left: 15px; padding: 15px; -webkit-background-clip: padding-box; -webkit-border-radius: 5px; -moz-background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; } body.jobs div.post-job p { font-size: 12px; margin-bottom: 0; margin-top: 15px; } body.jobs div.post-job a { width: 103px; } body.jobs div.static-box { border: 1px solid #DDDDDD; margin-left: 30px; -webkit-background-clip: padding-box; -webkit-border-radius: 50px; -moz-background-clip: padding-box; -moz-border-radius: 50px; border-radius: 50px; background-clip: padding-box; } body.jobs div.static-box form input.search-query { width: 618px; } body.jobs div.loading-jobs { color: #777777; font-size: 18px; font-weight: bold; text-align: center; } body.jobs div.pagination button.btn:active, body.jobs div.pagination button.btn:focus { outline: none !important; } div.exclusive-ad { color: #666666; height: 192px; margin: 0 0 30px 15px; padding: 10px; padding-top: 0; text-align: center; -webkit-background-clip: padding-box; -webkit-border-radius: 8px; -moz-background-clip: padding-box; -moz-border-radius: 8px; border-radius: 8px; background-clip: padding-box; background: #F2F2F2; background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(white)); background: -moz-linear-gradient(center top, #F2F2F2 0%, white 100%); background: -moz-gradient(center top, #F2F2F2 0%, white 100%); background: linear-gradient(to bottom, #F2F2F2 0%, white 100%); } div.exclusive-ad h3 { font: bold 12px/16px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin: 0; } div.exclusive-ad p { font: normal 12px/16px "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; margin-top: 5px; } div.exclusive-ad p a { font-weight: bold; } div.exclusive-ad a.logo { display: block; text-align: center; } div.exclusive-ad a.logo img { display: inline-block; margin: 10px 0; max-height: 100px; } a.snipt-promo { background: #5CB85C; border: 1px solid #4CAE4C; color: white; display: block; font: bold 20px Helvetica; margin-top: 30px; padding: 25px 15px 25px 28px; text-decoration: none; text-shadow: 0 1px 0 #448944; } a.snipt-promo span.pro { color: #468847; font-family: "Rockwell Bold Italic", "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif; font-size: 22px; text-shadow: 0 1px 0 white; } a.snipt-promo span.pro.-logo { color: white; font-weight: normal; text-transform: lowercase; text-shadow: 0 1px 0 #448944; } a.snipt-promo span.pro span { color: #99eefa; } a.snipt-promo button { margin-top: -10px; } a.snipt-promo:hover { background: #55a955; } div.team-controller div.add-member input { margin-bottom: 0; width: 50%; } div.team-controller div.add-member ul { margin: 12px 0 0 0; } div.team-controller li.user { box-sizing: border-box; list-style-type: none; margin: 0; padding: 10px; width: 42%; -webkit-background-clip: padding-box; -webkit-border-radius: 3px; -moz-background-clip: padding-box; -moz-border-radius: 3px; border-radius: 3px; background-clip: padding-box; } div.team-controller li.user span { font-size: 16px; } div.team-controller li.user a.btn { float: right; } div.team-controller li.user img { margin-right: 10px; } div.team-controller li.user:last-of-type { margin-bottom: 0; } div.team-controller li.user:hover { background: #ebebeb; } div.team-controller ul.member-list { margin: 0; } div.payment-form { margin: 0 auto; text-align: center; width: 100%; } div.with-teams-search { display: inline-block; width: 87%; } div.with-teams-search input.search-query { width: 69% !important; } div.with-teams-search select { display: inline-block; width: 25%; } div.team-search form { margin: 0; padding: 5px; } div.team-search input { box-sizing: border-box; margin: 0; padding: 15px 10px; width: 100%; } div.video-container { text-align: center; padding: 20px; } video { border: 10px solid #E4E2E4; border-radius: 5px; box-sizing: border-box; height: auto; margin-top: 50px; max-width: 100%; width: 1056px; } div.snipt-log { background: #E9E9E9; display: none; padding: 40px; margin-bottom: 50px; } div.snipt-log section.code { border: 1px solid #DDDDDD; height: auto; margin-top: 10px; } div.secure-view-log { background: #E9E9E9; display: none; padding: 10px 0 25px 0; margin-bottom: 20px; } div.secure-view-log footer { padding-bottom: 0; } div.ad-inner { text-align: center; } div.ad-inner > div { display: inline-block !important; } div.bsap_adhere { text-align: center; } div.bsap_adhere a { background: none !important; border: none !important; border-top: 1px solid #DDDDDD !important; color: #B3B3B3 !important; font: bold 11px Helvetica !important; letter-spacing: 1px !important; margin: 16px 0 5px 1px !important; padding-top: 12px !important; text-transform: uppercase; } div.bsap_adhere a:hover { color: #6F6F6F !important; } div.inline-ad { background: #FBFBFB; border-top: 1px solid #DDDDDD; height: 24px; } div.inline-ad span.block { background-color: #BB0017; border-right: 1px solid #DDDDDD; display: inline-block; height: 24px; width: 28px; } div.inline-ad p { color: #6A6A6A; display: inline-block; font-size: 12px; margin: 4px 0 0 3px; vertical-align: top; } div.inline-ad p a { color: #6A6A6A; text-decoration: underline; } div.inline-ad span.ad { color: #9E9E9E; display: inline-block; float: right; font-size: 10px; margin: 3px 7px 0 0; text-transform: uppercase; }