1 /* Style Sheet Tweaks

2

3 These style definitions are mainly IE specific

4 tweaks required due to its poor CSS support.

5 -------------------------------------------------*/

6

7 * html table, * html select, * html input { font-size: 100%; }

8 * html hr { margin: 0; }

9 * html span.corners-top, * html span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left.gif"); }

10 * html span.corners-top span, * html span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right.gif"); }

11 * html div.headerbar span.corners-top { background-image: url("{T_THEME_PATH}/images/corners_left3.gif"); }

12 * html div.headerbar span.corners-top span { background-image: url("{T_THEME_PATH}/images/corners_right3.gif"); }

13

14 #wrap { direction: ltr; } /* Fix for breakup of the borders when using IE and RTL */

15

16 * html .inside { float: right; } /* Bottom-right corner fix when using IE6 and RTL */

17

18 .headerbar, #site-description { position: relative; } /* IE headerbar fix */

19

20

21 table.table1 {

22 width: 99%; /* IE < 6 browsers */

23 /* Tantek hack */

24 voice-family: "\"}\"";

25 voice-family: inherit;

26 width: 100%;

27 }

28 html>body table.table1 { width: 100%; } /* Reset 100% for opera */

29

30 * html ul.topiclist li { position: relative; }

31 * html .postbody h3 img { vertical-align: middle; }

32

33 /* Form styles */

34 html>body dd label input { vertical-align: text-bottom; } /* Align checkboxes/radio buttons nicely */

35

36 * html input.button1, * html input.button2 {

37 padding-bottom: 0;

38 margin-bottom: 1px;

39 }

40

41 /* Misc layout styles */

42 * html .column1, * html .column2 { width: 45%; }

43

44 /* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)

45 From http://www.positioniseverything.net/easyclearing.html

46 #tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {

47 content: ".";

48 display: block;

49 height: 0;

50 clear: both;

51 visibility: hidden;

52 }*/

53

54 .clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {

55 height: 1%;

56 overflow: hidden;

57 }

58

59 /* viewtopic fix */

60 * html .post {

61 height: 25%;

62 overflow: hidden;

63 }

64

65 /* navbar fix */

66 * html .clearfix, * html .navbar, ul.linklist {

67 height: 4%;

68 overflow: hidden;

69 }

70

71 /* Simple fix so forum and topic lists always have a min-height set, even in IE6

72 From http://www.dustindiaz.com/min-height-fast-hack */

73 dl.icon {

74 min-height: 35px;

75 height: auto !important;

76 height: 35px;

77 }

78

79 * html li.row dl.icon dt {

80 height: 35px;

81 overflow: visible;

82 }

83

84 * html #search-box {

85 width: 25%;

86 }

87

88 /* Correctly clear floating for details on profile view */

89 *:first-child+html dl.details dd {

90 margin-left: 30%;

91 float: none;

92 }

93

94 * html dl.details dd {

95 margin-left: 30%;

96 float: none;

97 }

98

99 /* Headerbar height fix for IE7 and below */

100 * html #site-description p {

101 margin-bottom: 1.0em;

102 }

103

104 *:first-child+html #site-description p {

105 margin-bottom: 1.0em;

106 }

107

108 /* #minitabs fix for IE */

109 .tabs-container {

110 zoom: 1;

111 }

112

113 #minitabs {

114 white-space: nowrap;

115 *min-width: 50%;

116 }