Forked mumble-django project from https://bitbucket.org/Svedrin/mumble-django
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

365 lines
12 KiB

  1. @charset "UTF-8";
  2. /**
  3. * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
  4. *
  5. * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
  6. * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
  7. *
  8. * Don't make any changes in this file!
  9. * Your changes should be added to a separate patch-file.
  10. *
  11. * @copyright Copyright 2005-2009, Dirk Jesse
  12. * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
  13. * YAML-C (http://www.yaml.de/en/license/license-conditions.html)
  14. * @link http://www.yaml.de
  15. * @package yaml
  16. * @version 3.1
  17. * @revision $Revision: 343 $
  18. * @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
  19. * @appdef yaml
  20. */
  21. @media all
  22. {
  23. /**
  24. * (en) Debugging: When you see a green background, IE is getting this stylesheet
  25. * (de) Fehlersuche: Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
  26. *
  27. * @debug
  28. * @app-yaml-default disabled
  29. */
  30. /* body { background: #0f0; background-image: none; } */
  31. /*------------------------------------------------------------------------------------------------------*/
  32. /**
  33. * (en) Forcing vertical scrollbars is not needed in IE (only for Firefox/Netscape/Safari)
  34. * (de) Erzwingen vertikaler Scrollbalken im IE nicht benötigt (nur im Firefox/Netscape/Safari)
  35. *
  36. * @workaround
  37. * @affected IE 5.x/Win, IE6, IE7
  38. * @css-for IE 5.x/Win, IE6, IE7
  39. * @valid yes
  40. */
  41. html { height: auto; margin-bottom:0; }
  42. /*------------------------------------------------------------------------------------------------------*/
  43. /**
  44. * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
  45. * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
  46. *
  47. * @workaround
  48. * @affected IE 5.x/Win, IE6
  49. * @css-for IE 5.x/Win, IE6
  50. * @valid no
  51. */
  52. * html textarea { overflow:scroll; overflow-x: hidden; }
  53. * html input { overflow: hidden; }
  54. /*------------------------------------------------------------------------------------------------------*/
  55. /**
  56. * (en) Stability fixes with 'position:relative'
  57. * (de) Stabilitätsverbesserungen durch 'position:relative'
  58. *
  59. * @bugfix
  60. * @affected IE 5.x/Win, IE6, IE7
  61. * @css-for IE 5.x/Win, IE6, IE7
  62. * @valid yes
  63. */
  64. body { position:relative; } /* Essential in IE7 for correct layout scaling ... */
  65. * html body { position:static; } /* ... but not for IE5.x and IE6 */
  66. #main { position: relative; } /* helpful for several problems in older IE versions*/
  67. /*------------------------------------------------------------------------------------------------------*/
  68. /**
  69. * (en) Clearfix Method for containing floats in IE
  70. * (de) Clearfix-Anpassung für diverse IE-Versionen
  71. *
  72. * @workaround
  73. * @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28
  74. * @affected IE 5.x/Win, IE6, IE7
  75. * @css-for IE 5.x/Win, IE6, IE7
  76. * @valid yes
  77. */
  78. .clearfix { display: inline-block; } /* ... especial for IE7 */
  79. .clearfix { display: block; } /* ... für IE5,IE6,IE7 */
  80. * html .clearfix { height: 1%; } /* ... für IE5 + IE6/Win | hasLayout aktivieren */
  81. /*------------------------------------------------------------------------------------------------------*/
  82. /**
  83. * (en) Adjustment of .floatbox class for IE
  84. * (de) Anpassung der .floatbox-Klasse für IE
  85. *
  86. * @workaround
  87. * @affected IE 5.x/Win, IE6, IE7
  88. * @css-for IE 5.x/Win, IE6, IE7
  89. * @valid yes
  90. */
  91. .floatbox { width:100%; }
  92. /*------------------------------------------------------------------------------------------------------*/
  93. /**
  94. * (en) Special class for oversized content element
  95. * (de) Spezielle Klasse für übergroße Inhaltselemente
  96. *
  97. * @workaround
  98. * @affected IE 5.x/Win, IE6
  99. * @css-for IE 5.x/Win, IE6
  100. * @valid yes
  101. */
  102. .slidebox {
  103. position:relative;
  104. margin-right: -1000px;
  105. height: 1%;
  106. }
  107. /*------------------------------------------------------------------------------------------------------*/
  108. /**
  109. * (en): Bugfix for partially displayed column separators
  110. * (de): Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
  111. *
  112. * @bugfix
  113. * @affected IE 5.x/Win, IE6
  114. * @css-for IE 5.x/Win, IE6
  115. * @valid yes
  116. */
  117. * html #col1,
  118. * html #col2,
  119. * html #col3 { position:relative; }
  120. /*------------------------------------------------------------------------------------------------------*/
  121. /**
  122. * (en) Preventing several css bugs by forcing "hasLayout"
  123. * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
  124. *
  125. * @workaround
  126. * @affected IE 5.x/Win, IE6, IE7
  127. * @css-for IE 5.x/Win, IE6, IE7
  128. * @valid no
  129. */
  130. body { height: 1%; }
  131. #page_margins, #page, .page_margins, .page, #header, #nav, #main, #footer { zoom:1; } /* IE6 & IE7 */
  132. #page_margins, #page, .page_margins, .page { height: 1%; } /* IE 5.x */
  133. * html #header, * html #nav, * html #main, * html #footer { width: 100%; } /* IE 5.x & IE6 */
  134. * html #header, * html #nav, * html #main, * html #footer { wid\th: auto; } /* IE 6 */
  135. /*------------------------------------------------------------------------------------------------------*/
  136. /**
  137. * Disappearing List-Background Bug
  138. * @see http://www.positioniseverything.net/explorer/ie-listbug.html
  139. *
  140. * @bugfix
  141. * @affected IE 5.x/Win, IE6
  142. * @css-for IE 5.x/Win, IE6
  143. * @valid yes
  144. */
  145. * html ul, * html ol, * html dl { position: relative; }
  146. /*------------------------------------------------------------------------------------------------------*/
  147. /**
  148. * List-Numbering Bug
  149. *
  150. * @bugfix
  151. * @affected IE 5.x/Win, IE6, IE7
  152. * @css-for IE 5.x/Win, IE6, IE7
  153. * @valid yes
  154. */
  155. body ol li { display:list-item; }
  156. /**
  157. * Form related bugfixes
  158. *
  159. * @bugfix
  160. * @affected IE 5.x/Win, IE6, IE7
  161. * @css-for IE 5.x/Win, IE6, IE7
  162. * @valid no
  163. */
  164. fieldset, legend { position:relative; }
  165. /* global fixes for YAML's form construction set */
  166. form.yform,
  167. form.yform div,
  168. form.yform div * { zoom:1; }
  169. /*------------------------------------------------------------------------------------------------------*/
  170. /**
  171. * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
  172. * Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
  173. * longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
  174. * in YAML.
  175. *
  176. * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
  177. * Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
  178. * wenn gleichzeitig die rechte Spalte die kürzeste und die rechte die Längste ist. Im IE6 und IE7 lässt
  179. * sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
  180. *
  181. * @workaround
  182. * @affected IE 5.x/Win, IE6, IE7
  183. * @css-for IE 5.x/Win, IE6, IE7
  184. * @valid no
  185. */
  186. html #ie_clearing {
  187. /* (en) Only a small help for debugging */
  188. /* (de) Nur eine kleine Hilfe zur Fehlersuche */
  189. position:static;
  190. /* (en) Make container visible in IE */
  191. /* (de) Container sichtbar machen im IE */
  192. display:block;
  193. /* (en) No fix possible in IE5.x, normal clearing used instead */
  194. /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
  195. \clear:both;
  196. /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
  197. /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
  198. width: 100%;
  199. font-size:0px;
  200. margin: -2px 0 -1em 1px;
  201. }
  202. * html #ie_clearing { margin: -2px 0 -1em 0; }
  203. #col3_content {margin-bottom:-2px; }
  204. /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
  205. /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
  206. html { margin-right: 1px; }
  207. * html { margin-right: 0 }
  208. /* (en) Bugfix: Essential for IE7 */
  209. /* (de) Bugfix: Notwendig im IE7 */
  210. #col3 { position:relative; }
  211. /*------------------------------------------------------------------------------------------------------*/
  212. /**
  213. * IE z-index-Fix
  214. * brings #col1 and #col2 in front of #col3
  215. *
  216. * @workaround
  217. * @affected all IE
  218. * @css-for all IE
  219. * @valid yes
  220. */
  221. *+html #col3 { z-index: -1; }
  222. * html #col1, * html #col2 { z-index: 1; }
  223. * html #col3 { z-index:auto; }
  224. /*------------------------------------------------------------------------------------------------------*/
  225. /**
  226. * IE/Win Guillotine Bug
  227. * @see http://www.positioniseverything.net/explorer/guillotine.html
  228. *
  229. * @workaround
  230. * @affected IE 5.x/Win, IE6
  231. * @css-for IE 5.x/Win, IE6
  232. * @valid yes
  233. */
  234. * html body a, * html body a:hover { background-color: transparent; }
  235. }
  236. @media screen, projection
  237. {
  238. /**
  239. * (en) IE-Adjustments for content columns and subtemplates
  240. * (de) IE-Anpassung für Spaltencontainer und Subtemplates
  241. *
  242. * Doubled Float-Margin Bug
  243. * @see http://positioniseverything.net/explorer/doubled-margin.html
  244. *
  245. * @bugfix
  246. * @affected IE 5.x/Win, IE6
  247. * @css-for IE 5.x/Win, IE6, IE7
  248. * @valid yes
  249. */
  250. #col1, #col2 { display:inline; }
  251. .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l,
  252. .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; }
  253. /* Fix for: "Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
  254. * html .equalize, * html .equalize .subcolumns { overflow:visible; display:block; }
  255. .equalize, .equalize .subcolumns { overflow:hidden; display:block; }
  256. /* transform CSS tables back into floats */
  257. .equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,.equalize .c66l,.equalize .c75l,.equalize .c62l {
  258. float: left; display:inline;
  259. padding-bottom: 32767px;
  260. margin-bottom: -32767px;
  261. }
  262. .equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
  263. float: right; margin-left: -5px; display:inline;
  264. padding-bottom: 32767px;
  265. margin-bottom: -32767px;
  266. }
  267. .no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,.no-ie-padding .c66l,.no-ie-padding .c75l,.no-ie-padding .c62l,
  268. .no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,.no-ie-padding .c66r,.no-ie-padding .c75r,.no-ie-padding .c62r {
  269. padding-bottom: 0;
  270. margin-bottom: 0;
  271. }
  272. /*------------------------------------------------------------------------------------------------------*/
  273. /**
  274. * Internet Explorer and the Expanding Box Problem
  275. * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
  276. *
  277. * @workaround
  278. * @affected IE 5.x/Win, IE6
  279. * @css-for IE 5.x/Win, IE6
  280. * @valid yes
  281. */
  282. * html #col1_content,
  283. * html #col2_content,
  284. * html #col3_content { word-wrap: break-word; }
  285. /* trigger hasLayout to force containing content */
  286. .subc, .subcl, .subcr { height: 1%; }
  287. /* avoid growing widths */
  288. * html .subc,
  289. * html .subcl,
  290. * html .subcr { word-wrap: break-word; overflow:hidden; }
  291. }
  292. @media print
  293. {
  294. /**
  295. * (en) Avoid unneeded page breaks of #col3 content in print layout.
  296. * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3.
  297. *
  298. * @bugfix
  299. * @affected IE7
  300. * @css-for IE 5.x/Win, IE6, IE7
  301. * @valid yes
  302. */
  303. #col3 { height: 1%; }
  304. }