"Sample CSS" - Fast Dial
chiaroscuro Tue, 12/23/2008 - 11:50
This is not strictly a Stylish Style at all.
But it is in css and there is nowhwere else to put it right now.
_______________________________________________________________________________________
This was telega's sample css that he put together for Fast Dial 2.5-6.
It is a useful template for creating a css for Fast Dial
(It was very easy in 2.15-6 to load and save css versions to Themes)
I will put 2 Versions here
The original telega Version
The expanded Stylish Version of the same code that a user can modify to suit.
Original telega Version
body { background-image: none; background-repeat: repeat;
background-position: top left; font-family: 'Tahoma'; font-size: 11;
background-color: #000000; } .back { background-image:
url(chrome://fastdial/skin/back.png); } #grid { border-spacing: 10; }
.thumbnail { background-color: transparent; border: 1px solid #d3d3d3;
opacity: 1; } .title { color: #000000; background-color: #eeeeee;
border-top: 1px solid #d3d3d3; } div.thumbnail:hover, .hover {
background-color: transparent; border: 1px solid #d3d3d3; opacity: 1; }
div.thumbnail:hover .title, .hover .title { color: #000000;
background-color: #e8e8e8; border-top: 1px solid #d3d3d3;
3. Stylish Version (modified)
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("chrome://fastdial/content/fastdial.html") {
}
body
{
/*background-image: none !important;*/
/*background-repeat: repeat !important;*/
background-position: center !important;
font-family: 'Tahoma' !important;
font-size: 11px !important;
background-color: black !important;
}
.back
{
background-image: url(chrome://fastdial/skin/back.png) !important;
}
#grid
{
border-spacing: 10px !important;
}
div.thumbnail
{
background-color: transparent !important;
border: 1px solid transparent !important;
opacity: 0.9 !important;
}
div.thumbnail:hover
{
background-color: transparent !important;
border: 1px solid transparent !important;
opacity: 1.0 !important;
}
div.title
{
color: transparent !important;
background-color: transparent !important;
border-top: 1px solid transparent !important;
}
div.title:hover
{
color: white !important;
background-color: transparent !important;
border-top: 1px solid transparent !important;
}
- Printer-friendly version
- +2
- 2 votes
Search logos
Search site
Navigation
User login
Online users
Recent comments
-
greenby: wakawaka4 hours 3 min ago
-
greenby: wakawaka6 hours 14 min ago
-
greenby: wakawaka6 hours 21 min ago
-
I got too much interestingby: peter6546 hours 30 min ago
-
Your work is trulyby: peter6546 hours 41 min ago
-
greenby: wakawaka6 hours 47 min ago
-
This article was written by aby: peter6546 hours 49 min ago
-
greenby: wakawaka6 hours 56 min ago