diff options
author | Starla Insigna <hatkirby@fourisland.com> | 2009-10-03 10:30:17 -0400 |
---|---|---|
committer | Starla Insigna <hatkirby@fourisland.com> | 2009-10-03 10:30:17 -0400 |
commit | dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893 (patch) | |
tree | 511b0f752889172163f3801cdbe311f0efc55540 /theme/layouts/7/style.css | |
parent | 0e4089184a44719fbd1284acb047ab7547674412 (diff) | |
download | fourisland-dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893.tar.gz fourisland-dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893.tar.bz2 fourisland-dc0fb9445e8a3ede8bc33d6779fadd89b7ea6893.zip |
Created Theme Switcher
Also rewrote the way layouts work. Now, each layout requires a "layout.tpl" file (which contains the header and footer for the layout) and a "style.php" file (which contains and can include other files that contain the CSS for the layout). Each layout has it's own folder in theme/layouts and you can switch between them using a combo box in the Hatbar. Layouts 6.2 and 4.5 have been modified to work with new Layout 7 features such as AJAX, and they should be relatively free of bugs. Layout 3 has not yet been transferred because since it is pre-The New Four Island, it will be very difficult to do so. This changeset requires manual external code changes: * The line below must be added above the functions.php include in The Fourm's funnctions.php require('/svr/www/hatkirby/fourisland/main/includes/session.php'); * The block of Four Island code in The Fourm's page_header() function should be replaced with: global $fi_pagetitle; $fi_pagetitle = $page_title; ob_start(); * The block of Four Island code in The Fourm's page_footer() function should be replaced with: global $fi_pagetitle; $content = ob_get_contents(); ob_end_clean(); $noRightbar = 1; $onFourm = 1; $pageCategory = 'fourm'; if ($fi_pagetitle == 'Index page') { $title = 'The Fourm'; } else if (strpos($fi_pagetitle, 'View topic') !== FALSE) { $title = str_replace('View topic - ', 'Topic: ', $fi_pagetitle) . ' - The Fourm'; } else if (strpos($fi_pagetitle, 'View forum') !== FALSE) { $title = str_replace('View forum - ', 'Fourm: ', $fi_pagetitle) . ' - The Fourm'; } else if (strpos($fi_pagetitle, 'Viewing profile') !== FALSE) { $title = str_replace('Viewing profile - ', 'Member: ', $fi_pagetitle) . ' - The Fourm'; } else { $title = $fi_pagetitle . ' - The Fourm'; } if ($_GET['view'] != 'print') { include('/svr/www/hatkirby/fourisland/main/includes/layout.php'); } else { echo $content; } Closes #117
Diffstat (limited to 'theme/layouts/7/style.css')
-rw-r--r-- | theme/layouts/7/style.css | 183 |
1 files changed, 183 insertions, 0 deletions
diff --git a/theme/layouts/7/style.css b/theme/layouts/7/style.css new file mode 100644 index 0000000..c16bdfa --- /dev/null +++ b/theme/layouts/7/style.css | |||
@@ -0,0 +1,183 @@ | |||
1 | /* Body */ | ||
2 | |||
3 | body { | ||
4 | font-family: "Lucida Grande", "Arial", sans; | ||
5 | background-color: #111; | ||
6 | } | ||
7 | |||
8 | div#header { | ||
9 | width: 100%; | ||
10 | height: 200px; | ||
11 | background-image: url(http://fourisland.com/theme/images/header-repeat.png); | ||
12 | background-repeat: repeat-x; | ||
13 | } | ||
14 | |||
15 | div#banner { | ||
16 | width: 800px; | ||
17 | height: 200px; | ||
18 | margin: 0 auto; | ||
19 | background-image: url(http://fourisland.com/theme/images/header.png); | ||
20 | background-position: bottom right; | ||
21 | } | ||
22 | |||
23 | div#header a { | ||
24 | width: 800px; | ||
25 | height: 200px; | ||
26 | text-indent: -5000px; | ||
27 | display: block; | ||
28 | } | ||
29 | |||
30 | div#sidebar { | ||
31 | width: 21%; | ||
32 | float: left; | ||
33 | } | ||
34 | |||
35 | div#content { | ||
36 | width: 69%; | ||
37 | float: right; | ||
38 | padding-left: 5%; | ||
39 | padding-right: 5%; | ||
40 | padding-top: 20px; | ||
41 | } | ||
42 | |||
43 | div#content div.rounded { | ||
44 | padding: 10px; | ||
45 | } | ||
46 | |||
47 | div#footer { | ||
48 | width: 100%; | ||
49 | padding-top: 20px; | ||
50 | padding-bottom: 20px; | ||
51 | } | ||
52 | |||
53 | div#footer div.foot-module { | ||
54 | margin: 0 auto; | ||
55 | float: left; | ||
56 | width: 20%; | ||
57 | margin-left: 4%; | ||
58 | color: white; | ||
59 | font-size: 0.9em; | ||
60 | } | ||
61 | |||
62 | div#footer a { | ||
63 | color: white; | ||
64 | border-bottom: 1px dotted white; | ||
65 | } | ||
66 | |||
67 | div#footer div.foot-module ul { | ||
68 | list-style-type: square; | ||
69 | } | ||
70 | |||
71 | div#footer p { | ||
72 | font-size: 0.5em; | ||
73 | color: white; | ||
74 | text-align: center; | ||
75 | } | ||
76 | |||
77 | div#page-content { | ||
78 | background-color: #00ff00; /*#8B4513;*/ | ||
79 | padding-bottom: 10px; | ||
80 | } | ||
81 | |||
82 | body#fourm div#actual-content { | ||
83 | font-size: 60%; | ||
84 | } | ||
85 | |||
86 | ul#navbar { | ||
87 | text-align: center; | ||
88 | margin-top: 0; | ||
89 | } | ||
90 | |||
91 | ul#navbar li { | ||
92 | display: inline; | ||
93 | font-family: Verdana, sans-serif; | ||
94 | font-size: 1.1em; | ||
95 | } | ||
96 | |||
97 | ul#navbar li+li:before { | ||
98 | content: " - "; | ||
99 | } | ||
100 | |||
101 | ul#navbar li img, ul#navbar li.active span { | ||
102 | display: none; | ||
103 | } | ||
104 | |||
105 | ul#navbar li.active img { | ||
106 | display: inline; | ||
107 | background-color: white; | ||
108 | outline: white solid .5em; | ||
109 | margin: 0 .5em; | ||
110 | } | ||
111 | |||
112 | /* Sidebar */ | ||
113 | |||
114 | div#rightbar { | ||
115 | float: left; | ||
116 | width: 270px; /*210*/ | ||
117 | } | ||
118 | |||
119 | div.sidebar { | ||
120 | width: 250px; /*250*/ /*240*/ /*210*/ | ||
121 | padding: 0 10px; | ||
122 | margin-bottom: 5px; | ||
123 | } | ||
124 | |||
125 | div.sidebar h3 { | ||
126 | font-family: Verdana, Helvetica, Arial, sans-serif; | ||
127 | margin: 5px 0 0 0; | ||
128 | font-weight: bold; | ||
129 | color: #333333; | ||
130 | } | ||
131 | |||
132 | div.sidebar p { | ||
133 | font-size: 0.8em; | ||
134 | margin: 3px 0; | ||
135 | } | ||
136 | |||
137 | div#sidebar ul.hatnav { | ||
138 | list-style-type: none; | ||
139 | padding-left: 24px; | ||
140 | margin-top: 0 !important; | ||
141 | line-height: normal !important; | ||
142 | list-style-image: none !important; | ||
143 | } | ||
144 | |||
145 | div#sidebar ul { | ||
146 | list-style-type: none; | ||
147 | } | ||
148 | |||
149 | div#sidebar ul.hatnav li { | ||
150 | text-align: right; | ||
151 | border: 1px gray solid; | ||
152 | padding-top: 2px; | ||
153 | padding-bottom: 2px; | ||
154 | background-color: #111; | ||
155 | color: white; | ||
156 | } | ||
157 | |||
158 | div#sidebar ul.hatnav li a { | ||
159 | display: block; | ||
160 | width: 95%; | ||
161 | color: white; | ||
162 | } | ||
163 | |||
164 | div#sidebar li img { | ||
165 | border: 0; | ||
166 | height: 16px; | ||
167 | width: 16px; | ||
168 | } | ||
169 | |||
170 | div#sidebar ul.hatnav li.active { | ||
171 | background-color:#00FF00; | ||
172 | border: none; | ||
173 | } | ||
174 | |||
175 | div#sidebar ul.hatnav li:hover { | ||
176 | background-color:yellow; | ||
177 | border: none; | ||
178 | } | ||
179 | |||
180 | div#sidebar ul li.active a, div#sidebar ul li a:hover { | ||
181 | color: black; | ||
182 | } | ||
183 | |||