From 94189c216f82ed8a3e8ad6058937c6f630a713f8 Mon Sep 17 00:00:00 2001 From: Nick Sergeant Date: Mon, 21 Jan 2019 20:10:10 -0500 Subject: [PATCH] More work on getting Snippets up. --- Makefile | 9 +- README.md | 18 + accounts/models.py | 2 +- media/css/style.css | 3146 +++++++++++++++++++++++++++++++++++- media/css/style.scss | 7 +- requirements.txt | 12 +- settings_local.py-template | 6 +- snipts/models.py | 17 +- teams/models.py | 4 +- templates/base.html | 10 +- templates/homepage.html | 6 +- templates/profile.html | 4 +- 12 files changed, 3204 insertions(+), 37 deletions(-) diff --git a/Makefile b/Makefile index 47c7fb8..4313f71 100644 --- a/Makefile +++ b/Makefile @@ -61,9 +61,12 @@ assets: > media/js/pro-all.min.js deploy: - git push heroku + git push dokku + +run: + ~/.virtualenvs/snipt/bin/python manage.py runserver sass: - sass --sourcemap=none --watch -t compressed --scss media/css/style.scss:media/css/style.css + sass media/css/style.scss > media/css/style.css -.PHONY: deploy sass +.PHONY: deploy run sass diff --git a/README.md b/README.md index d705793..604458b 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,23 @@ # Siftie Snippets +## Running locally: + +- Clone the repo. +- `cd snippets` +- `python3 -m venv ~/.virtualenvs/snipt` +- `source ~/.virtualenvs/snipt/bin/activate` +- `pip install -r requirements.txt` +- `brew install postgresql` +- `brew services start postgresql` +- `createuser snippets` +- `createdb snippets --owner=snippets` +- `cp settings_local.py-template settings_local.py` // modify if necessary +- `brew install elasticsearch` +- `brew services start elasticsearch` +- `curl -X PUT "localhost:9200/haystack?pretty"` +- `python manage.py update_index` // optional if you have a local DB dump with snippets +- `make run` + ## Automatic deploy to Heroku You can click the button below to automatically deploy Siftie Snippets to Heroku. diff --git a/accounts/models.py b/accounts/models.py index 72ba0b9..8020ee8 100644 --- a/accounts/models.py +++ b/accounts/models.py @@ -45,7 +45,7 @@ class UserProfile(models.Model): ) # User - user = models.OneToOneField(User) + user = models.OneToOneField(User, on_delete=models.DO_NOTHING) is_pro = models.BooleanField(default=False) teams_beta_seen = models.BooleanField(default=False) teams_beta_applied = models.BooleanField(default=False) diff --git a/media/css/style.css b/media/css/style.css index 2789e03..0bc394d 100644 --- a/media/css/style.css +++ b/media/css/style.css @@ -1 +1,3145 @@ -@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;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:435px}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 .03s linear;-moz-transition:border .03s linear;-o-transition:border .03s linear;transition:border .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:.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:.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:.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:#7f7f7f;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:#7f7f7f;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 .03s linear;-moz-transition:color .03s linear;-o-transition:color .03s linear;transition:color .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 #111;-moz-box-shadow:0 -25px 25px #111;box-shadow:0 -25px 25px #111}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 #eed;-moz-box-shadow:0 -25px 25px #eed;box-shadow:0 -25px 25px #eed}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:.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 #fff;-moz-box-shadow:0 -10px 15px #fff;box-shadow:0 -10px 15px #fff}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:#7f7f7f url("../img/favorited-icon.png") top right no-repeat;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:#7f7f7f url("../img/favorited-icon.png") right -12px no-repeat;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:#7f7f7f;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:#7f7f7f url("../img/favorited-icon.png") top right no-repeat;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:#7f7f7f url("../img/favorited-icon.png") right -12px no-repeat;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:#7f7f7f url("../img/private-icon.png") top right no-repeat;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:#7f7f7f url("../img/private-icon.png") top right no-repeat;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:#7f7f7f url("../img/private-icon.png") right -7px no-repeat;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:#7f7f7f;background:-webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#fff));background:-moz-linear-gradient(center top, #F5F5F5 0%, #fff 100%);background:-moz-gradient(center top, #F5F5F5 0%, #fff 100%);background:linear-gradient(to bottom, #F5F5F5 0%, #fff 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:.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:#7f7f7f;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:.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}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");filter:gray;-webkit-filter:grayscale(100%);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:#7f7f7f;background:-webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#fff));background:-moz-linear-gradient(center top, #F2F2F2 0%, #fff 100%);background:-moz-gradient(center top, #F2F2F2 0%, #fff 100%);background:linear-gradient(to bottom, #F2F2F2 0%, #fff 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} +@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; + 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; +} diff --git a/media/css/style.scss b/media/css/style.scss index 6bf486b..a3f6ad9 100644 --- a/media/css/style.scss +++ b/media/css/style.scss @@ -58,14 +58,15 @@ $Rockwell: 'Rockwell', 'Courier Bold', Courier, Georgia, Times, 'Times New Roman border-bottom-right-radius: $bottomRight; border-bottom-left-radius: $bottomLeft; } -@mixin vertical-gradient($start: #000, $stop: #FFF) { background: ($start + $stop) / 2; +@mixin vertical-gradient($start: #000, $stop: #FFF) { + background: $start; background: -webkit-gradient(linear, left top, left bottom, from($start), to($stop)); background: -moz-linear-gradient(center top, $start 0%, $stop 100%); background: -moz-gradient(center top, $start 0%, $stop 100%); background: linear-gradient(to bottom, $start 0%, $stop 100%); } @mixin vertical-gradient-with-image($image, $start: #000, $stop: #FFF) { - background: ($start + $stop) / 2 $image; + background: $start; background: $image, -webkit-gradient(linear, left top, left bottom, from($start), to($stop)); background: $image, -moz-linear-gradient(center top, $start 0%, $stop 100%); background: $image, -moz-gradient(center top, $start 0%, $stop 100%); @@ -163,7 +164,7 @@ header.main { } nav.public { float: left; - width: 435px; + width: 481px; ul { margin: 0; diff --git a/requirements.txt b/requirements.txt index c0398ef..c9ee765 100644 --- a/requirements.txt +++ b/requirements.txt @@ -1,6 +1,6 @@ -Django==1.10.3 +Django==1.11.18 Fabric==1.12.0 -PyYAML==3.12 +PyYAML==3.13 Pygments==2.1.3 certifi==2016.9.26 dj-database-url==0.4.1 @@ -9,13 +9,13 @@ django-annoying==0.10.3 django-cors-headers==1.3.1 django-debug-toolbar==1.3.2 django-extensions==1.7.4 -django-haystack==2.5.1 +django-haystack==2.8.1 django-markdown-deux==1.0.5 django-registration-redux==1.4 django-storages==1.5.1 django-taggit==0.21.3 -django-tastypie==0.13.3 -elasticsearch==5.0.0 +django-tastypie==0.14 +elasticsearch==6.3.1 git+git://github.com/matagus/django-pagination-py3.git#egg=django-pagination git+git://github.com/nicksergeant/django-templatetag-sugar.git#egg=django-templatetag-sugar gunicorn==19.6.0 @@ -29,5 +29,5 @@ requests==2.11.1 six==1.9.0 smartypants==1.8.6 stripe==1.41.1 -urllib3==1.11 +urllib3==1.24.1 whitenoise==3.2.2 diff --git a/settings_local.py-template b/settings_local.py-template index b89bf23..9624114 100644 --- a/settings_local.py-template +++ b/settings_local.py-template @@ -9,9 +9,9 @@ USE_HTTPS = False DATABASES = { 'default': { 'ENGINE': 'django.db.backends.postgresql_psycopg2', - 'NAME': 'snipt', - 'USER': 'snipt', - 'PASSWORD': 'password', + 'NAME': 'snippets', + 'USER': 'snippets', + 'PASSWORD': '', 'HOST': 'localhost', 'PORT': '' } diff --git a/snipts/models.py b/snipts/models.py index 7826eee..3abcde4 100644 --- a/snipts/models.py +++ b/snipts/models.py @@ -22,11 +22,12 @@ from teams.models import Team class Snipt(models.Model): """An individual Snipt.""" - user = models.ForeignKey(User, blank=True, null=True) + user = models.ForeignKey(User, blank=True, null=True, on_delete=models.DO_NOTHING) last_user_saved = models.ForeignKey(User, blank=True, null=True, - related_name='last_user_saved') + related_name='last_user_saved', + on_delete=models.DO_NOTHING) title = models.CharField(max_length=255, blank=True, null=True, default='Untitled') @@ -299,8 +300,8 @@ class Snipt(models.Model): class SniptLogEntry(models.Model): """An individual log entry for a snippet changeset.""" - user = models.ForeignKey(User) - snipt = models.ForeignKey(Snipt) + user = models.ForeignKey(User, on_delete=models.DO_NOTHING) + snipt = models.ForeignKey(Snipt, on_delete=models.DO_NOTHING) code = models.TextField() diff = models.TextField() @@ -316,8 +317,8 @@ class SniptLogEntry(models.Model): class SniptSecureView(models.Model): """A single view to a secure snippet.""" - user = models.ForeignKey(User) - snipt = models.ForeignKey(Snipt) + user = models.ForeignKey(User, on_delete=models.DO_NOTHING) + snipt = models.ForeignKey(Snipt, on_delete=models.DO_NOTHING) created = models.DateTimeField(auto_now_add=True, editable=False) modified = models.DateTimeField(auto_now=True, editable=False) @@ -328,8 +329,8 @@ class SniptSecureView(models.Model): class Favorite(models.Model): - snipt = models.ForeignKey(Snipt) - user = models.ForeignKey(User) + snipt = models.ForeignKey(Snipt, on_delete=models.DO_NOTHING) + user = models.ForeignKey(User, on_delete=models.DO_NOTHING) created = models.DateTimeField(auto_now_add=True, editable=False) modified = models.DateTimeField(auto_now=True, editable=False) diff --git a/teams/models.py b/teams/models.py index 12e4cbd..b6831e7 100644 --- a/teams/models.py +++ b/teams/models.py @@ -19,10 +19,10 @@ class Team(models.Model): email = models.EmailField(max_length=255) members = models.ManyToManyField(User, related_name='member', blank=True) name = models.CharField(max_length=30) - owner = models.ForeignKey(User, related_name='owner') + owner = models.ForeignKey(User, related_name='owner', on_delete=models.DO_NOTHING) slug = models.SlugField(max_length=255, blank=True) stripe_id = models.CharField(max_length=100, null=True, blank=True) - user = models.OneToOneField(User, blank=True, null=True) + user = models.OneToOneField(User, blank=True, null=True, on_delete=models.DO_NOTHING) plan = models.CharField(max_length=100, default='snipt-teams-25-monthly', choices=PLANS, blank=True, null=True) disabled = models.BooleanField(default=False) diff --git a/templates/base.html b/templates/base.html index edc06e3..acbb192 100644 --- a/templates/base.html +++ b/templates/base.html @@ -78,7 +78,7 @@
@@ -87,7 +87,7 @@