You are here

Home » API reference » iTweak Upload 7.3

itweak_upload.css in iTweak Upload 7.3

Same filename and directory in other branches
  1. 6.2 itweak_upload.css

itweak_upload CSS file.

Colors: #DDD - hover file item bg, list borders, image border #000 - hover image border #777 - file details font #F0F0F0 - Inline file item #AAAAAA - Inline file item border #C8C8C8 - Inline file item shadow red - hover remove link font green - hover insert link font

!important is used in some styles to forward-override defaults in themes 3 times - width 5 times - padding 5 times - margin 3 times - background 4 times - border 3 times - text-decoration total: 61 times use !important in your theme customizations (local.css or similar) to re-theme.

File

itweak_upload.css
View source 
  1. 

  2. /**

  3.  * @file

  4.  * itweak_upload CSS file.

  5.  *

  6.  * Colors:

  7.  * #DDD    - hover file item bg, list borders, image border

  8.  * #000    - hover image border

  9.  * #777    - file details font

  10.  * #F0F0F0 - Inline file item

  11.  * #AAAAAA - Inline file item border

  12.  * #C8C8C8 - Inline file item shadow

  13.  * red     - hover remove link font

  14.  * green   - hover insert link font

  15.  *

  16.  * !important is used in some styles to forward-override defaults in themes

  17.  *   3 times - width

  18.  *   5 times - padding

  19.  *   5 times - margin

  20.  *   3 times - background

  21.  *   4 times - border

  22.  *   3 times - text-decoration

  23.  *  total: 61 times

  24.  * use !important in your theme customizations (local.css or similar) to re-theme.

  25.  */

  26. 

  27. #upload-attachments {

  28.   margin: 10px 0 0;

  29. }

  30. 

  31. #edit-upload-wrapper {

  32.   background: transparent url('icons/attachment.png') no-repeat left center;

  33.   padding-left: 30px;

  34. }

  35. 

  36. #upload-attachments {

  37.   background: transparent;

  38.   /* The following only provides separation between rows */

  39.   border-collapse: separate !important;

  40.   border-spacing: 0 6px;

  41.   border: none;

  42. }

  43. 

  44. #upload-attachments tr,

  45. #upload-attachments th,

  46. #upload-attachments td {

  47.   background: transparent;

  48.   border: none;

  49. }

  50. 

  51. #attach-wrapper tbody {

  52.   border: none;

  53. }

  54. 

  55. #attach-wrapper .list {

  56.   white-space: nowrap;

  57. }

  58. 

  59. #attach-wrapper .file a {

  60.   cursor: pointer;

  61.   font-size: 85%;

  62.   margin-left: 1em;

  63. }

  64. 

  65. #attach-wrapper .file a:hover {

  66.   background-color: #DDD;

  67. }

  68. 

  69. #attach-wrapper .file a.itu-remove:hover {

  70.   color: red;

  71. }

  72. 

  73. #attach-wrapper .itu-insert .details,

  74. #attach-wrapper .list .details, /* align vertical pos. of insert and list cells */

  75. #attach-wrapper .file .details {

  76.   color: #777;

  77.   display: block;

  78.   font-size: 85%;

  79. }

  80. #attach-wrapper .file input {

  81.   margin-top: -2px; /* compensate for vertical shift - aligns v.pos. of rename/cancel/remove links */

  82. }

  83. 

  84. #attach-wrapper .file {

  85.   width: 100%;

  86.   padding-left: 1em;

  87. }

  88. 

  89. /* Insert link & selector */

  90. #attach-wrapper td.itu-insert a {

  91.   cursor: pointer;

  92.   font-size: 85%;

  93.   margin-right: 0.5em;

  94. }

  95. #attach-wrapper td.itu-insert a:hover {

  96.   background-color: #DDD;

  97. }

  98. #attach-wrapper td.itu-insert a.itu-insert:hover {

  99.   color: green;

  100. }

  101. 

  102. #attach-wrapper td.itu-insert select {

  103.   font-size: 85%;

  104. }

  105. 

  106. /* Insert File CSS Sprites */

  107. a.itu-insert-file {

  108.   border: 1px solid #AAAAAA;

  109.   -moz-border-radius: 4px;

  110.   border-radius: 4px;

  111.   -webkit-box-shadow: -2px 2px 2px 0 #C8C8C8;

  112.   -moz-box-shadow: -2px 2px 2px 0 #C8C8C8;

  113.   box-shadow: -2px 2px 2px 0 #C8C8C8;

  114.   display: inline-block;

  115.   padding: 2px 6px 2px 24px !important;

  116.   margin: 0 3px !important;

  117.   min-width: 80px;

  118.   height: 18px;

  119.   min-height: 18px;

  120.   width: auto;

  121.   font-weight: bold;

  122.   text-decoration: none !important;

  123. }

  124. 

  125. /* CSS Sprites */

  126. #attach-wrapper .mime {

  127.   font-size: 14px;

  128.   padding: 0;

  129.   width: 32px;

  130.   min-width: 32px;

  131. }

  132. 

  133. /* On view */

  134. table.itu-attachment-list tr,

  135. table.itu-attachment-list th,

  136. table.itu-attachment-list td {

  137.   padding: 0;

  138.   margin: 0;

  139.   background: none;

  140.   border: none;

  141.   width: 0;

  142.   height: 0;

  143. }

  144. /* Wrapper to fix table.itu-attachment-list width inside advanced forum frame */

  145. .itu-attachments {

  146.   width: auto;

  147.   padding: 0;

  148. }

  149. table.itu-attachment-list {

  150.   margin: 0;

  151.   border: none;

  152.   /* The following is required to apply borders to tbody */

  153.   border-collapse: collapse !important;

  154.   width: 100% !important;

  155.   *border: 1px solid #DDD !important; /* IE6, IE7 fix of no border on tbody */

  156. }

  157. table.itu-attachment-list.withoutstats thead {

  158.   display: none;

  159. }

  160. table.itu-attachment-list.withstats thead {

  161.   display: table-header-group;

  162.   text-wrap: none;

  163.   white-space: nowrap;

  164.   background: none;

  165.   border: none;

  166. }

  167. table.itu-attachment-list.withstats thead .preview,

  168. table.itu-attachment-list.withstats thead .file {

  169.   opacity: 0;

  170.   filter: alpha(opacity=0);	/* IE6 */

  171.   -moz-opacity: 0;

  172.   -khtml-opacity: 0;

  173. }

  174. table.itu-attachment-list thead .download_count,

  175. table.itu-attachment-list thead .download_last,

  176. table.itu-attachment-list thead .download_stats {

  177.   text-align: left;

  178. }

  179. table.itu-attachment-list thead th {

  180.   border: none;

  181. }

  182. table.itu-attachment-list tbody {

  183.   border: 1px solid #DDD !important;

  184.   background: none;

  185. }

  186. table.itu-attachment-list tr {

  187.   height: auto;

  188.   background: none !important;

  189. }

  190. table.itu-attachment-list tbody td {

  191.   padding-top: 3px;

  192.   padding-bottom: 3px;

  193. }

  194. table.itu-attachment-list tbody tr:hover {

  195.   background: #DDD !important;

  196. }

  197. 

  198. table.itu-attachment-list .file {

  199.   width: 80%;

  200.   *width: auto;  /* IE6, IE7 only */

  201. }

  202. 

  203. table.itu-attachment-list .download_count {

  204.   padding-right: 1em;

  205.   padding-left: 1em;

  206.   text-align: right;

  207.   width: auto;

  208. }

  209. 

  210. table.itu-attachment-list .download_last {

  211.   padding-right: 1em;

  212.   width: auto;

  213.   text-wrap: none;

  214.   white-space: nowrap;

  215. }

  216. 

  217. table.itu-attachment-list .size {

  218.   padding-right: 1em;

  219.   width: auto;

  220.   text-align: right;

  221.   text-wrap: none;

  222.   white-space: nowrap;

  223. }

  224. 

  225. /* CSS Sprites */

  226. table.itu-attachment-list .mime {

  227.   padding: 0 7px;

  228.   margin: 0;

  229.   width: 16px;

  230.   min-width: 16px;

  231.   height: 22px;

  232.   min-height: 22px;

  233. }

  234. 

  235. /* Styles for Image Attachments slider */

  236. /* div.itu-attachment-images > div.item-list > ul.itu-attachment-thumbs > li.first/last > div.itu_attachment-thumb > a > img */

  237. .itu-attachment-images * {

  238.   margin: 0;

  239.   padding: 0;

  240. }

  241. 

  242. .itu-attachment-images {

  243. /*  clear: both; */

  244.   border: 1px solid #DDD;

  245.   margin: 1em 0;

  246.   padding: 5px 0 5px 5px;

  247.   overflow-x: auto;

  248. }

  249. 

  250. /* Special margin fixes for advanced forum wrapper */

  251. .forum-post-wrapper .itu-attachment-images {

  252.   margin-right: 1em;

  253. }

  254. .forum-post-wrapper .itu-attachments {

  255.   padding-right: 1em;

  256. }

  257. 

  258. .itu-attachment-images .item-list {

  259.   margin: 0 !important;

  260.   padding: 0 !important;

  261. }

  262. 

  263. .itu-attachment-images ul {

  264.   white-space:nowrap;

  265.   list-style: none;

  266.   margin: 0 !important;

  267.   padding: 0 !important;

  268. }

  269. 

  270. .itu-attachment-images ul li {

  271.   display: inline;

  272.   list-style: none;

  273.   /* Force clean list styling */

  274.   background: none !important;

  275.   margin: 0 !important;

  276.   padding: 0 !important;

  277. }

  278. 

  279. .itu-attachment-images ul li.last {

  280.   padding-right: 5px !important;

  281. }

  282. 

  283. /* Thumbnails styling in all views */

  284. .itu-attachment-thumb {

  285.   padding: 0;

  286.   margin: 0;

  287.   display: inline;

  288.   text-align: center;

  289.   vertical-align: baseline;

  290. }

  291. .itu-attachment-thumb a {

  292.   padding: 0;

  293.   margin: 0;

  294.   text-decoration: none;

  295.   display: block;

  296.   height: auto;

  297.   vertical-align: baseline;

  298. }

  299. .itu-attachment-thumb a img {

  300.   padding: 0;

  301.   margin: 0;

  302.   border: 2px solid #DDD;

  303.   vertical-align: middle;

  304. }

  305. .itu-attachment-thumb a:hover img {

  306.   border: 2px solid #000;

  307. }

  308. 

  309. /* Revert block to inline for gallery */

  310. .itu-attachment-images .itu-attachment-thumb a {

  311.   display: inline;

  312. }

  313. 

  314. /* Progress bar styling */

  315. .ahah-progress {

  316.   width: 100% !important;

  317. }

  318. .ahah-progress-bar {

  319.   width: 100% !important;

  320.   margin: 0 !important;

  321. }

  322. 

  323. /* jCarousel Lite Prev/Next buttons */

  324. .jcarousellite {

  325.   position: relative;

  326.   padding-left: 33px;

  327.   padding-right: 33px;

  328. }

  329. .jcarousellite .item-list {

  330.   display: block;

  331. }

  332. .itu-attachment-jcarousellite-prev,

  333. .itu-attachment-jcarousellite-next {

  334.   display: block;

  335.   position: absolute;

  336.   top: 0px;

  337.   width: 31px;

  338.   height: 100%;

  339.   text-decoration: none !important;

  340. }

  341. .itu-attachment-jcarousellite-prev {

  342.   background: url(icons/imageNavLeft.gif) no-repeat 2px 50%;

  343.   left: 0;

  344. }

  345. .itu-attachment-jcarousellite-next {

  346.   background: url(icons/imageNavRight.gif) no-repeat 2px 50%;

  347.   right: 0;

  348. }

  349. .itu-attachment-jcarousellite-prev:hover {

  350.   background-position: -52px 50%;

  351.   background-color: #DDD;

  352. }

  353. .itu-attachment-jcarousellite-next:hover {

  354.   background-position: -52px 50%;

  355.   background-color: #DDD;

  356. }

  357. .itu-attachment-jcarousellite-prev:active {

  358.   background-position: -106px 50%;

  359. }

  360. .itu-attachment-jcarousellite-next:active {

  361.   background-position: -106px 50%;

  362. }

  363. /* Fixing jCarousel Lite spacing. */

  364. .jcarousellite ul div { margin: 0 4px 0 0; }

  365. 

  366. /* div with view uploaded files forbidden message */

  367. .itu-attachment-forbidden {

  368.   border: 1px solid #DDD;

  369.   background: none;

  370.   padding: 0 5px;

  371.   margin: 0 0 1em;

  372. }

  373.