inettuts.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. /* Reset */
  2. body,img,p,h1,h2,h3,h4,h5,h6,ul,ol {margin:0; padding:0; list-style:none; border:none;}
  3. /* End Reset */
  4. body {font-size:0.8em; font-family:Arial,Verdana,Sans-Serif; background: #fff;}
  5. a {color:white;}
  6. /* Colors */
  7. .color-yellow {background:#f2bc00;}
  8. .color-red {background:#dd0000;}
  9. .color-blue {background:#E5EFFE url('img/accordion-header.gif');}
  10. .color-white {background:#dfdfdf;}
  11. .color-orange {background:#f66e00;}
  12. .color-green {background:#8dc100;}
  13. .color-yellow h3,
  14. .color-white h3,
  15. .color-green h3
  16. {color:#fff;}
  17. .color-red h3,
  18. .color-blue h3,
  19. .color-orange h3
  20. {color:#183152;}
  21. /* End Colors */
  22. /* Columns section */
  23. #columns .column {
  24. float: left;
  25. width: 33%;
  26. /* Min-height: */
  27. min-height: 200px;
  28. }
  29. /* Column dividers (background-images) : */
  30. #columns .widget {
  31. margin: 5px 2px 0 2px;
  32. padding: 2px;
  33. -moz-border-radius: 4px;
  34. -webkit-border-radius: 4px;
  35. }
  36. #columns .widget .widget-head {
  37. color: #fff;
  38. overflow: hidden;
  39. width: 100%;
  40. height: 25px;
  41. line-height: 25px;
  42. }
  43. #columns .widget .widget-head h3 {
  44. padding: 0 5px;
  45. float: left;
  46. }
  47. #columns .widget .widget-content {
  48. background: #fff url(img/widget-content-bg.png) repeat-x;
  49. color: #DDD;
  50. -moz-border-radius-bottomleft: 2px;
  51. -moz-border-radius-bottomright: 2px;
  52. -webkit-border-bottom-left-radius: 2px;
  53. -webkit-border-bottom-right-radius: 2px;
  54. line-height: 1.2em;
  55. overflow: hidden;
  56. }
  57. #columns .widget .widget-content p {
  58. padding: 0.8em 0;
  59. border-bottom: 1px solid #666;
  60. }
  61. #columns .widget .widget-content img {
  62. float: right;
  63. margin: 10px;
  64. border: 1px solid #FFF;
  65. }
  66. #columns .widget .widget-content pre {
  67. padding: 0.5em 5px;
  68. color: #EEE;
  69. font-size: 12px;
  70. }
  71. #columns .widget .widget-content ul {
  72. padding: 5px 0 5px 20px;
  73. list-style: disc;
  74. }
  75. #columns .widget .widget-content ul li {padding: 3px 0;}
  76. #columns .widget .widget-content ul.images {
  77. padding: 7px 0 0 0;
  78. list-style: none;
  79. height: 1%;
  80. }
  81. #columns .widget .widget-content ul.images li {
  82. display: inline;
  83. float: left;
  84. }
  85. #columns .widget .widget-content ul.images img {
  86. display: inline;
  87. float: left;
  88. margin: 0 0 7px 7px;
  89. }
  90. /* End Columns section */
  91. /* JS-Enabled CSS */
  92. .widget-head a.remove {
  93. float: right;
  94. display: inline;
  95. background: url(img/buttons.gif) no-repeat -24px 0;
  96. width: 14px;
  97. height: 14px;
  98. margin: 8px 10px 8px 0;
  99. text-indent: -9999em;
  100. outline: none;
  101. }
  102. .widget-head a.edit {
  103. float: right;
  104. display: inline;
  105. background: url(img/buttons.gif) no-repeat;
  106. width: 24px;
  107. height: 14px;
  108. text-indent: -9999em;
  109. margin: 8px 4px 8px 4px;
  110. outline: none;
  111. }
  112. .widget-head a.collapse {
  113. float: left;
  114. display: inline;
  115. background: url(img/buttons.gif) no-repeat -52px 0;
  116. width: 14px;
  117. height: 14px;
  118. text-indent: -9999em;
  119. margin: 8px 0 8px 4px;
  120. outline: none;
  121. }
  122. .widget-placeholder { border: 2px dashed #999;}
  123. .edit-box {
  124. overflow: hidden;
  125. background: #fff url(img/widget-content-bg.png) repeat-x;
  126. margin-bottom: 2px;
  127. padding: 10px 0;
  128. }
  129. .edit-box li.item {
  130. padding: 10px 0;
  131. overflow: hidden;
  132. float: left;
  133. width: 100%;
  134. clear: both;
  135. }
  136. .edit-box label {
  137. float: left;
  138. width: 30%;
  139. color: #FFF;
  140. padding: 0 0 0 10px;
  141. }
  142. .edit-box ul.colors li {
  143. width: 20px;
  144. height: 20px;
  145. border: 1px solid #EEE;
  146. float: left;
  147. display: inline;
  148. margin: 0 5px 0 0;
  149. cursor: pointer;
  150. }