pinboard.css

   1 @-moz-document domain('pinboard.in'), url-prefix('http://pinboard.in/add') {
   2 form {}
   3 #instructions {
   4   color: #fff !important }
   5 }
   6
   7 @-moz-document domain('pinboard.in'), url-prefix('http://pinboard.in') {
   8
   9 body {
  10   background:#fff url('http://dl.dropbox.com/u/1615956/grain.png');
  11   font: 76%/150% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  12 }
  13 a, a:link { color: #3d332a !important; }
  14 a:visited { color: #42423d !important }
  15 a:hover { text-decoration: underline; }
  16 h2, h3, .settings_heading, td.settings_heading {
  17   background: #e9e7e0;
  18   color: #a0998d;
  19 }
  20 #banner {
  21   background: inherit !important;
  22 }
  23 a.bookmark_title { color: #094866 !important; }
  24 a.bookmark_title.unread { color: #a11a1a !important }
  25 .bookmark {
  26   border-left: 4px solid rgba(0,0,0,0) !important;
  27   border-bottom: 1px dashed #bbb !important;
  28   padding: 10px 2px 10px 6px !important;
  29   margin-bottom: 0px !important;
  30 }
  31 a.bookmark_title { text-decoration: none !important; }
  32 .bookmark:hover {
  33   background-color: #f5f5f5;
  34   border-left: 4px solid rgba(20,60,120,0.5) !important;
  35 }
  36 a.tag {
  37   color: #AA5511 !important;
  38   border: 1px solid #ccc;
  39   padding: 2px 6px;
  40   background: #eee2d8;
  41   -moz-border-radius: 6px; border-radius: 6px;
  42 }
  43
  44 a.tag:hover {
  45   text-decoration: none;
  46   background: #eee;
  47 }
  48 .star {
  49   margin-left: -25px !important;
  50 }
  51
  52 a.edit, a.delete, a.mark_read {
  53   padding: 1px 4px;
  54   -moz-border-radius: 6px; border-radius: 6px;
  55   border: 1px solid #ddd;
  56 }
  57 a.edit:hover, a.delete:hover, a.mark_read:hover {
  58   text-decoration: none;
  59   background-color: #fff;
  60 }
  61 .display {
  62   float: right;
  63   width: 580px;
  64 }
  65 .bookmark_title { font-size: 15px; }
  66 .description {
  67   color: #888 !important;
  68   padding: 4px 0px 10px 10px;
  69 }
  70 .edit_links {
  71   margin-right: 4px;
  72   opacity: 1;
  73   float: right;
  74   text-align: right;
  75 }
  76 .edit_links a { color: #d1cfc9; }
  77 .edit_link a:hover { font-weight: bold; }
  78 .tabs { background: none; }
  79 .tab {
  80   background: #e9e7e0;
  81   border-bottom: none;
  82   margin-right: 10px;
  83 }
  84 .tab_selected { background: #fff; }
  85 .tab_spacer { display: none; }
  86 #tab_panes { border-top: 1px solid #aaa ; }
  87
  88 #right_bar a.tag {
  89   border: 0px;
  90   padding: 2px 6px;
  91   background: none;
  92 }
  93 #right_bar a:link, #right_bar a {
  94   color: #777 !important;
  95   font-weight: bold;
  96 }
  97 #right_bar a.tag:hover { color: #555 !important; }
  98 }