You are here

Home » API reference » TinyBrowser 7

stylefull_tinybrowser.css in TinyBrowser 7 

/* Generic */
body {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
background:#F0F0EE;
padding:0;
margin:8px 8px 0 8px;
}

html {background:#F0F0EE;}
textarea {resize:none;outline:none;}
a:link, a:visited {color:black;}
a:hover {color:#2B6FB6;}

/* Forms */
fieldset {margin:0; padding:4px; border:1px solid #919B9C; font-family:Verdana, Arial; font-size:10px;}
legend {color:#2B6FB6; font-weight:bold;}
input {background:#FFF; border:1px solid #CCC;}
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
input, select, textarea {border:1px solid #808080;}

/* Tabs classes */
.tabs {width:100%; height:18px; line-height:normal; background:url(../img/tabs.gif) repeat-x 0 -72px;}
.tabs ul {margin:0; padding:0; list-style:none;}
.tabs li {float:left; background:url(../img/tabs.gif) no-repeat 0 0; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block;}
.tabs li.current {background:url(../img/tabs.gif) no-repeat 0 -18px; margin-right:2px;}
.tabs span {float:left; display:block; background:url(../img/tabs.gif) no-repeat right -36px; padding:0px 10px 0 0;}
.tabs .current span {background:url(../img/tabs.gif) no-repeat right -54px;}
.tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;}
.tabs a:link, .tabs a:visited, .tabs a:hover {color:black;}

/* Panels */
.panel_wrapper div.panel {display:none;}
.panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;}
.panel_wrapper {border:1px solid #919B9C; border-top:0px; padding:10px; padding-top:5px; clear:both; background:white;}

File

tinybrowser/css/stylefull_tinybrowser.css
View source 
  1. /* Generic */

  2. body {

  3. font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;

  4. background:#F0F0EE;

  5. padding:0;

  6. margin:8px 8px 0 8px;

  7. }

  8. 

  9. html {background:#F0F0EE;}

  10. textarea {resize:none;outline:none;}

  11. a:link, a:visited {color:black;}

  12. a:hover {color:#2B6FB6;}

  13. 

  14. /* Forms */

  15. fieldset {margin:0; padding:4px; border:1px solid #919B9C; font-family:Verdana, Arial; font-size:10px;}

  16. legend {color:#2B6FB6; font-weight:bold;}

  17. input {background:#FFF; border:1px solid #CCC;}

  18. input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

  19. input, select, textarea {border:1px solid #808080;}

  20. 

  21. /* Tabs classes */

  22. .tabs {width:100%; height:18px; line-height:normal; background:url(../img/tabs.gif) repeat-x 0 -72px;}

  23. .tabs ul {margin:0; padding:0; list-style:none;}

  24. .tabs li {float:left; background:url(../img/tabs.gif) no-repeat 0 0; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block;}

  25. .tabs li.current {background:url(../img/tabs.gif) no-repeat 0 -18px; margin-right:2px;}

  26. .tabs span {float:left; display:block; background:url(../img/tabs.gif) no-repeat right -36px; padding:0px 10px 0 0;}

  27. .tabs .current span {background:url(../img/tabs.gif) no-repeat right -54px;}

  28. .tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;}

  29. .tabs a:link, .tabs a:visited, .tabs a:hover {color:black;}

  30. 

  31. /* Panels */

  32. .panel_wrapper div.panel {display:none;}

  33. .panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;}

  34. .panel_wrapper {border:1px solid #919B9C; border-top:0px; padding:10px; padding-top:5px; clear:both; background:white;}