You are here

Home » API reference » TinyBrowser 7

jeegoocontext.css in TinyBrowser 7 

body ul.cm_default, body ul.cm_default ul
{
	/* Required settings */
	top:-1000px; 
	left:-1000px; 
	position:absolute; 
	z-index:999; 
	/* Possibly inherited values overrides */
	border-width:0;  
	float:none; 
	height:auto; 
	margin:0; 
	padding:0; 
	width:auto;	
	/* Additional settings */
	border-top:solid 1px #aaa; 
	border-bottom:solid 1px #aaa;
}
body ul.cm_default li
{
	/* Required settings */
	width:132px; 
	list-style:none none outside;
	/* Possibly inherited values overrides */
	float:none; 
	height:auto; 
	letter-spacing:normal; 
	margin:0; 
	border-width:0; 
	line-height:normal; 
	text-align:left; 
	text-decoration:none; 
	text-indent:0; 
	text-transform:none; 
	vertical-align:top; 
	word-spacing:normal;
	font-family:Arial, Sans-Serif; 
	font-size:12px; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal;
	/* Additional settings */
	overflow:hidden; 
	cursor:default; 
	border-left:solid 1px #aaa; 
	border-right:solid 1px #aaa; 
	background: #fff;
	padding: 2px;
}
body ul.cm_default li.separator{
	width:168px; 
	height:1px; 
	background: #fff;
	border-top: solid 1px #ddd;
	padding:0;
}
/* IE 6/7 hack */
body ul.cm_default li.separator{*margin:-1px 0 -5px 0}
body ul.cm_default li.disabled{
	color:#999
}
body ul.cm_default li span.submenu{
	display:block; 
	width:4px; 
	height:11px; 
	float:right; 
	background:url(../img/submenu.gif) no-repeat 0 4px;
}
body ul.cm_default li.disabled span.submenu{
	background:url(../img/submenu_dis.gif) no-repeat;
}
body ul.cm_default li.hover{
	background: #ccc;
}

/* no hover effects on separators*/
body ul.cm_default li.hover.separator{ background: #fff; }

/*icons*/
body ul.cm_default li.icon{
	width:158px; 
	padding:5px
}
body ul.cm_default span.icon{
	display:block; 
	float:left; 
	width:22px; 
	height:16px; 
}
body ul.cm_default span.image{ background:url(../img/icons/image.png) no-repeat; }
body ul.cm_default span.rotate_l{ background:url(../img/icons/rotate_ac.png) no-repeat; }
body ul.cm_default span.rotate_r{ background:url(../img/icons/rotate_c.png) no-repeat; }
body ul.cm_default span.resize{ background:url(../img/icons/resize.png) no-repeat; }
body ul.cm_default span.crop{ background:url(../img/icons/crop.png) no-repeat; }
body ul.cm_default span.rename{ background:url(../img/icons/rename.png) no-repeat; }
body ul.cm_default span.duplicate{ background:url(../img/icons/duplicate.png) no-repeat; }
body ul.cm_default span.delete{ background:url(../img/icons/delete.png) no-repeat; }
body ul.cm_default span.folder{ background:url(../img/icons/folder.png) no-repeat; }

File

tinybrowser/css/jeegoocontext.css
View source 
  1. body ul.cm_default, body ul.cm_default ul

  2. {

  3. 	/* Required settings */

  4. 	top:-1000px; 

  5. 	left:-1000px; 

  6. 	position:absolute; 

  7. 	z-index:999; 

  8. 	/* Possibly inherited values overrides */

  9. 	border-width:0;  

  10. 	float:none; 

  11. 	height:auto; 

  12. 	margin:0; 

  13. 	padding:0; 

  14. 	width:auto;	

  15. 	/* Additional settings */

  16. 	border-top:solid 1px #aaa; 

  17. 	border-bottom:solid 1px #aaa;

  18. }

  19. body ul.cm_default li

  20. {

  21. 	/* Required settings */

  22. 	width:132px; 

  23. 	list-style:none none outside;

  24. 	/* Possibly inherited values overrides */

  25. 	float:none; 

  26. 	height:auto; 

  27. 	letter-spacing:normal; 

  28. 	margin:0; 

  29. 	border-width:0; 

  30. 	line-height:normal; 

  31. 	text-align:left; 

  32. 	text-decoration:none; 

  33. 	text-indent:0; 

  34. 	text-transform:none; 

  35. 	vertical-align:top; 

  36. 	word-spacing:normal;

  37. 	font-family:Arial, Sans-Serif; 

  38. 	font-size:12px; 

  39. 	font-style:normal; 

  40. 	font-variant:normal; 

  41. 	font-weight:normal;

  42. 	/* Additional settings */

  43. 	overflow:hidden; 

  44. 	cursor:default; 

  45. 	border-left:solid 1px #aaa; 

  46. 	border-right:solid 1px #aaa; 

  47. 	background: #fff;

  48. 	padding: 2px;

  49. }

  50. body ul.cm_default li.separator{

  51. 	width:168px; 

  52. 	height:1px; 

  53. 	background: #fff;

  54. 	border-top: solid 1px #ddd;

  55. 	padding:0;

  56. }

  57. /* IE 6/7 hack */

  58. body ul.cm_default li.separator{*margin:-1px 0 -5px 0}

  59. body ul.cm_default li.disabled{

  60. 	color:#999

  61. }

  62. body ul.cm_default li span.submenu{

  63. 	display:block; 

  64. 	width:4px; 

  65. 	height:11px; 

  66. 	float:right; 

  67. 	background:url(../img/submenu.gif) no-repeat 0 4px;

  68. }

  69. body ul.cm_default li.disabled span.submenu{

  70. 	background:url(../img/submenu_dis.gif) no-repeat;

  71. }

  72. body ul.cm_default li.hover{

  73. 	background: #ccc;

  74. }

  75. 

  76. /* no hover effects on separators*/

  77. body ul.cm_default li.hover.separator{ background: #fff; }

  78. 

  79. /*icons*/

  80. body ul.cm_default li.icon{

  81. 	width:158px; 

  82. 	padding:5px

  83. }

  84. body ul.cm_default span.icon{

  85. 	display:block; 

  86. 	float:left; 

  87. 	width:22px; 

  88. 	height:16px; 

  89. }

  90. body ul.cm_default span.image{ background:url(../img/icons/image.png) no-repeat; }

  91. body ul.cm_default span.rotate_l{ background:url(../img/icons/rotate_ac.png) no-repeat; }

  92. body ul.cm_default span.rotate_r{ background:url(../img/icons/rotate_c.png) no-repeat; }

  93. body ul.cm_default span.resize{ background:url(../img/icons/resize.png) no-repeat; }

  94. body ul.cm_default span.crop{ background:url(../img/icons/crop.png) no-repeat; }

  95. body ul.cm_default span.rename{ background:url(../img/icons/rename.png) no-repeat; }

  96. body ul.cm_default span.duplicate{ background:url(../img/icons/duplicate.png) no-repeat; }

  97. body ul.cm_default span.delete{ background:url(../img/icons/delete.png) no-repeat; }

  98. body ul.cm_default span.folder{ background:url(../img/icons/folder.png) no-repeat; }