You are here

tft.css in Taxonomy File Tree 7.2

Same filename and directory in other branches
  1. 8 css/tft.css
  2. 7 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: 35px;
        min-height: 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-link { background-image: url(../img/add-folder.png); }
			#add-child-file-link { background-image: url(../img/add-file-icon.png); }
            #add-multiple-child-files-link { background-image: url(../img/add-multiple-file-icon.png); }

			.folder-add-content-link a:hover {
				background-color: #eee;
				color: #777;
			}

/* Folder tree */

.tft-multiple-upload-submit
{
    display:none;
}


.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: 35px;
  48. min-height: 20px;
  49. }
  50. #folder-content-container a.file { background-image: url(../img/application-octet-stream.png); } /* Default icon */
  51. #folder-content-container a.folder-folder-link { background-image: url(../img/folder.png); } /* Folder icon */
  52. #folder-add-content-links {
  53. margin: 1em 0 0 0;
  54. padding: 0;
  55. list-style: none;
  56. overflow: hidden;
  57. }
  58. .folder-add-content-link {
  59. float: right;
  60. display: block;
  61. }
  62. .folder-add-content-link a {
  63. background-color: #ddd;
  64. color: #555;
  65. display: block;
  66. font-size: 0.833em;
  67. margin: 0 0 0 7px;
  68. padding: 5px 10px 5px 25px !important;
  69. text-decoration: none;
  70. background-position: 5px 4px;
  71. }
  72. #add-child-folder-link { background-image: url(../img/add-folder.png); }
  73. #add-child-file-link { background-image: url(../img/add-file-icon.png); }
  74. #add-multiple-child-files-link { background-image: url(../img/add-multiple-file-icon.png); }
  75. .folder-add-content-link a:hover {
  76. background-color: #eee;
  77. color: #777;
  78. }
  79. /* Folder tree */
  80. .tft-multiple-upload-submit
  81. {
  82. display:none;
  83. }
  84. .tft-hide-element { display: none; }
  85. #folder-explorer-container.tft-node-form {
  86. overflow: auto;
  87. height: 200px;
  88. border: 1px solid #eee;
  89. position: relative;
  90. }
  91. #folder-explorer-container ul {
  92. margin: 0.5em 0;
  93. list-style: none;
  94. padding: 0;
  95. clear: left;
  96. }
  97. #folder-explorer-container ul ul { padding-left: 1em; }
  98. #folder-explorer-container li {
  99. position: relative;
  100. overflow: hidden;
  101. list-style: none;
  102. background: none;
  103. padding: 0 0 0.2em 0.5em;
  104. display: block;
  105. }
  106. #folder-explorer-container li span.icon, #tft-outline tr.draggable span.icon {
  107. background-image: url(../img/opened-closed.png);
  108. background-repeat: no-repeat;
  109. background-position: -10px 0;
  110. display: block;
  111. padding: 3px 0;
  112. float: left;
  113. width: 12px;
  114. height: 18px;
  115. position: relative;
  116. z-index: 100;
  117. }
  118. #folder-explorer-container li span.closed-icon, #tft-outline tr.draggable span.closed-icon { background-position: left 5px; cursor: pointer; }
  119. #folder-explorer-container li span.opened-icon, #tft-outline tr.draggable span.opened-icon { background-position: left -12px; cursor: pointer; }
  120. #folder-explorer-container li span.link-wrapper {
  121. display: block;
  122. margin-left: -12px;
  123. float: left;
  124. width: 90%;
  125. }
  126. #folder-explorer-container li a.folder-link {
  127. text-decoration: none;
  128. background: url(../img/folder.png) left 3px no-repeat;
  129. padding: 3px 3px 3px 20px;
  130. color: #353535;
  131. display: block;
  132. margin-left: 12px;
  133. width: 90%;
  134. }
  135. #folder-explorer-container li.active > a.folder-link {
  136. font-weight: bold;
  137. }
  138. li.closed ul {
  139. display: none;
  140. }
  141. #folder-explorer-container.tft-node-form li.active > .link-wrapper > a {
  142. background-color: #eee;
  143. }
  144. /* Admin */
  145. #tft-outline {
  146. width: 85%;
  147. }
  148. #tft-manage-folders-form .form-item {
  149. float: left;
  150. }
  151. .tabledrag-parent-locked .handle {
  152. background-image: url(../img/draggable.png) !important;
  153. }