You are here

tft.css in Taxonomy File Tree 7

Same filename and directory in other branches
  1. 8 css/tft.css
  2. 7.2 css/tft.css
  3. 3.x css/tft.css
/* Hide the page title */

/* Menu */	

#folder-menu-container {
	margin-bottom: 10px;
}

	#folder-menu-container .folder-wrapper {
		padding: 10px;	
		overflow: hidden;
	}
	
	#folder-menu-container h4 { margin: 0; float: left; }
		
		#tabs .tabs li.folder-menu-ops-link a.disabled {
			background-color: #ddd;
			cursor: default;
		}
	

/* Folder content */

.tft-admin-folder-content-item {
    float: left;
    margin-right: 10px;
}

#folder-content-container {
	background-position: center center;
	background-repeat: no-repeat;	
	min-height: 400px;
}

	#folder-content-container .folder-wrapper {
		padding: 10px 0;	
	}
	
		#folder-content-container table {
			width: 100%;	
		}
		
			#folder-content-container tr.even { background-color: transparent; }
			#folder-content-container tr.odd { background-color: transparent; }
		
			#table-th-ops { width: 25%; }
			
			#folder-content-container a.ops-link { padding-left: 0; display: inline; }
			
			th.header { cursor: pointer; }
			
			th.header:hover, th.headerSortDown, th.headerSortUp { background: #eee; }
			
				th.header span { 
					background-position: right top;
					background-repeat: no-repeat;
					padding-right: 20px;
				}
			
				th.headerSortDown span { background-image: url(../img/arrow-asc.png); }
				th.headerSortUp span { background-image: url(../img/arrow-desc.png); }
	
			#folder-content-container a {
				display: block;	
				background-repeat: no-repeat;
				padding-left: 20px;
			}
			
			#folder-content-container a.file { background-image: url(../img/application-octet-stream.png); } /* Default icon */
			#folder-content-container a.folder-folder-link { background-image: url(../img/folder.png); } /* Folder icon */

	#folder-add-content-links {
		margin: 1em 0 0 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
	
		.folder-add-content-link {
			float: right;
			display: block;
		}
		
			.folder-add-content-link a {
				background-color: #ddd;
				color: #555;
				display: block;
				font-size: 0.833em;
				margin: 0 0 0 7px;
				padding: 5px 10px 5px 25px !important;
				text-decoration: none;
				background-position: 5px 4px;
			}
			
			#add-child-folder { background-image: url(../img/add-folder.png); }
			#add-child-file { background-image: url(../img/add-file-icon.png); }
			
			.folder-add-content-link a:hover {
				background-color: #eee;
				color: #777;
			}

/* Folder tree */

.tft-hide-element { display: none; }

#folder-explorer-container.tft-node-form {
	overflow: auto;
	height: 200px;
	border: 1px solid #eee;
	position: relative;
}

#folder-explorer-container ul {
	margin: 0.5em 0;
	list-style: none;	
	padding: 0;
	clear: left;
}

	#folder-explorer-container ul ul { padding-left: 1em; }

	#folder-explorer-container li {
		position: relative;
		overflow: hidden;
		list-style: none;
		background: none;
		padding: 0 0 0.2em 0.5em;
		display: block;
	}
	
		#folder-explorer-container li span.icon, #tft-outline tr.draggable span.icon {
			background-image: url(../img/opened-closed.png);
			background-repeat: no-repeat;
			background-position: -10px 0;
			display: block;
			padding: 3px 0;
			float: left;
			width: 12px;
			height: 18px;
			position: relative;
			z-index: 100;
		}
		
		#folder-explorer-container li span.closed-icon, #tft-outline tr.draggable span.closed-icon { background-position: left 5px; cursor: pointer; }
		#folder-explorer-container li span.opened-icon, #tft-outline tr.draggable span.opened-icon { background-position: left -12px; cursor: pointer; }
		
		#folder-explorer-container li span.link-wrapper {
			display: block;
			margin-left: -12px;
			float: left;
			width: 90%;
		}
		
			#folder-explorer-container li a.folder-link {
				text-decoration: none;
				background: url(../img/folder.png) left 3px no-repeat;
				padding: 3px 3px 3px 20px;
				color: #353535;
				display: block;
				margin-left: 12px;
				width: 90%;
			}
			
			#folder-explorer-container li.active > a.folder-link {
				font-weight: bold;
			}
	
	li.closed ul {
		display: none;	
	}
	
	#folder-explorer-container.tft-node-form li.active > .link-wrapper > a {
		background-color: #eee;
	}

		
/* Admin */
#tft-outline {
  width: 85%;
}

#tft-manage-folders-form .form-item {
	float: left;
}

.tabledrag-parent-locked .handle {
  background-image: url(../img/draggable.png) !important;
}

File

css/tft.css
View source
  1. /* Hide the page title */
  2. /* Menu */
  3. #folder-menu-container {
  4. margin-bottom: 10px;
  5. }
  6. #folder-menu-container .folder-wrapper {
  7. padding: 10px;
  8. overflow: hidden;
  9. }
  10. #folder-menu-container h4 { margin: 0; float: left; }
  11. #tabs .tabs li.folder-menu-ops-link a.disabled {
  12. background-color: #ddd;
  13. cursor: default;
  14. }
  15. /* Folder content */
  16. .tft-admin-folder-content-item {
  17. float: left;
  18. margin-right: 10px;
  19. }
  20. #folder-content-container {
  21. background-position: center center;
  22. background-repeat: no-repeat;
  23. min-height: 400px;
  24. }
  25. #folder-content-container .folder-wrapper {
  26. padding: 10px 0;
  27. }
  28. #folder-content-container table {
  29. width: 100%;
  30. }
  31. #folder-content-container tr.even { background-color: transparent; }
  32. #folder-content-container tr.odd { background-color: transparent; }
  33. #table-th-ops { width: 25%; }
  34. #folder-content-container a.ops-link { padding-left: 0; display: inline; }
  35. th.header { cursor: pointer; }
  36. th.header:hover, th.headerSortDown, th.headerSortUp { background: #eee; }
  37. th.header span {
  38. background-position: right top;
  39. background-repeat: no-repeat;
  40. padding-right: 20px;
  41. }
  42. th.headerSortDown span { background-image: url(../img/arrow-asc.png); }
  43. th.headerSortUp span { background-image: url(../img/arrow-desc.png); }
  44. #folder-content-container a {
  45. display: block;
  46. background-repeat: no-repeat;
  47. padding-left: 20px;
  48. }
  49. #folder-content-container a.file { background-image: url(../img/application-octet-stream.png); } /* Default icon */
  50. #folder-content-container a.folder-folder-link { background-image: url(../img/folder.png); } /* Folder icon */
  51. #folder-add-content-links {
  52. margin: 1em 0 0 0;
  53. padding: 0;
  54. list-style: none;
  55. overflow: hidden;
  56. }
  57. .folder-add-content-link {
  58. float: right;
  59. display: block;
  60. }
  61. .folder-add-content-link a {
  62. background-color: #ddd;
  63. color: #555;
  64. display: block;
  65. font-size: 0.833em;
  66. margin: 0 0 0 7px;
  67. padding: 5px 10px 5px 25px !important;
  68. text-decoration: none;
  69. background-position: 5px 4px;
  70. }
  71. #add-child-folder { background-image: url(../img/add-folder.png); }
  72. #add-child-file { background-image: url(../img/add-file-icon.png); }
  73. .folder-add-content-link a:hover {
  74. background-color: #eee;
  75. color: #777;
  76. }
  77. /* Folder tree */
  78. .tft-hide-element { display: none; }
  79. #folder-explorer-container.tft-node-form {
  80. overflow: auto;
  81. height: 200px;
  82. border: 1px solid #eee;
  83. position: relative;
  84. }
  85. #folder-explorer-container ul {
  86. margin: 0.5em 0;
  87. list-style: none;
  88. padding: 0;
  89. clear: left;
  90. }
  91. #folder-explorer-container ul ul { padding-left: 1em; }
  92. #folder-explorer-container li {
  93. position: relative;
  94. overflow: hidden;
  95. list-style: none;
  96. background: none;
  97. padding: 0 0 0.2em 0.5em;
  98. display: block;
  99. }
  100. #folder-explorer-container li span.icon, #tft-outline tr.draggable span.icon {
  101. background-image: url(../img/opened-closed.png);
  102. background-repeat: no-repeat;
  103. background-position: -10px 0;
  104. display: block;
  105. padding: 3px 0;
  106. float: left;
  107. width: 12px;
  108. height: 18px;
  109. position: relative;
  110. z-index: 100;
  111. }
  112. #folder-explorer-container li span.closed-icon, #tft-outline tr.draggable span.closed-icon { background-position: left 5px; cursor: pointer; }
  113. #folder-explorer-container li span.opened-icon, #tft-outline tr.draggable span.opened-icon { background-position: left -12px; cursor: pointer; }
  114. #folder-explorer-container li span.link-wrapper {
  115. display: block;
  116. margin-left: -12px;
  117. float: left;
  118. width: 90%;
  119. }
  120. #folder-explorer-container li a.folder-link {
  121. text-decoration: none;
  122. background: url(../img/folder.png) left 3px no-repeat;
  123. padding: 3px 3px 3px 20px;
  124. color: #353535;
  125. display: block;
  126. margin-left: 12px;
  127. width: 90%;
  128. }
  129. #folder-explorer-container li.active > a.folder-link {
  130. font-weight: bold;
  131. }
  132. li.closed ul {
  133. display: none;
  134. }
  135. #folder-explorer-container.tft-node-form li.active > .link-wrapper > a {
  136. background-color: #eee;
  137. }
  138. /* Admin */
  139. #tft-outline {
  140. width: 85%;
  141. }
  142. #tft-manage-folders-form .form-item {
  143. float: left;
  144. }
  145. .tabledrag-parent-locked .handle {
  146. background-image: url(../img/draggable.png) !important;
  147. }