tabs.css in Loft Data Grids 6.2
/* tabs styles, based on http://www.alistapart.com/articles/slidingdoors */
DIV.tabs
{
float : left;
width : 100%;
background : url("tab_b.gif") repeat-x bottom;
margin-bottom : 4px;
}
DIV.tabs UL
{
margin : 0px;
padding-left : 10px;
list-style : none;
}
DIV.tabs LI, DIV.tabs FORM
{
display : inline;
margin : 0px;
padding : 0px;
}
DIV.tabs FORM
{
float : right;
}
DIV.tabs A
{
float : left;
background : url("tab_r.gif") no-repeat right top;
border-bottom : 1px solid #84B0C7;
font-size : 80%;
font-weight : bold;
text-decoration : none;
}
DIV.tabs A:hover
{
background-position: 100% -150px;
}
DIV.tabs A:link, DIV.tabs A:visited,
DIV.tabs A:active, DIV.tabs A:hover
{
color: #1A419D;
}
DIV.tabs SPAN
{
float : left;
display : block;
background : url("tab_l.gif") no-repeat left top;
padding : 5px 9px;
white-space : nowrap;
}
DIV.tabs #MSearchBox
{
float : right;
display : inline;
font-size : 1em;
}
DIV.tabs TD
{
font-size : 80%;
font-weight : bold;
text-decoration : none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
DIV.tabs SPAN {float : none;}
/* End IE5-Mac hack */
DIV.tabs A:hover SPAN
{
background-position: 0% -150px;
}
DIV.tabs LI.current A
{
background-position: 100% -150px;
border-width : 0px;
}
DIV.tabs LI.current SPAN
{
background-position: 0% -150px;
padding-bottom : 6px;
}
DIV.navpath
{
background : none;
border : none;
border-bottom : 1px solid #84B0C7;
text-align : center;
margin : 2px;
padding : 2px;
}
File
vendor/aklump/loft_data_grids/doxygene/html/tabs.css
View source
- /* tabs styles, based on http://www.alistapart.com/articles/slidingdoors */
-
- DIV.tabs
- {
- float : left;
- width : 100%;
- background : url("tab_b.gif") repeat-x bottom;
- margin-bottom : 4px;
- }
-
- DIV.tabs UL
- {
- margin : 0px;
- padding-left : 10px;
- list-style : none;
- }
-
- DIV.tabs LI, DIV.tabs FORM
- {
- display : inline;
- margin : 0px;
- padding : 0px;
- }
-
- DIV.tabs FORM
- {
- float : right;
- }
-
- DIV.tabs A
- {
- float : left;
- background : url("tab_r.gif") no-repeat right top;
- border-bottom : 1px solid #84B0C7;
- font-size : 80%;
- font-weight : bold;
- text-decoration : none;
- }
-
- DIV.tabs A:hover
- {
- background-position: 100% -150px;
- }
-
- DIV.tabs A:link, DIV.tabs A:visited,
- DIV.tabs A:active, DIV.tabs A:hover
- {
- color: #1A419D;
- }
-
- DIV.tabs SPAN
- {
- float : left;
- display : block;
- background : url("tab_l.gif") no-repeat left top;
- padding : 5px 9px;
- white-space : nowrap;
- }
-
- DIV.tabs #MSearchBox
- {
- float : right;
- display : inline;
- font-size : 1em;
- }
-
- DIV.tabs TD
- {
- font-size : 80%;
- font-weight : bold;
- text-decoration : none;
- }
-
-
-
- /* Commented Backslash Hack hides rule from IE5-Mac \*/
- DIV.tabs SPAN {float : none;}
- /* End IE5-Mac hack */
-
- DIV.tabs A:hover SPAN
- {
- background-position: 0% -150px;
- }
-
- DIV.tabs LI.current A
- {
- background-position: 100% -150px;
- border-width : 0px;
- }
-
- DIV.tabs LI.current SPAN
- {
- background-position: 0% -150px;
- padding-bottom : 6px;
- }
-
- DIV.navpath
- {
- background : none;
- border : none;
- border-bottom : 1px solid #84B0C7;
- text-align : center;
- margin : 2px;
- padding : 2px;
- }