Skip to content

Instantly share code, notes, and snippets.

@chrisburnell

chrisburnell/Pinboard Stylish Stylesheet

Last active August 29, 2015 14:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chrisburnell/ef5367e7dd263356c48a to your computer and use it in GitHub Desktop.
Save chrisburnell/ef5367e7dd263356c48a to your computer and use it in GitHub Desktop.
Download ZIP
My Pinboard Custom Stylesheet
Raw
Pinboard Stylish Stylesheet
/* Import Open Sans */
@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,400,600");
/* Import Normalize */
@import url("//assets.chrisburnell.com/normalize.min.css");
/* Reset the box model */
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
/* Wrapper */
body {
background: #F9F9F9;
color: #4F4F4F;
margin: 0;
font: 400 normal 16px/1.875em "Open Sans", "Helvetica Neue", Arial, Helvetica, serif;
text-align: left;
}
#content {
width: 100%;
max-width: 1120px;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
a {
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
a[href$="/u:chrisburnell"],
a[href$="/u:chrisburnell/"],
a[href*="/t:"] {
color: #5F8AA6 !important;
}
/* Modify the header */
#banner {
background-color: transparent;
opacity: .8;
width: 100%;
padding-top: 1.75rem;
padding-bottom: 1.75rem;
border-bottom: .125rem solid #5F8AA6;
margin-bottom: 2.25rem;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
#banner:hover {
opacity: 1;
}
#banner a {
color: #4F4F4F;
}
#banner a.banner_username {
color: #5F8AA6;
}
#logo {
width: 30%;
}
@media ( max-width: 768px ) {
#logo {
width: 100%;
float: none;
}
}
#top_menu {
color: #737373;
width: 70%;
margin-top: 0;
padding-left: 1.25rem;
text-align: right;
}
@media (max-width: 768px) {
#top_menu {
width: 100%;
float: none;
padding-left: 0;
text-align: left;
}
}
#top_menu a {
color: #999999;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
#top_menu a:hover,
#top_menu a:focus {
color: #4F4F4F;
}
/* Main Content Panes */
#main_column,
#right_bar,
#tag_cloud {
display: block;
}
#main_column {
width: 65%;
padding-right: 2.25rem;
}
@media (max-width: 768px) {
#main_column {
width: 100%;
padding-right: 0;
}
}
#right_bar,
#tag_cloud {
width: 35%;
margin-left: 0;
}
@media (max-width: 768px) {
#right_bar,
#tag_cloud {
width: 100%;
}
}
.user_navbar {
font-size: .875rem;
padding-bottom: 2.25rem;
margin-bottom: 1.25rem;
border-bottom: .125rem solid #DDDDDD;
}
.small_username {
padding-right: 1.25rem;
}
.bookmark_count_box {
width: auto;
font-weight: 600;
text-align: right;
}
.bookmark_count_box + div {
color: #999999;
width: 100%;
clear: both;
}
a.filter {
color: #999999;
}
a.filter:hover,
a.filter:focus {
color: #4F4F4F;
}
.rss_linkbox {
margin-right: 0;
}
.rss_linkbox:hover,
.rss_linkbox:focus {
text-decoration: underline;
}
#nextprev {
color: #999999;
padding-bottom: 1.25rem;
}
#nextprev table {
width: 100%;
border: 0;
}
#nextprev td {
font-size: .875rem;
}
#nextprev tr td:last-child {
text-align: right;
}
#nextprev a:hover,
#nextprev a:focus {
color: #4F4F4F;
}
#bulk_links {
margin-bottom: 0;
font-size: .875rem;
}
#bulk_edit_options {
width: 100%;
margin-top: 0;
padding-bottom: 2.25rem;
}
#bulk_edit_box {
border: 0;
}
#bulk_edit_box a {
color: #999999;
}
#bulk_edit_box a:hover,
#bulk_edit_box a:focus {
color: #4F4F4F;
}
#bulk_top_bar {
background-color: #EEEEEE;
height: auto;
padding: .25rem .5rem;
border-bottom: 1px solid #AAAAAA;
}
#bulk_top_bar > :first-child {
font-style: italic;
}
#bulk_top_bar + div {
padding: .5rem;
}
/* Bookmarks */
.edit_checkbox {
width: 3.125rem;
margin-left: -3.125rem;
line-height: 2.8125rem;
}
.bookmark {
width: 100%;
padding: .5rem;
margin-bottom: 1.25rem;
position: relative;
border-radius: 1px;
}
.bookmark:not(.private) {
padding-bottom: 1rem;
border-bottom: 1px solid #EEEEEE;
}
.private {
background-color: #EEEEEE;
padding-bottom: .5rem;
border: 0;
}
.private a {
padding: 0;
}
.star {
position: absolute;
top: .5rem;
right: 100%;
}
.star span {
box-sizing: content-box;
background-color: transparent;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU3Rhcl9vdXRsaW5lZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkQ3MDAiIGQ9Ik0xOC44LDguMDIyaC02LjQxM0wxMCwxLjNMNy42MTEsOC4wMjJIMS4xOTlsNS4yMzIsMy45NDdMNC41NiwxOC44OThMMTAsMTQuNzQ0bDUuNDM4LDQuMTU0bC0xLjg2OS02LjkyOUwxOC44LDguMDIyeiBNMTAsMTIuNzgzbC0zLjAxNCwyLjVsMS4yNDMtMy41NjJsLTIuODUxLTIuM0w4LjksOS41MjJsMS4xLTQuMDRsMS4wOTksNC4wNGwzLjUyMS0wLjEwMWwtMi44NTEsMi4zbDEuMjQzLDMuNTYyTDEwLDEyLjc4M3oiLz48L3N2Zz4=);
background-position: center center;
background-size: 19px 19px;
background-repeat: no-repeat;
opacity: .4;
width: 19px;
height: 19px;
display: block;
padding: .25rem;
margin-right: .25rem;
position: relative;
overflow: hidden;
vertical-align: middle;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: opacity .1s ease;
transition: opacity .1s ease;
}
.star span:hover,
.star span:focus,
.selected_star span {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU3RhciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkQ3MDAiIGQ9Ik0xMCwxLjNsMi4zODgsNi43MjJIMTguOGwtNS4yMzIsMy45NDhsMS44NzEsNi45MjhMMTAsMTQuNzQ0bC01LjQzOCw0LjE1NGwxLjg3LTYuOTI4TDEuMTk5LDguMDIyaDYuNDEyTDEwLDEuM3oiLz48L3N2Zz4=);
opacity: 1;
}
.display {
width: 100%;
color: #999999;
font-size: 1rem;
}
.bookmark_title,
.bookmark_title:visited {
color: #4F4F4F;
font-size: 1rem;
font-weight: 600;
line-height: 1.5em;
}
a.url_display {
color: #999999;
font-size: .875rem;
}
a.url_display:hover,
a.url_display:focus {
color: #4F4F4F;
}
.description {
color: #999999;
margin-top: 0;
padding: .75rem 0;
font-size: .875rem;
font-style: italic;
line-height: 1.2em;
}
.description blockquote {
color: inherit;
margin: 0;
}
a.tag,
a.tag:visited {
background-color: #999999;
color: #F9F9F9 !important;
padding: .25rem .5rem;
font-size: .75rem;
border-radius: .125rem;
}
a.tag:hover,
a.tag:focus {
background-color: #4F4F4F;
}
a.when,
a.when:visited,
a.url_link,
a.url_link:visited {
color: #999999;
display: inline-block;
margin-top: .5rem;
margin-left: -0.5rem;
padding: .25rem .5rem;
font-size: .875rem;
font-style: italic;
}
a.when:hover,
a.when:focus,
a.url_link:hover,
a.url_link:focus {
color: #4F4F4F;
}
.edit_links {
opacity: .6;
float: right;
margin-top: .5rem;
margin-right: .5rem;
font-size: .875rem;
font-style: italic;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.bookmark:hover .edit_links {
opacity: 1;
}
.edit_links a.edit,
.edit_links a.edit:visited,
.edit_links a.delete,
.edit_links a.delete:visited,
.edit_links a.mark_read,
.edit_links a.mark_read:visited {
box-sizing: content-box;
background-color: transparent;
background-position: center center;
background-size: 19px 19px;
background-repeat: no-repeat;
opacity: .4;
width: 19px;
height: 19px;
display: inline-block;
padding: .25rem;
position: relative;
overflow: hidden;
vertical-align: middle;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: opacity .1s ease;
transition: opacity .1s ease;
}
.edit_links a.edit:hover,
.edit_links a.edit:focus,
.edit_links a.delete:hover,
.edit_links a.delete:focus,
.edit_links a.mark_read:hover,
.edit_links a.mark_read:focus {
opacity: 1;
}
.edit_links a.edit {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRmVhdGhlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMyRThCNTciIGQ9Ik00LjI1NCwxOS41NjdjMC4zMDctMC45ODIsMC43Ny0yLjM2NCwxLjM5MS00LjM2MmMyLjcwNy0wLjQyOSwzLjgyNywwLjM0MSw1LjU0Ni0yLjcyOWMtMS4zOTUsMC40MjctMy4wNzctMC43OTItMi45ODctMS4zMjFjMC4wOTEtMC41MjgsMy45MTMsMC4zODEsNi40MTYtMy4xNzNjLTMuMTU1LDAuNjk2LTQuMTY0LTAuODM2LTMuNzU3LTEuMDY3YzAuOTM5LTAuNTM0LDMuNzI2LTAuMjIyLDUuMjEyLTEuNjY5YzAuNzY2LTAuNzQ1LDEuMTI1LTIuNTU2LDAuODEzLTMuMjAyYy0wLjM3NC0wLjc4MS0yLjY1Ni0xLjk0Ni0zLjkxNC0xLjgzNmMtMS4yNTgsMC4xMDktMy4yMzEsNC43OS0zLjgxNyw0Ljc1NEM4LjU3Myw0LjkyNSw4LjQ1NCwyLjg2NCw5LjQ3NiwwLjk0OWMtMS4wNzcsMC40NzctMy4wNTEsMS45NTktMy42NywzLjIyNmMtMS4xNTMsMi4zNTcsMC4xMDgsNy43NjYtMC4yOTYsNy45NThjLTAuNDA1LDAuMTkzLTEuNzY2LTIuNDgxLTIuMTcyLTMuNjk0Yy0wLjU1NSwxLjg1OS0wLjU2OCwzLjcyMSwxLjA1Myw2LjE5NGMtMC42MTEsMS42MjMtMC45NDUsMy40OTEtMC45OTYsNC40NDFDMy4zNzEsMTkuODMzLDQuMTE5LDE5Ljk5Niw0LjI1NCwxOS41Njd6Ii8+PC9zdmc+);
}
.edit_links a.edit:hover,
.edit_links a.edit:focus {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRmVhdGhlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzQ0IzNzEiIGQ9Ik00LjI1NCwxOS41NjdjMC4zMDctMC45ODIsMC43Ny0yLjM2NCwxLjM5MS00LjM2MmMyLjcwNy0wLjQyOSwzLjgyNywwLjM0MSw1LjU0Ni0yLjcyOWMtMS4zOTUsMC40MjctMy4wNzctMC43OTItMi45ODctMS4zMjFjMC4wOTEtMC41MjgsMy45MTMsMC4zODEsNi40MTYtMy4xNzNjLTMuMTU1LDAuNjk2LTQuMTY0LTAuODM2LTMuNzU3LTEuMDY3YzAuOTM5LTAuNTM0LDMuNzI2LTAuMjIyLDUuMjEyLTEuNjY5YzAuNzY2LTAuNzQ1LDEuMTI1LTIuNTU2LDAuODEzLTMuMjAyYy0wLjM3NC0wLjc4MS0yLjY1Ni0xLjk0Ni0zLjkxNC0xLjgzNmMtMS4yNTgsMC4xMDktMy4yMzEsNC43OS0zLjgxNyw0Ljc1NEM4LjU3Myw0LjkyNSw4LjQ1NCwyLjg2NCw5LjQ3NiwwLjk0OWMtMS4wNzcsMC40NzctMy4wNTEsMS45NTktMy42NywzLjIyNmMtMS4xNTMsMi4zNTcsMC4xMDgsNy43NjYtMC4yOTYsNy45NThjLTAuNDA1LDAuMTkzLTEuNzY2LTIuNDgxLTIuMTcyLTMuNjk0Yy0wLjU1NSwxLjg1OS0wLjU2OCwzLjcyMSwxLjA1Myw2LjE5NGMtMC42MTEsMS42MjMtMC45NDUsMy40OTEtMC45OTYsNC40NDFDMy4zNzEsMTkuODMzLDQuMTE5LDE5Ljk5Niw0LjI1NCwxOS41Njd6Ii8+PC9zdmc+);
}
.edit_links a.delete {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQmxvY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjQjIyMjIyIiBkPSJNMTAsMC40Yy01LjMwMywwLTkuNjAxLDQuMjk4LTkuNjAxLDkuNmMwLDUuMzAzLDQuMjk4LDkuNjAxLDkuNjAxLDkuNjAxYzUuMzAxLDAsOS42LTQuMjk4LDkuNi05LjYwMUMxOS42LDQuNjk4LDE1LjMwMSwwLjQsMTAsMC40eiBNMi4zOTksMTBjMC00LjE5NywzLjQwMi03LjYsNy42LTcuNmMxLjgyOSwwLDMuNTA2LDAuNjQ3LDQuODE3LDEuNzIzTDQuMTIyLDE0LjgxN0MzLjA0NiwxMy41MDUsMi4zOTksMTEuODI5LDIuMzk5LDEweiBNOS45OTksMTcuNTk5Yy0xLjgyOCwwLTMuNTA1LTAuNjQ2LTQuODE1LTEuNzIyTDE1Ljg3OCw1LjE4NEMxNi45NTMsNi40OTYsMTcuNiw4LjE3MSwxNy42LDEwQzE3LjYsMTQuMTk3LDE0LjE5NiwxNy41OTksOS45OTksMTcuNTk5eiIvPjwvc3ZnPg==);
}
.edit_links a.delete:hover,
.edit_links a.delete:focus {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQmxvY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjQ0Q1QzVDIiBkPSJNMTAsMC40Yy01LjMwMywwLTkuNjAxLDQuMjk4LTkuNjAxLDkuNmMwLDUuMzAzLDQuMjk4LDkuNjAxLDkuNjAxLDkuNjAxYzUuMzAxLDAsOS42LTQuMjk4LDkuNi05LjYwMUMxOS42LDQuNjk4LDE1LjMwMSwwLjQsMTAsMC40eiBNMi4zOTksMTBjMC00LjE5NywzLjQwMi03LjYsNy42LTcuNmMxLjgyOSwwLDMuNTA2LDAuNjQ3LDQuODE3LDEuNzIzTDQuMTIyLDE0LjgxN0MzLjA0NiwxMy41MDUsMi4zOTksMTEuODI5LDIuMzk5LDEweiBNOS45OTksMTcuNTk5Yy0xLjgyOCwwLTMuNTA1LTAuNjQ2LTQuODE1LTEuNzIyTDE1Ljg3OCw1LjE4NEMxNi45NTMsNi40OTYsMTcuNiw4LjE3MSwxNy42LDEwQzE3LjYsMTQuMTk3LDE0LjE5NiwxNy41OTksOS45OTksMTcuNTk5eiIvPjwvc3ZnPg==);
}
.edit_links a.mark_read {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRXllIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0RBQTUyMCIgZD0iTTEwLDQuNEMzLjQzOSw0LjQsMCw5LjIzMiwwLDEwYzAsMC43NjYsMy40MzksNS42LDEwLDUuNmM2LjU2LDAsMTAtNC44MzQsMTAtNS42QzIwLDkuMjMyLDE2LjU2LDQuNCwxMCw0LjR6IE0xMCwxNC4zMDdjLTIuNDU1LDAtNC40NDUtMS45MjgtNC40NDUtNC4zMDdTNy41NDUsNS42OTEsMTAsNS42OTFzNC40NDQsMS45Myw0LjQ0NCw0LjMwOVMxMi40NTUsMTQuMzA3LDEwLDE0LjMwN3ogTTEwLDEwYy0wLjQwNy0wLjQ0NywwLjY2My0yLjE1NCwwLTIuMTU0Yy0xLjIyOCwwLTIuMjIzLDAuOTY1LTIuMjIzLDIuMTU0UzguNzcyLDEyLjE1NCwxMCwxMi4xNTRjMS4yMjcsMCwyLjIyMy0wLjk2NSwyLjIyMy0yLjE1NEMxMi4yMjMsOS40NTMsMTAuMzQ2LDEwLjM3OSwxMCwxMHoiLz48L3N2Zz4=);
}
.edit_links a.mark_read:hover,
.edit_links a.mark_read:focus {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRXllIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0ZGRDcwMCIgZD0iTTEwLDQuNEMzLjQzOSw0LjQsMCw5LjIzMiwwLDEwYzAsMC43NjYsMy40MzksNS42LDEwLDUuNmM2LjU2LDAsMTAtNC44MzQsMTAtNS42QzIwLDkuMjMyLDE2LjU2LDQuNCwxMCw0LjR6IE0xMCwxNC4zMDdjLTIuNDU1LDAtNC40NDUtMS45MjgtNC40NDUtNC4zMDdTNy41NDUsNS42OTEsMTAsNS42OTFzNC40NDQsMS45Myw0LjQ0NCw0LjMwOVMxMi40NTUsMTQuMzA3LDEwLDE0LjMwN3ogTTEwLDEwYy0wLjQwNy0wLjQ0NywwLjY2My0yLjE1NCwwLTIuMTU0Yy0xLjIyOCwwLTIuMjIzLDAuOTY1LTIuMjIzLDIuMTU0UzguNzcyLDEyLjE1NCwxMCwxMi4xNTRjMS4yMjcsMCwyLjIyMy0wLjk2NSwyLjIyMy0yLjE1NEMxMi4yMjMsOS40NTMsMTAuMzQ2LDEwLjM3OSwxMCwxMHoiLz48L3N2Zz4=);
}
input[type="text"],
input[name="tags"],
textarea {
color: #777777;
width: 100% !important;
padding: .25rem .5rem;
border: 1px solid #DDDDDD;
font-size: 1rem;
line-height: 1.5em;
vertical-align: top;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
input[type="text"]:focus,
input[name="tags"]:focus,
textarea:focus {
color: #4f4f4f;
border-color: #999999;
outline: none;
}
label[for="show_iframe"],
#organize_table tbody tr:first-child td:first-child a,
#organize_nav_table a {
white-space: nowrap;
}
#organize_table tbody tr:first-child td:first-child a {
padding-right: 1.25rem;
}
.search_button {
margin-top: .5rem;
text-align: right;
}
@media (max-width: 768px) {
.search_button {
text-align: left;
}
}
.search_button input {
background-color: #999999;
color: #F9F9F9;
padding: .25rem .5rem;
font-size: .75rem;
border-radius: .125rem;
border: none;
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.search_button input:hover,
.search_button input:focus {
background-color: #4F4F4F;
outline: none;
}
#tag_cloud {
margin-top: 1.25rem;
}
#tag_cloud_header {
color: #999999;
font-size: .875rem;
padding-bottom: 2.25rem;
}
#tag_cloud_header p {
margin: 0;
}
#tag_cloud_header a,
#tag_cloud a.tag_heading_selected {
color: #999999 !important;
}
#tag_cloud_header a:hover,
#tag_cloud_header a:focus,
.tag_table a.tag {
color: #4F4F4F !important;
}
#tag_cloud_header a.tag,
.tag_table a.tag {
background-color: transparent;
padding: .25rem 0;
}
#tag_cloud_header a.tag,
.tag_table a.tag:hover {
color: #4F4F4F !important;
}
.tag_table {
width: 100%;
margin-right: 0;
}
@media( min-width: 768px) {
.tag_table {
width: 50%;
padding-right: .75rem;
}
.tag_table + .tag_table {
padding-right: 0;
padding-left: .75rem;
}
}
#bottom_next_prev,
#per_page_picker {
font-size: .875rem;
}
#per_page_picker a.per_page_selected {
background-color: transparent;
color: #4F4F4F;
font-size: 1rem;
}
#footer {
color: #4F4F4F;
width: 100%;
max-width: 1120px;
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-left: auto;
margin-right: auto;
}
#footer a {
color: #999999;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment