@import url(https://fonts.googleapis.com/css?family=Roboto);html,body{height:100%}body{color:#333;font-family:Roboto, sans-serif;margin:0;display:flex;flex-direction:column}h1,h2,h3{margin-top:0}a{color:#1A8BCB;text-decoration:none}code{background:#eee;padding:2px 4px;border-radius:5px}pre>code{background:inherit;padding:0;border-radius:0}#header .inner{display:flex;align-items:center}#header .inner .navigation{margin-left:auto}#header .inner .navigation a.menu-trigger{color:inherit;display:block;padding:6px;border-radius:6px 6px 0 0;transition:background 0.4s;text-shadow:0 1px 0 white}#header .inner .navigation._md-open a.menu-trigger{background:#eee}#header .inner .navigation i.fa{transition:transform 0.4s}#header .inner .navigation._md-open i.fa{transform:rotate(180deg)}#header .inner .navigation img.gravatar{border-radius:100%;vertical-align:middle;margin:0 0.5em;transition:box-shadow 0.4s}#header .inner .navigation._md-open img.gravatar{box-shadow:0 0 0 4px #4E616E}#header .inner form.search{width:360px;margin:0 1em}#banner-home,#banner-small{background:#4E616E;color:white;padding:20px 0}#banner-home .inner a,#banner-small .inner a{color:white}#banner-home{height:160px}#banner-home img.logo{float:left;margin-right:20px}#banner-home h1{font-size:48px;margin:0;padding:20px}#banner-home p.description{font-size:26px;margin:0}#main{flex:1 0 auto;margin:2em 0;position:relative}#main .loader{position:absolute;top:0;bottom:0;background:rgba(255,255,255,0.5);width:100%;align-items:center;justify-content:space-around}div.inner{max-width:900px;margin:auto}#footer{text-align:center}#footer .inner{padding:2em 0;border-top:1px solid #ccc}.info-notice,.error-notice{color:white;padding:1em;border-radius:2px}.info-notice a,.error-notice a{color:white;text-decoration:underline}p.info-notice{background:#42aeff}.error-notice{background:#cb3837}.error-notice li{margin-left:2em}.error-404{font-size:40px;text-align:center}.md-autocomplete-suggestions-container li{border-bottom:1px solid #ccc;height:auto;padding-top:8px;padding-bottom:8px;white-space:normal}.md-autocomplete-suggestions-container li span.highlight{color:#3F51B5}.md-autocomplete-suggestions-container li:last-child{border-bottom-width:0}.md-autocomplete-suggestions-container .item-title,.md-autocomplete-suggestions-container .item-info{line-height:2}.md-autocomplete-suggestions-container .item-title span.item-meta,.md-autocomplete-suggestions-container .item-info span.item-meta{font-size:0.9em;padding-right:0.5em}md-tooltip{font-size:14px}md-select-menu i.fa,md-select-value i.fa{color:#555;margin-right:1em}a:not(.md-button),a:not(.md-button):hover{color:#1A8BCB}

form.app-form div.row{padding:4px}form.app-form div.row label{display:block}form.app-form div.row label span{display:block}form.app-form div.row input[type=text],form.app-form div.row input[type=password],form.app-form div.row input[type=email]{padding:4px;width:300px;border:2px solid #e0e0e0;border-radius:2px}

div.home p{text-align:justify}div.home ul.columns{display:flex;padding:0;margin-left:-1em;margin-right:-1em}div.home ul.columns li{flex:1;margin:1em;display:block}div.home ul.columns li h2{font-size:20px}div.home p.explore{text-align:center}div.home p.explore .md-button{font-size:30px;padding:0.5em}

div.organization div.organization-users{background:#eee;display:flex;padding:10px}div.organization div.organization-users span{margin-right:10px;border-bottom:3px solid white}div.organization div.organization-users span img.gravatar{border-radius:2px}div.organization div.organization-users span.user{border-color:#8BC34A}div.organization div.organization-users span.collaborator{border-color:#03A9F4}div.organization div.organization-users span.owner{border-color:#9C27B0}

@import url(https://fonts.googleapis.com/css?family=Roboto);.package{padding:1.5em;border:5px solid #f0f0f0;border-radius:5px;margin-bottom:20px;min-height:100px;transition:all 0.4s;background-color:#f0f0f0}.package h2 a{color:inherit}.package h2 a.organization-name{font-weight:normal}.package h2 a:hover{text-decoration:underline}.package:hover{background-color:white;border-color:#1A8BCB;box-shadow:0 15px 15px -15px #333}.package:hover h2 a{color:#1A8BCB}.package img.package-icon{float:left;margin-right:1.5em}.package div.package-meta{float:right}.package div.package-meta span,.package div.package-meta a{background-color:#f0f0f0;border-radius:5px;padding:2px 6px;margin-left:0.8em;text-shadow:0 1px 0 white;color:inherit}.package .package-stars i.fa{transition:transform 0.4s;color:#ccc}.package .package-stars.starred i.fa{color:goldenrod;transform:rotate(72deg)}.package pre.resource{background:#fafafa;padding:1em}

@import url(https://fonts.googleapis.com/css?family=Roboto);div.settings{display:flex}div.settings .sidebar{width:25%;border-top:1px solid #eee}div.settings .sidebar a{display:block;line-height:2em;padding:0 1em;border-bottom:1px solid #eee;border-left:4px solid transparent;transition:all 0.2s}div.settings .sidebar a:hover{background:#f0f0f0}div.settings .sidebar a.active{border-left-color:#1A8BCB;text-indent:1em;cursor:default}div.settings div.settings-content{margin-left:2em;flex:1}div.settings table.tokens{border-collapse:collapse;width:100%}div.settings table.tokens th,div.settings table.tokens td{text-align:left;padding:4px}div.settings table.tokens td code.current{background:#1A8BCB;color:white}

@import url(https://fonts.googleapis.com/css?family=Roboto)

div.user{display:flex}div.user div.user-profile{margin-right:2em}div.user div.user-packages{flex:1}
