File: fwphp/glomodul/oraedoop/enter_tab_emul/css/style02_tabs.css

Recommend this page to a friend!
  Classes of Slavko Srakocic  >  B12 PHP FW  >  fwphp/glomodul/oraedoop/enter_tab_emul/css/style02_tabs.css  >  Download  
File: fwphp/glomodul/oraedoop/enter_tab_emul/css/style02_tabs.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: B12 PHP FW
Manage database records with a PDO CRUD interface
Author: By
Last change: ver 7.0.1 mnu, msg, mkd FUNCTIONAL namespaces, CRUD PDO trait, pretty URL-s
Date: 2 months ago
Size: 1,995 bytes
 

Contents

Class file image Download
<style type="text/css">
<!--
/* 
   J:\awww\apl\inc\cssfmt\style02_tabs.css
   tabs  s t y l e s, (prop. kartica-tabova) based on
   http://www.alistapart.com/articles/slidingdoors 
*/
DIV.tabs
{
   float            : left;
   /*width            : 100%;*/
   background       : url("style_tab_b.gif") repeat-x bottom;
   /*margin-bottom    : 4px;*/
}

DIV.tabs UL
{
   margin           : 0px;
   padding-left     : 1px;
   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("style_tab_r.gif") no-repeat right top;
   border-bottom    : 1px solid #84B0C7;
   font-size        : 100%;
   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("style_tab_l.gif") no-repeat left top;
   padding          : 5px 9px;
   white-space      : nowrap;
}

DIV.tabs INPUT
{
   float            : right;
   display          : inline;
   font-size        : 100%;  /*1em*/
}

DIV.tabs TD
{
   font-size        : 100%;
   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;
}
-->
</style>
For more information send a message to info at phpclasses dot org.