Skip to content

Instantly share code, notes, and snippets.

@danklammer
Created February 2, 2014 21:16
Show Gist options
  • Save danklammer/8775124 to your computer and use it in GitHub Desktop.
Save danklammer/8775124 to your computer and use it in GitHub Desktop.
A simple userstyle for pinboard.in bookmarking site
/* Theme Name: Flat Pinboard */
/* Theme URL: http://tackk.com/flat-pinboard */
/* Version: v1.0 */
/* Created by: Dan Klammer */
/* Broswer: Chrome + Stylish Extension */
html {
-webkit-font-smoothing:antialiased;
height:100%;
}
/* Hide: Timer, Logo Text and Username, How-To Link, & Tab spacer */
#timer,.pin_logo,#logo span,#top_menu a:nth-last-of-type(2),.tab_spacer,#suggestion_row,#organize_table img {
display:none;
}
body {
font-family:'Lato',Helvetica,Arial,sans-serif;
border:12px solid rgba(69,147,227,0.93);
margin:0;
padding:25px;
min-height:100%;
box-sizing:border-box;
}
#pinboard {
border:none!important;
background:#fff!important;
margin:90px 30px 10px;
padding:0;
}
#content,#profile_main_column {
width:1030px;
}
a,a:visited,a.help {
color:#4593e3;
transition:color .2s ease;
}
a.help {
display:inline-block;
background:rgba(69,147,227,0.1);
border-radius:16px;
width:16px;
height:16px;
line-height:16px;
font-weight:700;
text-align:center;
text-shadow:-1px -1px rgab(255,255,255,0.3);
}
#banner {
width:100%!important;
height:50px!important;
position:fixed;
z-index:100;
top:0;
left:0;
margin:0;
padding:0;
background-color:#4593e3;
background:rgba(69,147,227,0.93)!important;
border-bottom:none!important;
color:transparent;
font-size:0;
}
#banner a {
color:#fff;
}
#logo {
display:block;
position:absolute;
float:none;
left:0;
top:0;
width:250px;
height:50px;
overflow:hidden;
}
#pinboard_name {
display:block;
float:left;
padding:1px 0 0;
width:50px;
height:49px;
line-height:50px;
text-indent:140px;
font-weight:700;
white-space:nowrap;
overflow:hidden;
background-color:rgba(0,0,0,0.1);
background-position:9px 7px;
background-repeat:no-repeat;
background-image:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2733%27%20height%3D%2733%27%20viewBox%3D%27-0.042%20-0.984%2033%2033%27%20overflow%3D%27visible%27%20enable-background%3D%27new%20-0.042%20-0.984%2033%2033%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M11.858.291l-11.563%2011.505c-.249.248-.351.605-.266.947.083.341.339.612.674.717%202.233.694%204.249.755%206.091.223l.106.159%205.354%205.354c-.799%201.724-1.24%203.573-1.24%205.421%200%201.175.174%202.327.515%203.424.104.334.375.59.714.674.34.084.698-.015.946-.262l6.887-6.843%209.721%209.567%202.191.832-.777-2.012-9.721-9.792%206.978-6.932c.191-.189.295-.446.295-.709l-.028-.238c-.084-.341-.34-.612-.675-.717-2.913-.905-6.042-.64-8.848.636l-5.462-5.459-.045-.03c.245-.83.375-1.691.375-2.585%200-1.101-.189-2.268-.562-3.468-.104-.334-.375-.59-.714-.674-.339-.084-.698.015-.946.262zm13.891%2012.865l-12.67%2012.587c-.377-3.23.925-6.714%203.448-9.236%202.51-2.51%205.978-3.735%209.222-3.351zm-8.363.092c-.804.525-1.569%201.14-2.274%201.845-.703.702-1.317%201.472-1.85%202.283l-4.508-4.508c.8-.46%201.563-1.051%202.293-1.78.743-.743%201.35-1.53%201.821-2.356l4.518%204.516zm-7.753-3.575c-1.923%201.923-4.066%202.664-6.652%202.271l9.013-8.966c.369%202.584-.404%204.738-2.361%206.695z%27%2F%3E%3C%2Fsvg%3E);
transition:all .25s ease;
}
#logo:hover #pinboard_name {
text-indent:51px;
width:138px;
}
#top_menu {
white-space:nowrap;
margin:0!important;
}
#top_menu a {
font-size:14px;
text-transform:capitalize;
height:49px;
line-height:50px;
display:inline-block;
padding:1px 12px 0;
font-weight:800;
color:#fff;
transition:all .25s ease;
}
#top_menu a:hover {
background-color:rgba(0,0,0,0.1);
}
.user_navbar {
width:630px;
margin-bottom:0;
background:#f5f5f5;
padding:12px 10px 11px;
text-align:right;
word-spacing:-2px;
color:transparent;
border-radius:4px;
border-bottom:2px solid #eee;
}
.user_navbar {
text-align:right;
}
.user_navbar a.filter {
background-color:transparent!important;
padding:12px 7px 13px;
border-bottom:2px solid transparent;
transition:all .2s ease;
}
.user_navbar a.filter:hover {
background-color:#eee!important;
border-bottom:2px solid #ddd;
}
.user_navbar a.filter.selected {
background-color:transparent!important;
border-bottom:2px solid #4593e3;
}
.user_navbar a.filter:last-of-type {
margin-right:10px;
}
/* Hate doing these CSS hacks, but have to get grab the right selector. */
#main_column > p {
float:right;
}
#main_column > p:last-of-type {
padding-right:50px;
}
#main_column > p + form {
clear:both;
padding-top:10px;
}
#main_column > b,.rss_linkbox + p > b,#main_column > p > b,#main_column > div > div:not(.small_username) > b {
text-transform:uppercase;
color:#404040;
word-spacing:3px;
letter-spacing:1px;
position:absolute;
left:0;
top:2px;
}
#nextprev {
padding:0 0 12px;
background:#fff;
float:right;
}
.user_navbar + #nextprev {
margin-right:50px;
padding-top:6px!important;
}
#nextprev table {
border-spacing:0;
float:right!important;
text-align:right;
}
#bulk_links {
clear:both;
}
.small_username {
padding-right:5px;
font-size:15px;
}
.bookmark_count_box {
width:auto;
padding:2px 0 0;
}
.rss_linkbox {
margin-right:60px;
margin-top:5px;
display:inline-block;
/* background: #d35400; */
background:#ccc;
padding:2px 3px;
border-radius:2px;
}
.user_navbar .rss_linkbox {
margin-right:0;
margin-top:0;
}
a.rss_link {
display:block;
float:none;
color:#fff;
text-shadow:-1px -1px rgba(0,0,0,0.08);
}
.rss_linkbox:empty {
display:none;
}
#bookmarks {
width:650px;
border-bottom:1px solid #eee!important;
}
.bookmark {
position:relative;
margin-bottom:0;
padding:17px 10px 23px 30px;
width:610px;
border-top:1px solid #eee!important;
text-shadow:-1px -1px rgba(255,255,255,0.3);
transition:background .3s ease;
}
.bookmark:hover {
background-color:#fbfbfb;
}
.bookmark_title {
font-size:180%;
line-height:125%;
font-weight:300;
display:inline-block;
padding-bottom:8px;
}
.description {
line-height:150%;
margin:0 0 8px;
}
.when,.edit_links {
padding-top:8px;
display:inline-block;
}
.edit_links {
float:right;
opacity:0;
transition:opacity .3s ease;
}
.edit_links a,.edit_links a:visited,a.edit,a.edit:visited {
color:#bbb!important;
background-color:transparent!important;
border:none!important;
}
.edit_links a:hover,a.edit:hover {
color:#4593e3!important;
}
.bookmark:hover .edit_links {
opacity:1;
}
.confirm {
color:#ccc!important;
word-spacing:3px;
}
.display {
float:none;
color:#ccc;
}
#right_bar {
margin-left:0;
padding:0;
}
#search_right_bar {
float:left;
margin-left:0;
text-align:left;
width:330px!important;
}
#searchbox,#tweet_searchbox {
margin:0!important;
float:none;
background:#f5f5f5;
padding:10px 0 10px 10px;
border-radius:4px;
border-bottom:2px solid #eee;
}
input[type=text],input[type=password],input#tags,textarea,input#organize_page_tags {
padding:7px 6px;
outline:none;
border-radius:3px;
box-shadow:none;
border:1px inset;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
width:100%!important;
box-sizing:border-box;
}
form input#search_query_field {
width:310px!important;
padding:7px 6px;
font-size:18px;
}
#tag_cloud {
width:310px;
padding:10px;
text-align:left;
word-spacing:4px;
margin-top:15px;
}
#tag_cloud_header {
word-spacing:2px!important;
border-bottom:2px solid #eee;
display:block;
padding:0 12px 10px;
margin:0 -10px 13px;
background:#f5f5f5;
border-radius:4px;
color:#909090;
}
#tag_cloud_header :after {
}
#tag_cloud a.tag_heading_selected,#tag_cloud_header b {
text-transform:uppercase;
color:#606060;
text-shadow:1px 1px #fff;
}
#tag_cloud_header > p {
margin:0;
padding:12px 0 2px;
}
#tag_cloud_header b {
padding:0 0 6px;
display:block;
}
a.tag,a.tag:visited {
background:#4593e3!important;
color:#fff!important;
text-shadow:-1px -1px rgba(0,0,0,0.08)!important;
padding:1px 5px 3px!important;
margin:0 1px;
border-radius:2px;
font-size:12px;
}
#tag_cloud a.tag,#right_bar a.tag {
line-height:30px;
vertical-align:middle;
margin:0;
}
#right_bar a.tag {
line-height:36px!important;
}
#tag_cloud .tag_table a.tag,#right_bar .tag_table a.tag {
line-height:25px;
}
#tag_cloud #tag_cloud_header a.tag {
background:#4593e3;
color:#fff!important;
line-height:30px!important;
vertical-align:middle;
margin:0;
font-size:14px!important;
padding:1px 25px 3px 5px!important;
border-radius:2px;
opacity:.5;
transition:background .2s ease;
}
#tag_cloud #tag_cloud_header a.tag + a {
margin-left:-20px;
display:inline-block;
background:#71a7e2;
color:#fff!important;
line-height:19px!important;
vertical-align:text-top;
font-size:14px!important;
padding:0 5px!important;
height:21px;
border-radius:0 2px 2px 0;
position:relative;
transition:background .2s ease;
}
#tag_cloud #tag_cloud_header a.tag.selected {
opacity:1;
}
#tag_cloud #tag_cloud_header a.tag.selected + a {
background:#3078c8;
}
#tag_cloud #tag_cloud_header a.tag + a:hover {
background:#3078c8;
}
#tag_cloud #tag_cloud_header a.tag.selected + a:hover {
background:#c0392b;
}
.tag_table {
margin-left:10px;
margin-right:0;
}
.search_button {
margin-top:0;
padding:5px 0;
}
.search_button input[type=submit] {
width:151px;
}
input[type=submit],input[type=button],input[type=reset] {
border-radius:3px;
background:#4a8cce!important;
color:#fff!important;
box-shadow:0 3px #226fbe;
border:none!important;
font-family:inherit;
cursor:pointer;
padding:9px 15px;
display:inline-block;
text-transform:uppercase;
letter-spacing:1px;
font-weight:700;
outline:none;
position:relative;
margin-right:4px;
}
input[type=submit]:active,input[type=button]:active,input[type=reset]:active {
box-shadow:0 1px #226fbe;
top:2px;
}
input[type=reset] {
background:#aaa!important;
box-shadow:0 3px #858585!important;
}
input[type=reset]:active {
box-shadow:0 1px #858585!important;
}
td input[type=submit] {
margin-top:10px;
}
#tweet_searchbox input[type=submit] {
width:310px;
margin-top:7px;
}
.search_button br {
display:none;
}
.search_button form {
display:inline;
}
#tag_cloud > p > b,#right_bar > div > p > b {
text-transform:capitalize;
display:block;
background:#f5f5f5;
padding:10px;
margin:0 -10px;
border-bottom:2px solid #eee;
border-radius:4px;
color:#606060;
text-shadow:1px 1px #fff;
}
#edit_bookmark_form {
width:100%;
padding:5px 25px 5px 5px;
box-sizing:border-box;
}
.tabs {
text-align:left;
}
.tab {
font-size:12px;
letter-spacing:1px;
display:inline-block;
float:none;
border:1px solid transparent;
width:auto;
padding:9px 16px 8px;
text-transform:uppercase;
border-radius:4px 3px 0 0;
}
.tab.tab_selected {
background:#f1f7fd;
font-weight:700;
}
.tab a {
color:rgba(69,147,227,0.65);
}
.tab.tab_selected a {
color:#4593e3;
}
#tab_panes {
border-radius:3px;
padding:20px 15px 40px;
}
#tab_panes table {
width:100%!important;
padding:0 0 20px;
}
#tab_panes,#tab_panes td {
border:1px solid transparent;
background:#f1f7fd;
}
#tab_panes h2 {
font-size:12px;
letter-spacing:1px;
text-transform:uppercase;
color:#4593e3;
font-weight:700;
margin:12px 0 5px;
padding:7px 8px;
background-color:rgba(69,147,227,0.06);
border-radius:3px;
}
#tab_panes p {
margin:14px 0 12px;
}
#tab_panes input[type=checkbox],#tab_panes input[type=submit] {
display:block;
min-width:175px;
margin:3px auto 0;
}
tt {
background:rgba(69,147,227,0.08);
font-family:inherit;
color:#4593e3;
padding:1px 3px;
}
#edit_bookmark_form {
background-color:transparent;
}
#edit_bookmark_form textarea {
width:100%;
}
#import_history_table {
margin:45px 0 0 30px;
border-radius:6px;
border:1px dashed #ddd;
}
#popup_header {
padding:0 0 20px;
word-spacing:3px;
}
#popup_header #title a {
font-size:20px;
font-weight:700;
padding:5px 0 5px 42px;
background-position:0 0;
background-repeat:no-repeat;
background-image:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2733%27%20height%3D%2733%27%20viewBox%3D%27-0.042%20-0.984%2033%2033%27%20overflow%3D%27visible%27%20enable-background%3D%27new%20-0.042%20-0.984%2033%2033%27%3E%3Cpath%20fill%3D%27%234593e3%27%20d%3D%27M11.858.291l-11.563%2011.505c-.249.248-.351.605-.266.947.083.341.339.612.674.717%202.233.694%204.249.755%206.091.223l.106.159%205.354%205.354c-.799%201.724-1.24%203.573-1.24%205.421%200%201.175.174%202.327.515%203.424.104.334.375.59.714.674.34.084.698-.015.946-.262l6.887-6.843%209.721%209.567%202.191.832-.777-2.012-9.721-9.792%206.978-6.932c.191-.189.295-.446.295-.709l-.028-.238c-.084-.341-.34-.612-.675-.717-2.913-.905-6.042-.64-8.848.636l-5.462-5.459-.045-.03c.245-.83.375-1.691.375-2.585%200-1.101-.189-2.268-.562-3.468-.104-.334-.375-.59-.714-.674-.339-.084-.698.015-.946.262zm13.891%2012.865l-12.67%2012.587c-.377-3.23.925-6.714%203.448-9.236%202.51-2.51%205.978-3.735%209.222-3.351zm-8.363.092c-.804.525-1.569%201.14-2.274%201.845-.703.702-1.317%201.472-1.85%202.283l-4.508-4.508c.8-.46%201.563-1.051%202.293-1.78.743-.743%201.35-1.53%201.821-2.356l4.518%204.516zm-7.753-3.575c-1.923%201.923-4.066%202.664-6.652%202.271l9.013-8.966c.369%202.584-.404%204.738-2.361%206.695z%27%2F%3E%3C%2Fsvg%3E);
}
#organize_instructions {
color:inherit!important;
}
iframe {
border-radius:3px;
border-width:1px;
}
.star {
margin-left:-25px;
padding-top:4px;
}
.star span {
text-indent:-9999px;
display:block;
width:20px;
height:20px;
background-position:center center;
background-repeat:no-repeat;
background-image:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%27-0.988%20-0.985%2034%2033%27%20overflow%3D%27visible%27%20enable-background%3D%27new%20-0.988%20-0.985%2034%2033%27%3E%3Cpath%20fill%3D%27%23ccc%27%20d%3D%27M16.013%201.936l3.655%207.579.642%201.33%201.462.218%208.308%201.234-6.059%206.042-1.018%201.016.237%201.417%201.415%208.441-7.32-3.937-1.323-.712-1.323.712-7.321%203.938%201.416-8.443.237-1.417-1.018-1.016-6.055-6.042%208.307-1.234%201.461-.218.642-1.33%203.655-7.578m-.001-1.936c-.895%200-1.712.505-2.093%201.296l-3.622%207.52-8.334%201.24c-.855.127-1.566.712-1.843%201.513-.275.801-.067%201.684.538%202.286l6.106%206.1-1.417%208.458c-.143.853.226%201.707.949%202.205.398.273.865.412%201.332.412.385%200%20.77-.094%201.119-.28l7.265-3.912%207.267%203.912c.35.187.735.28%201.118.28.467%200%20.935-.139%201.334-.412.722-.498%201.09-1.353.946-2.205l-1.417-8.458%206.109-6.1c.604-.603.812-1.485.537-2.286-.277-.801-.988-1.386-1.844-1.513l-8.334-1.24-3.623-7.52c-.378-.791-1.195-1.296-2.093-1.296z%27%2F%3E%3C%2Fsvg%3E);
}
.star.selected_star span {
background-image:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2718%27%20height%3D%2718%27%20viewBox%3D%27-0.988%20-0.985%2034%2033%27%20overflow%3D%27visible%27%20enable-background%3D%27new%20-0.988%20-0.985%2034%2033%27%3E%3Cpath%20fill%3D%27%234593E3%27%20d%3D%27M16.012%201.417c-.813%200-1.555.459-1.902%201.178l-3.292%206.833-7.573%201.127c-.777.115-1.423.646-1.674%201.374-.25.728-.061%201.53.488%202.078l5.548%205.542-1.287%207.686c-.129.775.206%201.551.863%202.004.362.249.786.375%201.21.375.349%200%20.7-.085%201.016-.255l6.602-3.555%206.603%203.555c.318.17.669.255%201.017.255.424%200%20.849-.126%201.212-.375.655-.453.99-1.229.86-2.004l-1.288-7.686%205.552-5.542c.549-.547.736-1.35.487-2.078-.252-.728-.898-1.259-1.675-1.374l-7.573-1.127-3.291-6.833c-.345-.719-1.087-1.178-1.903-1.178z%27%2F%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M16.013%201.936l3.655%207.579.642%201.33%201.462.218%208.308%201.234-6.059%206.042-1.018%201.016.237%201.417%201.415%208.441-7.32-3.937-1.323-.712-1.323.712-7.321%203.938%201.416-8.443.237-1.417-1.018-1.016-6.055-6.042%208.307-1.234%201.461-.218.642-1.33%203.655-7.578m-.001-1.936c-.895%200-1.712.505-2.093%201.296l-3.622%207.52-8.334%201.24c-.855.127-1.566.712-1.843%201.513-.275.801-.067%201.684.538%202.286l6.106%206.1-1.417%208.458c-.143.853.226%201.707.949%202.205.398.273.865.412%201.332.412.385%200%20.77-.094%201.119-.28l7.265-3.912%207.267%203.912c.35.187.735.28%201.118.28.467%200%20.935-.139%201.334-.412.722-.498%201.09-1.353.946-2.205l-1.417-8.458%206.109-6.1c.604-.603.812-1.485.537-2.286-.277-.801-.988-1.386-1.844-1.513l-8.334-1.24-3.623-7.52c-.378-.791-1.195-1.296-2.093-1.296z%27%2F%3E%3C%2Fsvg%3E);
}
#bulk_edit_box {
position:relative;
color:#fff;
padding:0 0 8px;
border:none!important;
background:#4a8cce;
border-radius:3px;
text-shadow:-1px -1px rgba(0,0,0,0.08);
word-spacing:2px;
}
#bulk_edit_box:after {
bottom:100%;
right:75px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-color:rgba(34,111,190,0);
border-bottom-color:#226fbe;
border-width:7px;
margin-left:-7px;
}
#bulk_edit_box a {
color:#fff!important;
font-weight:700!important;
}
#bulk_links p {
line-height:18px!important;
}
#bulk_top_bar {
background:#226fbe;
height:20px;
padding:7px 10px 3px;
border-bottom:none;
border-radius:3px 3px 0 0;
}
#selected_count {
display:inline-block;
color:#fff!important;
background:rgba(255,255,255,0.1);
border-radius:2px;
padding:3px 10px 5px;
font-size:12px;
position:absolute;
bottom:0;
right:0;
}
.edit_checkbox {
position:absolute;
left:-7px;
z-index:10;
padding:0;
width:30px;
text-align:center;
height:100%;
border-top:1px solid #fff;
background:#eee;
margin-left:0!important;
}
#bookmarks > div:first-child .edit_checkbox {
border-top:none!important;
}
.edit_checkbox input {
margin-top:27px;
}
#footer {
color:#888;
position:absolute;
left:0;
width:100%;
box-sizing:border-box;
margin:50px 0 0;
padding:20px 0 55px;
background:rgba(69,147,227,0.12);
}
#footer hr {
height:0;
background:transparent;
border:none!important;
}
#footer a:not([href^='mailto:']) {
text-transform:uppercase;
font-size:11px;
margin:0 4px;
}
#footer:after {
display:block;
content:"Flat Pinboard v1 ‧ Created by Dan Klammer";
width:100%;
font-size:12px;
position:absolute;
bottom:0;
color:#fff;
padding:8px 0 11px;
background:rgba(69,147,227,0.93);
text-shadow:-1px -1px rgba(0,0,0,0.08);
letter-spacing:.2px;
}
/* Sticky Sidebar */
#right_bar,#tag_cloud {
position:fixed;
z-index:10;
right:45px;
}
#right_bar {
top:90px;
}
#tag_cloud {
top:200px;
}
/* Autocorrect Tagger */
.pin-ac .bd {
overflow:hidden;
padding:0;
border-radius:3px;
border:1px solid #ddd;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.pin-ac li {
padding:4px 5px;
color:#707070;
}
.pin-ac .active {
color:#fff;
background-color:#4593e3;
}
/* Include Googel Font: Lato */
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:300;
src:local('Lato Light'),local(Lato-Light),url(http://themes.googleusercontent.com/static/fonts/lato/v7/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format("woff");
}
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:400;
src:local('Lato Regular'),local(Lato-Regular),url(http://themes.googleusercontent.com/static/fonts/lato/v7/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format("woff");
}
@font-face {
font-family:'Lato';
font-style:normal;
font-weight:700;
src:local('Lato Bold'),local(Lato-Bold),url(http://themes.googleusercontent.com/static/fonts/lato/v7/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format("woff");
}
@font-face {
font-family:'Lato';
font-style:italic;
font-weight:300;
src:local('Lato Light Italic'),local(Lato-LightItalic),url(http://themes.googleusercontent.com/static/fonts/lato/v7/2HG_tEPiQ4Z6795cGfdivLO3LdcAZYWl9Si6vvxL-qU.woff) format("woff");
}
@font-face {
font-family:'Lato';
font-style:italic;
font-weight:400;
src:local('Lato Italic'),local(Lato-Italic),url(http://themes.googleusercontent.com/static/fonts/lato/v7/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format("woff");
}
@font-face {
font-family:'Lato';
font-style:italic;
font-weight:700;
src:local('Lato Bold Italic'),local(Lato-BoldItalic),url(http://themes.googleusercontent.com/static/fonts/lato/v7/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format("woff");
}
@tobialun
Copy link

tobialun commented Feb 4, 2014

I have the Stylish Chrome extension but how do I install this theme? Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment