summary refs log tree commit diff stats
path: root/theme
diff options
context:
space:
mode:
authorStarla Insigna <hatkirby@fourisland.com>2008-12-14 09:39:10 -0500
committerStarla Insigna <hatkirby@fourisland.com>2008-12-14 09:39:10 -0500
commit9cb1fcba82027daa21eb457f1b2912ee02e5c7eb (patch)
treeb9ad822ca0f186f42da00e1a2c882ede77d2ee14 /theme
parentf037e1d6baa069b324b7a0fd6eaffbdfb5c6f4dc (diff)
downloadfourisland-9cb1fcba82027daa21eb457f1b2912ee02e5c7eb.tar.gz
fourisland-9cb1fcba82027daa21eb457f1b2912ee02e5c7eb.tar.bz2
fourisland-9cb1fcba82027daa21eb457f1b2912ee02e5c7eb.zip
Major design and code overhaul
I don't know, a lot of stuffses happened that I don't quite remember anymore. Goodness, that's not good.
Diffstat (limited to 'theme')
-rwxr-xr-xtheme/archive.tpl33
-rw-r--r--theme/css/blog.php13
-rwxr-xr-xtheme/css/bubbles.css9
-rwxr-xr-xtheme/css/website.css74
-rwxr-xr-xtheme/footer.tpl43
-rwxr-xr-xtheme/header.tpl46
-rwxr-xr-xtheme/pollIndex.tpl17
-rwxr-xr-xtheme/post.tpl2
-rwxr-xr-xtheme/quotes/browse.tpl18
-rw-r--r--theme/quotes/header.tpl47
10 files changed, 158 insertions, 144 deletions
diff --git a/theme/archive.tpl b/theme/archive.tpl index b06aad9..1a73af2 100755 --- a/theme/archive.tpl +++ b/theme/archive.tpl
@@ -1,37 +1,8 @@
1<CENTER><H2><!--HEADER--></H2></CENTER>
2
1<!--BEGIN MONTH--> 3<!--BEGIN MONTH-->
2<H3 STYLE="clear: both; display: block; margin-bottom: 0"><!--MONTH.TITLE--></H2> 4<H3 STYLE="clear: both; display: block; margin-bottom: 0"><!--MONTH.TITLE--></H2>
3 <!--BEGIN MONTH.BIG-->
4 <DIV CLASS="post">
5 <DIV CLASS="post-date-<!--MONTH.BIG.YEARID-->">
6 <ABBR CLASS="dtstart" TITLE="<!--MONTH.BIG.DATE-->">
7 <SPAN CLASS="post-month"><!--MONTH.BIG.MONTH--></SPAN>
8 <SPAN CLASS="post-day"><!--MONTH.BIG.DAY--></SPAN>
9 </ABBR>
10 </DIV>
11
12 <DIV CLASS="post-title">
13 <H2>
14 <A CLASS="url" HREF="/blog/<!--MONTH.BIG.CODED-->/" REL="bookmark" TITLE="Permalink for <!--MONTH.BIG.TITLE-->">
15 <SPAN CLASS="summary"><!--MONTH.BIG.TITLE--></SPAN>
16 </A>
17 </H2>
18
19 <SPAN CLASS="post-cat-<!--MONTH.BIG.AUTHOR--> category">
20 <A HREF="/blog/author/<!--MONTH.BIG.AUTHOR-->.php"><!--MONTH.BIG.AUTHOR--></A>
21 </SPAN>
22
23 <SPAN CLASS="post-comment<!--MONTH.BIG.PLURALCOMMENT-->">
24 <A CLASS="noVisit" HREF="/blog/<!--MONTH.BIG.CODED-->/#comments"><!--MONTH.BIG.COMMENTS-->&nbsp;&#187;</A>
25 </SPAN>
26 </DIV>
27 </DIV>
28 <!--END MONTH.BIG-->
29
30 <!--BEGIN MONTH.SMALL--> 5 <!--BEGIN MONTH.SMALL-->
31 <SMALL><SPAN STYLE="margin-left: 50"><!--MONTH.SMALL.DATE--> | <A HREF="/blog/<!--MONTH.SMALL.CODED-->/"><!--MONTH.SMALL.TITLE--></A></SPAN></SMALL><BR> 6 <SMALL><SPAN STYLE="margin-left: 50"><!--MONTH.SMALL.DATE--> | <A HREF="/blog/<!--MONTH.SMALL.CODED-->/"><!--MONTH.SMALL.TITLE--></A></SPAN></SMALL><BR>
32 <!--END MONTH.SMALL--> 7 <!--END MONTH.SMALL-->
33
34 <!--BEGIN MONTH.BIGEND-->
35 <BR><P><BR>
36 <!--END MONTH.BIGEND-->
37<!--END MONTH--> 8<!--END MONTH-->
diff --git a/theme/css/blog.php b/theme/css/blog.php index b4b80d0..bef21dd 100644 --- a/theme/css/blog.php +++ b/theme/css/blog.php
@@ -91,6 +91,13 @@ div.entry {
91 font: 75%/150% Arial, "Trebuchet MS", Tahoma; 91 font: 75%/150% Arial, "Trebuchet MS", Tahoma;
92} 92}
93 93
94div.entry ol,
95div.entry ul,
96a[name|="comment"]+div.bubble ol,
97a[name|="comment"]+div.bubble ul {
98 margin-left: 3em;
99}
100
94<?php 101<?php
95 102
96$getupdates = "SELECT * FROM updates"; 103$getupdates = "SELECT * FROM updates";
@@ -207,3 +214,9 @@ div.post-date-4 {
207 float: left; 214 float: left;
208 background: url(/theme/images/date-bg-4.gif) no-repeat; 215 background: url(/theme/images/date-bg-4.gif) no-repeat;
209} 216}
217
218span.post-vote {
219 float: right;
220 position: relative;
221 top: -10px;
222}
diff --git a/theme/css/bubbles.css b/theme/css/bubbles.css index c859bf9..311e471 100755 --- a/theme/css/bubbles.css +++ b/theme/css/bubbles.css
@@ -2,7 +2,7 @@
2div.bubble { 2div.bubble {
3 width: auto; 3 width: auto;
4 font-size: 0.75em; 4 font-size: 0.75em;
5 margin-bottom: 24px; 5 margin-bottom: 14px;
6 font: 1em "Lucida Grande", Lucida, Verdana, sans-serif; 6 font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
7} 7}
8 8
@@ -20,7 +20,7 @@ div.bubble blockquote div {
20 20
21div.bubble cite { 21div.bubble cite {
22 position: relative; 22 position: relative;
23 margin: 0px; 23 margin: 0;
24 padding: 7px 0px 0px 15px; 24 padding: 7px 0px 0px 15px;
25 top: 6px; 25 top: 6px;
26 background: transparent url(/theme/images/tip.gif) no-repeat 20px 0; 26 background: transparent url(/theme/images/tip.gif) no-repeat 20px 0;
@@ -62,8 +62,8 @@ div#pimped.bubble cite.rounded {
62} 62}
63 63
64div.bubble div.bquote blockquote { 64div.bubble div.bquote blockquote {
65 margin: 0px; 65 margin: 0;
66 padding: 0px; 66 padding: 4px 0;
67 border: 1px solid #c9c2c1; 67 border: 1px solid #c9c2c1;
68 background-color: #fff; 68 background-color: #fff;
69} 69}
@@ -85,4 +85,5 @@ div.bubble div.bquote blockquote {
85 border-top-right-radius: 10px; 85 border-top-right-radius: 10px;
86 border-bottom-left-radius: 10px; 86 border-bottom-left-radius: 10px;
87 border-bottom-right-radius: 10px; 87 border-bottom-right-radius: 10px;
88 padding: 4px;
88} 89}
diff --git a/theme/css/website.css b/theme/css/website.css index de2fecd..806b01f 100755 --- a/theme/css/website.css +++ b/theme/css/website.css
@@ -67,13 +67,12 @@ a img {
67 67
68/* Random Elements */ 68/* Random Elements */
69 69
70ul#bannernav, p { 70* {
71 margin:0pt; 71 margin:0pt;
72 padding:0pt; 72 padding:0pt;
73} 73}
74 74
75p {margin-top: 1em} 75p {margin-top: 1em;}
76
77ul, ol {margin-top: 1em; margin-bottom: 1em} 76ul, ol {margin-top: 1em; margin-bottom: 1em}
78 77
79img.center, img[align="center"] { 78img.center, img[align="center"] {
@@ -93,7 +92,7 @@ acronym, abbr {
93blockquote { 92blockquote {
94 padding-left: 10px; 93 padding-left: 10px;
95 border-left: 3px solid #CCC; 94 border-left: 3px solid #CCC;
96 font-family: helvetica; 95 font-family: Helvetica, sans-serif;
97 font-size: 14px; 96 font-size: 14px;
98 margin-top: 10px; 97 margin-top: 10px;
99 margin-bottom: 10px; 98 margin-bottom: 10px;
@@ -111,7 +110,7 @@ div#banner, div#fi-banner {
111 width: 900px; /*728*/ 110 width: 900px; /*728*/
112 height: 200px; 111 height: 200px;
113 float: left; 112 float: left;
114 margin-top: 21px; 113/* margin-top: 21px; */
115} 114}
116 115
117div#banner { 116div#banner {
@@ -136,11 +135,50 @@ div#banner h1, div#fi-banner h1 {
136 font-size: 3.0em; 135 font-size: 3.0em;
137 font-weight: normal; 136 font-weight: normal;
138} 137}
139 138
140div#bannernav { 139/* NavBar */
140
141div#fi-navbar {
142 position: relative;
143}
144
145div#fi-navbar .rounded {
146 padding: 0;
147}
148
149div#fi-navbar ul {
150 margin-top: .25em;
151 margin-bottom: .25em;
152 padding-left: 1em;
141 text-align: center; 153 text-align: center;
142} 154}
143 155
156div#fi-navbar ul li {
157 display: inline;
158 font-family: Verdana, sans-serif;
159 font-size: 1.1em;
160}
161
162div#fi-navbar ul li+li:before {
163 content: " - ";
164}
165
166div#fi-navbar ul li img {
167 display: none;
168}
169
170div#fi-navbar ul li.active a {
171 display: none;
172}
173
174div#fi-navbar ul li.active img {
175 display: inline;
176 background-color: white;
177 outline: white solid .5em;
178 margin-left: .5em;
179 margin-right: .5em;
180}
181
144/* Sidebar */ 182/* Sidebar */
145 183
146div#rightbar { 184div#rightbar {
@@ -197,7 +235,6 @@ div#sidebar li img {
197 margin: 10px auto; 235 margin: 10px auto;
198 text-align: left; 236 text-align: left;
199 padding: 0; 237 padding: 0;
200 margin-top: 25px;
201} 238}
202 239
203div#top-fade { 240div#top-fade {
@@ -256,7 +293,6 @@ div#content h2 {
256 293
257div.cleardiv { 294div.cleardiv {
258 clear: both; 295 clear: both;
259 height: 1em;
260} 296}
261 297
262div#footer { 298div#footer {
@@ -269,6 +305,7 @@ div#footer {
269 width: 100%; 305 width: 100%;
270 border-top: 1px black solid; 306 border-top: 1px black solid;
271 border-bottom: 4px gray solid; 307 border-bottom: 4px gray solid;
308 background-color: white;
272} 309}
273 310
274div#footer ul.rows li { 311div#footer ul.rows li {
@@ -296,11 +333,6 @@ div#content ul {
296 list-style: url(/theme/images/bullet_disk_big.png); 333 list-style: url(/theme/images/bullet_disk_big.png);
297} 334}
298 335
299div.push {
300 clear: both;
301 height: 20px;
302}
303
304div#content a img { 336div#content a img {
305 border: solid transparent 1px; 337 border: solid transparent 1px;
306} 338}
@@ -313,6 +345,20 @@ div#hatbar.quotes-options ul {
313 list-style: none; 345 list-style: none;
314} 346}
315 347
348div.autosize {
349 margin-bottom: 6px !important;
350}
351
352ul blockquote, ol blockquote {
353 position: relative;
354 left: -3em;
355 width: 110%;
356}
357
358li+br {
359 display: none;
360}
361
316/* Tables */ 362/* Tables */
317 363
318table.webmail { 364table.webmail {
diff --git a/theme/footer.tpl b/theme/footer.tpl index faa5189..ceb9658 100755 --- a/theme/footer.tpl +++ b/theme/footer.tpl
@@ -22,52 +22,23 @@
22 </DIV> 22 </DIV>
23 </DIV> 23 </DIV>
24 24
25 <!--BEGIN USEHATNAV-->
25 <DIV class="sidebar"> 26 <DIV class="sidebar">
26 <DIV CLASS="bubble"> 27 <DIV CLASS="bubble">
27 <DIV CLASS="rounded"> 28 <DIV CLASS="rounded">
28 <BLOCKQUOTE> 29 <BLOCKQUOTE>
29 <DIV ID="hatbar"><H3>HatNav</H3><P> 30 <DIV ID="hatnav"><H3>Hatnav</H3><P>
30 <UL> 31 <UL>
31 <LI> 32 <!--BEGIN HATNAV-->
32 <IMG SRC="/theme/images/icons/newspaper.png" /> 33 <LI STYLE="margin-left: 10"><A ID="<!--HATNAV.AID-->" HREF="<!--HATNAV.HREF-->"><IMG SRC="<!--HATNAV.IMAGE-->"><!--HATNAV.TEXT--><!--HATNAV.NEW--></A></LI>
33 <A HREF="http://fourisland.com/">Blog</A> 34 <!--END HATNAV-->
34 </LI>
35
36 <LI>
37 <IMG SRC="/theme/images/projects.png" />
38 <A HREF="http://projects.fourisland.com/">Projects</A>
39 </LI>
40
41 <LI>
42 <IMG SRC="/theme/images/icons/comment.png" />
43 <A HREF="http://fourisland.com/fourm/">The Fourm</A>
44 </LI>
45
46 <LI>
47 <IMG SRC="/theme/images/icons/page_edit.png" />
48 <A HREF="http://fourisland.com/wiki/">Fouripedia</A>
49 </LI>
50
51 <LI>
52 <IMG SRC="/theme/images/icons/overlays.png" />
53 <A HREF="http://fourisland.com/poll/">Polls</A>
54 </LI>
55
56 <LI>
57 <IMG SRC="/theme/images/icons/16-file-page.png" />
58 <A HREF="http://fourisland.com/quotes/">Quotes</A>
59 </LI>
60
61 <LI>
62 <IMG SRC="/theme/images/icons/door_<!--LOGDATA-->.png" />
63 <A HREF="http://fourisland.com/log<!--LOGDATA-->.php?redirect=<!--REDIRPAGE-->">Log<!--LOGDATA--></A>
64 </LI>
65 </UL> 35 </UL>
66 </DIV> 36 </P></DIV>
67 </BLOCKQUOTE> 37 </BLOCKQUOTE>
68 </DIV> 38 </DIV>
69 </DIV> 39 </DIV>
70 </DIV> 40 </DIV>
41 <!--END USEHATNAV-->
71 42
72 <DIV class="sidebar"> 43 <DIV class="sidebar">
73 <DIV CLASS="bubble"> 44 <DIV CLASS="bubble">
diff --git a/theme/header.tpl b/theme/header.tpl index 85ddf9b..6f02792 100755 --- a/theme/header.tpl +++ b/theme/header.tpl
@@ -36,7 +36,51 @@
36 </DIV> 36 </DIV>
37 </DIV> 37 </DIV>
38 38
39 <DIV CLASS="push"></DIV> 39 <DIV CLASS="cleardiv"></DIV>
40
41 <DIV ID="fi-navbar">
42 <DIV CLASS="bubble">
43 <DIV CLASS="rounded">
44 <BLOCKQUOTE>
45 <UL>
46 <LI<!--HOMEACTIVE-->>
47 <IMG SRC="/theme/images/icons/newspaper.png" />
48 <A HREF="http://fourisland.com/">Blog</A>
49 </LI>
50
51 <LI>
52 <A HREF="http://projects.fourisland.com/">Projects</A>
53 </LI>
54
55 <LI<!--FOURMACTIVE-->>
56 <IMG SRC="/theme/images/icons/comment.png" />
57 <A HREF="http://fourisland.com/fourm/">The Fourm</A>
58 </LI>
59
60 <LI<!--WIKIACTIVE-->>
61 <IMG SRC="/theme/images/icons/page_edit.png" />
62 <A HREF="http://fourisland.com/wiki/">Fouripedia</A>
63 </LI>
64
65 <LI<!--POLLACTIVE-->>
66 <IMG SRC="/theme/images/icons/overlays.png" />
67 <A HREF="http://fourisland.com/poll/">Polls</A>
68 </LI>
69
70 <LI<!--QUOTESACTIVE-->>
71 <IMG SRC="/theme/images/icons/16-file-page.png" />
72 <A HREF="http://fourisland.com/quotes/">Quotes</A>
73 </LI>
74
75 <LI<!--LOGACTIVE-->>
76 <IMG SRC="/theme/images/icons/door_in.png" />
77 <A HREF="http://fourisland.com/log<!--LOGDATA-->.php?redirect=<!--REDIRPAGE-->">Log<!--LOGDATA--></A>
78 </LI>
79 </UL>
80 </BLOCKQUOTE>
81 </DIV>
82 </DIV>
83 </DIV>
40 84
41 <DIV id="page-body"> 85 <DIV id="page-body">
42 <DIV id="content"> 86 <DIV id="content">
diff --git a/theme/pollIndex.tpl b/theme/pollIndex.tpl index 18b3c43..ced43cf 100755 --- a/theme/pollIndex.tpl +++ b/theme/pollIndex.tpl
@@ -17,8 +17,19 @@
17Welcome to the Poll of the Week! Feel free to vote on these! You can review old ones and also comment on them if 17Welcome to the Poll of the Week! Feel free to vote on these! You can review old ones and also comment on them if
18you're logged in using the links below! 18you're logged in using the links below!
19<P> 19<P>
20<UL> 20<TABLE CLASS="webmail">
21 <TR><TH>Question</TH><TH>Week</TH></TR>
21 <!--BEGIN POLL--> 22 <!--BEGIN POLL-->
22 <LI><A HREF="/poll/<!--POLL.ID-->.php"><!--POLL.QUESTION--></A> - Week of <!--POLL.WEEK--></LI> 23 <TR<!--POLL.EVEN-->><TD><A HREF="/poll/<!--POLL.ID-->.php"><!--POLL.QUESTION--></A></TD><TD><NOBR><!--POLL.WEEK--></NOBR></TD></TR>
23 <!--END POLL--> 24 <!--END POLL-->
24</UL> 25</TABLE>
26
27<P>
28 <!--BEGIN PREVIOUS-->
29 <A HREF="/poll/?start=<!--PREVIOUS.ID-->" STYLE="float: left">Previous</A>
30 <!--END PREVIOUS-->
31
32 <!--BEGIN NEXT-->
33 <A HREF="/poll/?start=<!--NEXT.ID-->" STYLE="float: right">Next</A>
34 <!--END NEXT-->
35</P>
diff --git a/theme/post.tpl b/theme/post.tpl index 3314d4e..a2342be 100755 --- a/theme/post.tpl +++ b/theme/post.tpl
@@ -55,7 +55,7 @@
55 </DIV> 55 </DIV>
56 <CITE CLASS="rounded"><STRONG><!--POST.AUTHOR--></STRONG> on <!--POST.DATE--></CITE> 56 <CITE CLASS="rounded"><STRONG><!--POST.AUTHOR--></STRONG> on <!--POST.DATE--></CITE>
57 57
58 <SPAN STYLE="float: right"> 58 <SPAN CLASS="post-vote">
59 <A HREF="/vote.php?id=<!--POST.ID-->&amp;dir=plus" REL="nofollow"><IMG SRC="/theme/images/icons/thumb_up.png"></A> 59 <A HREF="/vote.php?id=<!--POST.ID-->&amp;dir=plus" REL="nofollow"><IMG SRC="/theme/images/icons/thumb_up.png"></A>
60 <BIG><!--POST.RATING--></BIG> 60 <BIG><!--POST.RATING--></BIG>
61 <A HREF="/vote.php?id=<!--POST.ID-->&amp;dir=minus" REL="nofollow"><IMG SRC="/theme/images/icons/thumb_down.png"></A> 61 <A HREF="/vote.php?id=<!--POST.ID-->&amp;dir=minus" REL="nofollow"><IMG SRC="/theme/images/icons/thumb_down.png"></A>
diff --git a/theme/quotes/browse.tpl b/theme/quotes/browse.tpl index 7b4312a..2880dfb 100755 --- a/theme/quotes/browse.tpl +++ b/theme/quotes/browse.tpl
@@ -2,16 +2,20 @@
2<!--INCLUDE quotes/pagenumbers--> 2<!--INCLUDE quotes/pagenumbers-->
3<!--END PAGENUMBERS--> 3<!--END PAGENUMBERS-->
4 4
5<P><!--ORIGIN--></P> 5<H2><!--ORIGIN--></H2>
6 6
7<!--BEGIN QUOTES--> 7<!--BEGIN QUOTES-->
8<A HREF="/quotes/<!--QUOTES.NUMBER-->.php">#<!--QUOTES.NUMBER--></A> 8<P>
9<A HREF="/quotes/vote.php?id=<!--QUOTES.NUMBER-->&dir=plus">+</A> 9 <A HREF="/quotes/<!--QUOTES.NUMBER-->.php">#<!--QUOTES.NUMBER--></A>
10<SPAN>(<!--QUOTES.RATING-->)</SPAN> 10 <A HREF="/quotes/vote.php?id=<!--QUOTES.NUMBER-->&dir=plus">+</A>
11<A HREF="/quotes/vote.php?id=<!--QUOTES.NUMBER-->&dir=minus">-</A> 11 <SPAN>(<!--QUOTES.RATING-->)</SPAN>
12<A HREF="/quotes/flag.php?id=<!--QUOTES.NUMBER-->">[X]</A> 12 <A HREF="/quotes/vote.php?id=<!--QUOTES.NUMBER-->&dir=minus">-</A>
13 <A HREF="/quotes/flag.php?id=<!--QUOTES.NUMBER-->">[X]</A>
13 14
14<P><!--QUOTES.QUOTE--></P> 15 <BR />
16
17 <!--QUOTES.QUOTE-->
18</P>
15<!--END QUOTES--> 19<!--END QUOTES-->
16 20
17<!--BEGIN PAGENUMBERS--> 21<!--BEGIN PAGENUMBERS-->
diff --git a/theme/quotes/header.tpl b/theme/quotes/header.tpl deleted file mode 100644 index 620a4d0..0000000 --- a/theme/quotes/header.tpl +++ /dev/null
@@ -1,47 +0,0 @@
1<DIV CLASS="sidebar" STYLE="margin: auto">
2 <DIV CLASS="bubble">
3 <DIV CLASS="rounded">
4 <BLOCKQUOTE>
5 <DIV ID="hatbar" CLASS="quotes-options">
6 <H3>Quote Options</H3>
7 <UL>
8 <LI>
9 <IMG SRC="/theme/images/icons/16-star-hot.png" />
10 <A HREF="/quotes/latest.php">Latest</A>
11 </LI>
12
13 <LI>
14 <IMG SRC="/theme/images/icons/medal_gold_1.png" />
15 <A HREF="/quotes/top.php">Best</A>
16 </LI>
17
18 <LI>
19 <IMG SRC="/theme/images/icons/16-message-warn.png" />
20 <A HREF="/quotes/bottom.php">Worst</A>
21 </LI>
22
23 <LI>
24 <IMG SRC="/theme/images/icons/16-file-archive.png" />
25 <A HREF="/quotes/browse.php">Browse All</A>
26 </LI>
27
28 <LI>
29 <IMG SRC="/theme/images/icons/16-clock.png" />
30 <A HREF="/quotes/random.php">Random</A>
31 </LI>
32
33 <LI>
34 <IMG SRC="/theme/images/icons/16-em-pencil.png" />
35 <A HREF="/quotes/add.php">Add</A>
36 </LI>
37
38 <LI>
39 <IMG SRC="/theme/images/icons/book_open.png" />
40 <A HREF="/quotes/search.php">Search</A>
41 </LI>
42 </UL>
43 </DIV>
44 </BLOCKQUOTE>
45 </DIV>
46 </DIV>
47</DIV>