New Theme for Principia Discordia Forum

[Cramulus]

Rev. Jeremiah, I've been reading your site, and I would LOVE for someone to send some of your material to Jack Chick. I think he'd get a "kick" out of it.

[Reverend Jeremiah]

There you go..almost done except for the footer and a random menu list at the bottom

Open both of these links and switch back and forth between them:
http://principiadiscordia.cosmicforums.com/
http://www.principiadiscordia.com/new_index.html

Here is the code so far..can anyone give me a hand with that menu list at the bottom?

Code Select Expand

/*
THEME NAME: Principia Discordia
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* modified by 000 and Reverend Jeremiah */

* { margin: 0; padding: 0; text-indent: 0; }

/* remove crud */
.entry-meta,
#access .skip-link,
#linkcat-3,
#blog-description { display: none; }

/* Sacred Chao background image and color */
body {
BACKGROUND: url(http://www.principiadiscordia.com/images/sacred chao head clouds.jpg) #000 no-repeat left top;
  color: #000;
}

/* centered 800px wide wrapper */
#wrapper {
  width: 800px;
  margin: 0 auto 0 auto;
  position: relative;
}

/* random logo + tagline = transparent header */
h1#blog-title {
  background: transparent url(http://www.principiadiscordia.com/images/principiadiscordia header 2.png) top center no-repeat;
  width: 800px;
  height: 299px;
}

h1#blog-title a {
  display: block;
  width: 800px;
  height: 299px;
  text-indent: -5000px;
}

/* menu bar - just under header img */
#menu {
  background: #FFF;
  height: 26px;
  margin-top: 0px;
  width: 800px;
}

#menu li {
  display: inline;
  padding-left: 24px;
}

#menu a {
  color: black;
  font: bold 14px/24px 'Courier New', 'Courier', monospace;
  text-decoration: none;
}

#menu a:hover { text-decoration: underline; }

/* right column body - Main content and container width */
#container {
  background: #FFF;
  width: 634px;
  margin: 0px 0 0 0px;
}

#content {
  width: 618px;
  padding: 8px 8px 8px 8px;
}

h2.entry-title{
  color: #000;
  font: bold 14px 'Courier New', 'Courier', monospace;
  margin-top: 16px;
  text-align: right; 
}
h2.entry-title a { color: #000; text-decoration: none; }
h2.entry-title a:hover { text-decoration: underline; }

.entry-date {
  text-align: right;
  color: #888;
  font: normal 10px 'Courier New', 'Courier', monospace;
}
.entry-date abbr { border: none; }

.entry-content p {
  color: #444;
  font: normal 11px/16px Arial, sans-serif;
  word-spacing: 1px;
  margin: 8px 16px 8px 8px;
}

.entry-content p:first-line { color: #000; }

#footer {
  background: #FFF;
  display: inline;
  margin: -72px 0 0 221px;
  /*opacity: 0.75;*/
  width: 688px;
  height: 110px;
  text-align: center;
  color: #888;
  padding: 20px 65px 0 0;
  font: normal 10px 'Courier New', 'Courier', monospace;
}

#footer a { color: #aaa; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* sidebar */

#secondary {
  position: absolute;
  top: 325px;
  left: 634px;
  background: #FFF;
  width: 150px;
  padding: 8px 8px 8px 8px
}

#secondary li {
  font: normal 12px 'Courier New', 'Courier', monospace;
  color: black;
  list-style: none;
  margin-bottom: 16px;
}

#streams li { font-size: 14px; font-weight: bold; }

#secondary h3 {
  width: 150px;
  text-align: center;
  height: 60px;
  color: #000;
  font: bold 24px/60px 'Courier New', 'Courier', monospace;
}

#secondary #linkcat-4 h3 { background-position: 3px -138px; }
#secondary #now-playing h3 { background-position: 3px -321px; }

#secondary li a {
  color: black;
  text-decoration: none;
  padding-left: 16px;
}

#secondary li a:hover { text-decoration: underline; }

#secondary p {
  text-align: center;
  padding: 0 16px;
}


[Reverend Jeremiah]

Rev. Jeremiah, I've been reading your site, and I would LOVE for someone to send some of your material to Jack Chick. I think he'd get a "kick" out of it.

I did that a few years ago, he marked me as spam and godaddy went after my ass. He didnt even send me an email, he just made an official complaint with my hosting to get me shut down.... and they did. I used to own www.reverendjeremiah.com... but thanks to chick I no longer have it. So I no longer do business with godaddy.

[Triple Zero]

There you go..almost done except for the footer and a random menu list at the bottom

Open both of these links and switch back and forth between them:
http://principiadiscordia.cosmicforums.com/
http://www.principiadiscordia.com/new_index.html

um, the first (your) link still shows a white page marked up in black Courier? am I not seeing the same theme as you, here?

will help you with the CSS as soon as I can see it, and have the time

[Reverend Jeremiah]

Strange, I wonder why you see the white sandbox blank? Perhaps you should clear your browser history and restart your browser.. I have no explanation other than that. Let me send you a screen shot.



I will be working on the footer and have it done soon. I was kind of hoping someone could pop the small amount of code I need to finish and have it done that much faster, but It should be done tommorrow, maybe tonight.

[Reverend Jeremiah]

I know what the problem is, there is no css code for "pages" "archives" and "categories", and that is why the are just plain text lined up at the bottom. What do you want to do with these? I can :blank them for you.

[Mesozoic Mister Nigel]

There you go..almost done except for the footer and a random menu list at the bottom

Open both of these links and switch back and forth between them:
http://principiadiscordia.cosmicforums.com/
http://www.principiadiscordia.com/new_index.html

um, the first (your) link still shows a white page marked up in black Courier? am I not seeing the same theme as you, here?

will help you with the CSS as soon as I can see it, and have the time

I get the same thing.

[Faust]

I know what the problem is, there is no css code for "pages" "archives" and "categories", and that is why the are just plain text lined up at the bottom. What do you want to do with these? I can :blank them for you.

were all getting a white page.
The browser is simply not receiving the css file. it could be something small like the name doesn't match its call in the actual blog.

[Reverend Jeremiah]

Okay, well maybe me renaming the CSS "principiadiscordia" did it. So I put the original head tag back onto the top of the CSS, installed it. Then I opened my other test computer to ensure that I was pulling up the same sheet on a different computer and sure enough, the template loaded. Maybe I fixed it. Give it a try now.

And I must apologize, Im not very fond of wordpress and just jumped in with both feet into this sandbox theme system.

Give it another try.

http://principiadiscordia.cosmicforums.com/

And here is the most latest code. Anyone who understands CSS can see that it should work and that I have been making great strides for it to be close to fruition:

Code Select Expand

/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* modified by 000 and Reverend Jeremiah */

* { margin: 0; padding: 0; text-indent: 0; }

/* remove crud */
.entry-meta,
#access .skip-link,
#linkcat-3,
#blog-description { display: none; }

/* Sacred Chao background image and color */
body {
BACKGROUND: url(http://www.principiadiscordia.com/images/sacred chao head clouds.jpg) #000 no-repeat left top;
  color: #000;
}

/* centered 800px wide wrapper */
#wrapper {
  width: 800px;
  margin: 0 auto 0 auto;
  position: relative;
}

/* random logo + tagline = transparent header */
h1#blog-title {
  background: transparent url(http://www.principiadiscordia.com/images/principiadiscordia header 2.png) top center no-repeat;
  width: 800px;
  height: 299px;
}

h1#blog-title a {
  display: block;
  width: 800px;
  height: 299px;
  text-indent: -5000px;
}

/* menu bar - just under header img */
#menu {
  background: #FFF;
  height: 26px;
  margin-top: 0px;
  width: 800px;
}

#menu li {
  display: inline;
  padding-left: 24px;
}

#menu a {
  color: black;
  font: bold 14px/24px 'Courier New', 'Courier', monospace;
  text-decoration: none;
}

#menu a:hover { text-decoration: underline; }

/* right column body - Main content and container width */
#container {
  background: #FFF;
  width: 634px;
  height: 100%
  margin: 0px 0 0 0px;
}

#content {
  width: 618px;
  padding: 8px 8px 8px 8px;
}

h2.entry-title{
  color: #000;
  font: bold 14px 'Courier New', 'Courier', monospace;
  margin-top: 16px;
  text-align: right; 
}
h2.entry-title a { color: #000; text-decoration: none; }
h2.entry-title a:hover { text-decoration: underline; }

.entry-date {
  text-align: right;
  color: #888;
  font: normal 10px 'Courier New', 'Courier', monospace;
}
.entry-date abbr { border: none; }

.entry-content p {
  color: #000;
  font: normal 11px/16px Arial, sans-serif;
  word-spacing: 1px;
  margin: 8px 8px 8px 8px;
}

.entry-content p:first-line { color: #000; }

#footer {
  background: #FFF;
  display: inline;
  margin: -72px 0 0 221px;
  width: 688px;
  height: 110px;
  text-align: center;
  color: #888;
  padding: px 65px 0 0;
  font: normal 10px 'Courier New', 'Courier', monospace;
}

#footer a { color: #aaa; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* sidebar */

#secondary {
  position: absolute;
  top: 325px;
  left: 634px;
  background: #FFF;
  width: 150px;
  padding: 8px 8px 8px 8px
}

#secondary li {
  font: normal 12px 'Courier New', 'Courier', monospace;
  color: black;
  list-style: none;
  margin-bottom: 16px;
}


#secondary h3 {
  width: 150px;
  text-align: center;
  height: 60px;
  color: #000;
  font: bold 24px/60px 'Courier New', 'Courier', monospace;
}

#secondary li a {
  color: black;
  text-decoration: none;
  padding-left: 16px;
}

#secondary li a:hover { text-decoration: underline; }

#secondary p {
  text-align: center;
  padding: 0 16px;
}


[Faust]

i'm simply not getting the css file

http://img237.imageshack.us/my.php?image=nopell6.png

[Reverend Jeremiah]

Okay, I opened up another computer and I see what you are seeing... just plain text. But when I open it up on my work computer, I see that it IS online and showing to me all of the pictures.

[Mesozoic Mister Nigel]

Okay, I opened up another computer and I see what you are seeing... just plain text. But when I open it up on my work computer, I see that it IS online and showing to me all of the pictures.

Well, you must be very special.

Now see if you can get it to show the pictures to everyone else.

[Faust]

Okay, I opened up another computer and I see what you are seeing... just plain text. But when I open it up on my work computer, I see that it IS online and showing to me all of the pictures.

Ah heh. the location wordpress is calling the location of the css file from wouldn't happen to be your home machine would it, because that would mean You could access it on that machine, but not on any other.

[Dr Goofy]

Holy Crap Reverend, Your Alive!!!! I haven't seen you in months!

[Faust]

Holy Crap Reverend, Your Alive!!!! I haven't seen you in months!

shh, don't let him see what happened to TCOG