Advertisement
sanitysama

about:newtab two rows, fancy glass & wallpaper

Oct 27th, 2013
232
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.41 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2. @-moz-document url("about:newtab") {
  3.  
  4. /* background */
  5. #newtab-scrollbox {
  6.     background-image: url('file:///C:/Users/Owner/Pictures/Wallpapers/Rotation/miku/1358632011964.jpg') !important;
  7.     }
  8. /* containers */
  9. #newtab-margin-top, #newtab-margin-bottom {
  10.     display: none !important
  11.     }
  12.     /* side margin */
  13.     .newtab-side-margin {
  14.         max-width: 20px !important
  15.         }
  16.     /* row margin */
  17.     .newtab-row {
  18.         margin: 0 !important;
  19.         padding: 20px !important
  20.         }
  21.         /* the two row trick */
  22.         #newtab-grid > .newtab-row:nth-of-type(2) {
  23.             margin-top: 728px !important
  24.             }
  25.     /* override icon aspect ratio */
  26.     .newtab-site, .newtab-cell {
  27.         max-width: 256px !important;
  28.         max-height: 118px !important
  29.         }
  30. /* links */
  31. a:active { border: 0 !important }
  32. /* sites */
  33.     /* shadow */
  34.     .newtab-site {
  35.         box-shadow: 0 0 0px rgba(0,0,0,.2) !important;
  36.         transition: box-shadow .1s ease-in-out
  37.         }
  38.     .newtab-cell:hover .newtab-site {
  39.         box-shadow: 0 0 10px #000 !important
  40.         }
  41.     /* opacity */
  42.     .newtab-thumbnail {
  43.         opacity: .75 !important;
  44.         transition: opacity .2s linear !important
  45.         }
  46.         /* thumbnail transition */
  47.         .newtab-cell:hover .newtab-thumbnail {
  48.             opacity: 1 !important
  49.             }
  50.         /* title transition */
  51.         .newtab-cell:hover .newtab-title {
  52.             background-color: rgba(48,49,51,.9) !important;
  53.             transition: background-color .1s ease-in-out
  54.             }
  55.     /* title font */
  56.     .newtab-title {
  57.         font: 12px/20px Sans-serif !important;
  58.         color: #fff !important;
  59.         text-shadow: 1px 1px 1px #000;
  60.         background-color: rgba(48, 49, 51, .5) !important;
  61.         border-radius: 0px 0px 4px 4px !important
  62.         }
  63.     /* rounded border */
  64.     .newtab-cell, .newtab-site, .newtab-thumbnail {
  65.         border-radius: 4px !important
  66.         }
  67.     /* glassy border */  
  68.     .newtab-cell {
  69.         background: rgba(0,0,0,0.5) !important;
  70.         box-shadow: 0 2px 6px rgba(0,0,0,1),
  71.               inset 0 1px rgba(255,255,255,1),
  72.               inset 0 50px 8px 0px rgba(255,255,255,0.15),
  73.               inset 0 15px 30px rgba(255,255,255,0.5),
  74.               inset 0 -15px 30px rgba(0,0,0,1) !important
  75.         }
  76.        
  77. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement