Second pass at adding key files
This commit is contained in:
120
site/forum.slowtwitch.com/www/static/luna/luna.css
Normal file
120
site/forum.slowtwitch.com/www/static/luna/luna.css
Normal file
@ -0,0 +1,120 @@
|
||||
/*
|
||||
This file is loaded after luna_core.css, so styles in this file will override
|
||||
styles defined in it. Changes to this file will NOT be overwritten during
|
||||
upgrades. To use this file, you must uncomment the line:
|
||||
|
||||
<link type="text/css" rel="stylesheet" href="<%static_url%>/<%t%>/<%theme%>.css" />
|
||||
|
||||
in include_common_head.html. To do this, remove <%-- and --%> lines
|
||||
surrounding the above line.
|
||||
|
||||
Here's a quick tutorial on overriding styles. Say you want to change the
|
||||
background colour of the body. Looking at luna_core.css, the colour is
|
||||
defined in the rule:
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
color: #33332e;
|
||||
background: #ffffff;
|
||||
font: normal 11px tahoma, geneva, verdana, sans-serif;
|
||||
}
|
||||
|
||||
To change the background colour of white (#ffffff) to gray (#dddddd), you would
|
||||
add the following to this file:
|
||||
|
||||
body {
|
||||
background: #dddddd;
|
||||
}
|
||||
|
||||
If you also wanted to change the font as well as the background, then you could
|
||||
use:
|
||||
|
||||
body {
|
||||
background: #dddddd;
|
||||
font: normal 12px times new roman;
|
||||
}
|
||||
|
||||
Also note that every template's body id is assigned the template name (without
|
||||
the .html extension). So if you want to change the h2 heading in the
|
||||
category_list.html template, you can do this by:
|
||||
|
||||
#category_list h2 {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
To start you off, some sample overriding styles have been provided below. Note
|
||||
that you will have to uncomment the rules for them to work.
|
||||
*/
|
||||
|
||||
/* Logo size and image source */
|
||||
/*
|
||||
#logo {
|
||||
width: 250px;
|
||||
height: 80px;
|
||||
background-image: url(images/logo.gif);
|
||||
}
|
||||
*/
|
||||
/* If the height of your logo changes from the original, then you will probably
|
||||
want to also change the vertical position of the login link */
|
||||
/*
|
||||
#loginbar a {
|
||||
margin-top: 25px;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Change width of document */
|
||||
/*
|
||||
#wrapper {
|
||||
width: 750px;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Don't want the shadows? */
|
||||
/*
|
||||
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
|
||||
background: none;
|
||||
}
|
||||
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
|
||||
width: auto;
|
||||
height: auto;
|
||||
float: none;
|
||||
background: none;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Username highlighting (for guests, buddies, administrators, and moderators)
|
||||
* can easily be changed. The defaults are shown below -- to change the display
|
||||
* uncomment the section and change as desired: */
|
||||
|
||||
/* Administrators: */
|
||||
/*
|
||||
#content a.username.administrator {
|
||||
color: #008000;
|
||||
}
|
||||
*/
|
||||
/* Moderators of the forum currently being displayed: */
|
||||
/*
|
||||
#content a.username.moderator {
|
||||
color: #008000;
|
||||
}
|
||||
*/
|
||||
/* Users on your buddy list: */
|
||||
/*
|
||||
#content a.username.buddy {
|
||||
color: #f07800;
|
||||
}
|
||||
*/
|
||||
/* Guest posters: */
|
||||
/*
|
||||
#content a.username.anonymous {
|
||||
color: #6060d0;
|
||||
}
|
||||
*/
|
||||
/* Disabled user accounts (ONLY shows up for administrator-status users): */
|
||||
/*
|
||||
#content a.username.disabled {
|
||||
text-decoration: line-through underline;
|
||||
}
|
||||
*/
|
2705
site/forum.slowtwitch.com/www/static/luna/luna_core.css
Normal file
2705
site/forum.slowtwitch.com/www/static/luna/luna_core.css
Normal file
File diff suppressed because it is too large
Load Diff
19
site/forum.slowtwitch.com/www/static/luna/luna_print.css
Normal file
19
site/forum.slowtwitch.com/www/static/luna/luna_print.css
Normal file
@ -0,0 +1,19 @@
|
||||
/*
|
||||
Styles defined in this file override styles set in luna_print_core.css, which
|
||||
itself overrides luna.css and luna_core.css. Changes to this file will NOT be
|
||||
overwritten during upgrades. To use this file, you must uncomment the line:
|
||||
|
||||
<link type="text/css" rel="stylesheet"<%unless page_id eq 'post_view_printable' or in.print == 1%> media="print"<%endif%> href="<%static_url%>/<%t%>/<%theme%>_print.css" />
|
||||
|
||||
in include_common_head.html. To do this, remove <%-- and --%> lines
|
||||
surrounding the above line.
|
||||
|
||||
See the comments in luna.css for a brief overview on overriding styles.
|
||||
*/
|
||||
|
||||
/* Get rid of the logo at the top of the page: */
|
||||
/*
|
||||
.print-page #print_logo {
|
||||
display: none;
|
||||
}
|
||||
*/
|
108
site/forum.slowtwitch.com/www/static/luna/luna_print_core.css
Normal file
108
site/forum.slowtwitch.com/www/static/luna/luna_print_core.css
Normal file
@ -0,0 +1,108 @@
|
||||
/*
|
||||
* =================================================================
|
||||
* Gossamer Forum - Advanced web community
|
||||
*
|
||||
* Website : http://gossamer-threads.com/
|
||||
* Support : http://gossamer-threads.com/scripts/support/
|
||||
* Revision : $Id: luna_print_core.css,v 1.3 2006/09/28 00:56:36 brewt Exp $
|
||||
*
|
||||
* Copyright (c) 2006 Gossamer Threads Inc. All Rights Reserved.
|
||||
* Redistribution in part or in whole strictly prohibited. Please
|
||||
* see LICENSE file for full details.
|
||||
* =================================================================
|
||||
*/
|
||||
|
||||
/*
|
||||
Do not make changes to this file. Any changes will be overwritten the next
|
||||
time you upgrade Gossamer Forum. You can override any css in this file by
|
||||
defining overriding styles in luna_print.css.
|
||||
|
||||
This file (and luna_print.css) are only used on the post display pages, and
|
||||
only apply when printing the page, or when using the "Print Thread" link from
|
||||
the post toolbar. Also keep in mind that styles defined here override luna.css
|
||||
and luna_core.css, so changing things there can affect elements of this page.
|
||||
*/
|
||||
|
||||
/* Elements we don't want to show at all on the print page: */
|
||||
#header, .navbar, .searchbar, #leftsidebar, #rightsidebar, #footer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Get rid of the shadows: */
|
||||
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
|
||||
width: auto;
|
||||
height: auto;
|
||||
background: none;
|
||||
}
|
||||
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
|
||||
width: auto;
|
||||
height: auto;
|
||||
float: none;
|
||||
background: none;
|
||||
}
|
||||
#ocwrapper {
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
#content {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.post-page #print, .message-page #print {
|
||||
padding: 10px;
|
||||
display: block;
|
||||
}
|
||||
#contentheader {
|
||||
padding: 0px;
|
||||
background: none;
|
||||
}
|
||||
h1 {
|
||||
color: black;
|
||||
}
|
||||
.post, .message {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.post-info, .message-info {
|
||||
background: none;
|
||||
padding-top: 0px;
|
||||
padding-left: 0px;
|
||||
margin-left: -166px; /* 181 from luna_core, -10 for removed post-info padding-left, -5 for removed .post margin-left */
|
||||
}
|
||||
.post-wrapper, .message-wrapper {
|
||||
border-left: 165px solid white; /* 175 from luna_core, -10 for removed post-info padding-left */
|
||||
}
|
||||
.post .post-actions, .post-page .toolbar,
|
||||
.post .post-info .copy-shortcut, .post .post-info .moderator-controls,
|
||||
.post .post-header a.post-in-reply-to,
|
||||
.post-page .thread-list,
|
||||
.message .message-actions, .message-page .toolbar
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.post-wrapper, .message-wrapper {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
/* Because this stylesheet is sometimes loaded as a screen media stylesheet
|
||||
* (i.e. for print previews), the following rules apply only to real print
|
||||
* media.
|
||||
*/
|
||||
@media print {
|
||||
/* Don't show the Print/Close buttons on the actual printed page: */
|
||||
.post-page #print_buttons, .message-page #print_buttons {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Fix a Firefox bug that otherwise causes post contents to overlap
|
||||
horizontally, making everything on long lines impossible to read: */
|
||||
.post-body, .message-body { overflow: hidden; }
|
||||
|
||||
/* the print preview page needs margins, but the printed page doesn't as it
|
||||
has paper margins: */
|
||||
#wrapper { margin: 0px; }
|
||||
}
|
||||
|
||||
/* vim:sw=2
|
||||
*/
|
12
site/forum.slowtwitch.com/www/static/luna/top.css
Normal file
12
site/forum.slowtwitch.com/www/static/luna/top.css
Normal file
@ -0,0 +1,12 @@
|
||||
/*
|
||||
This file is loaded after top_core.css, so styles in this file will override
|
||||
styles defined in it. Changes to this file will NOT be overwritten during
|
||||
upgrades. To use this file, you must uncomment the line:
|
||||
|
||||
<link type="text/css" rel="stylesheet" href="<%static_url%>/<%t%>/<%theme%>.css" />
|
||||
|
||||
in include_common_head.html. To do this, remove <%-- and --%> lines
|
||||
surrounding the above line.
|
||||
|
||||
See the comments in luna.css for a brief overview on overriding styles.
|
||||
*/
|
103
site/forum.slowtwitch.com/www/static/luna/top_core.css
Normal file
103
site/forum.slowtwitch.com/www/static/luna/top_core.css
Normal file
@ -0,0 +1,103 @@
|
||||
@import url(luna_core.css);
|
||||
/*
|
||||
* =================================================================
|
||||
* Gossamer Forum - Advanced web community
|
||||
*
|
||||
* Website : http://gossamer-threads.com/
|
||||
* Support : http://gossamer-threads.com/scripts/support/
|
||||
* Revision : $Id: top_core.css,v 1.3 2008/08/19 00:08:37 brewt Exp $
|
||||
*
|
||||
* Copyright (c) 2006 Gossamer Threads Inc. All Rights Reserved.
|
||||
* Redistribution in part or in whole strictly prohibited. Please
|
||||
* see LICENSE file for full details.
|
||||
* =================================================================
|
||||
*/
|
||||
|
||||
/*
|
||||
This CSS file inherits everything from the main luna CSS, then overrides a few
|
||||
post page fields to move the post info box from the left of the post to the top
|
||||
of the post, using just CSS to do so.
|
||||
*/
|
||||
|
||||
.post-wrapper, .message-wrapper {
|
||||
border-left: none;
|
||||
}
|
||||
.post, .message {
|
||||
margin-left: 0px;
|
||||
border: none;
|
||||
}
|
||||
.post-info, .message-info {
|
||||
margin: 0px 0px 2px 0px;
|
||||
margin-top: 0px;
|
||||
margin-left: 0px;
|
||||
float: none;
|
||||
background: #edf2cb;
|
||||
width: auto;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
/* Hide from Mac IE, applies to Windows IE (fake clearing div) \*/
|
||||
* html .post-info, * html .message-info {
|
||||
height: 1%;
|
||||
}
|
||||
/* End hide from IE-mac */
|
||||
|
||||
.post-body-wrapper, .message-body-wrapper {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.post-info .user-title, .message-info .user-title {
|
||||
font-style: italic;
|
||||
}
|
||||
.post-info .user-icon,
|
||||
.post-info .post-date.middle-post-date,
|
||||
.message-info .user-icon,
|
||||
.message-info .message-date.bottom-message-date {
|
||||
display: none;
|
||||
}
|
||||
.post-info .username,
|
||||
.post-info .user-title,
|
||||
.post-info .anonymous-email,
|
||||
.post-info .post-num,
|
||||
.post-info .post-views,
|
||||
.post-info .copy-shortcut,
|
||||
.post-info .moderator-controls .ip,
|
||||
.post-info .moderator-controls .ban,
|
||||
.post-info .moderator-controls .disable,
|
||||
.post-info .moderator-controls .thread,
|
||||
.post-info .moderator-controls .detach-move,
|
||||
.message-info .username,
|
||||
.message-info .user-title
|
||||
{
|
||||
display: inline;
|
||||
padding: 0px 0px 0px 10px;
|
||||
}
|
||||
.post-info .username, .message-info .username {
|
||||
padding-left: 0px;
|
||||
}
|
||||
.post-info .moderator-controls {
|
||||
clear: both;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.post-info .moderator-controls .ip {
|
||||
padding-left: 0px;
|
||||
}
|
||||
.post-info .post-date.leading-post-date,
|
||||
.message-info .message-date.leading-message-date {
|
||||
display: block;
|
||||
float: right;
|
||||
padding: 5px 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
.post-info .moderator-controls .thread.thread2 {
|
||||
padding-left: 0px;
|
||||
}
|
||||
.post-info .moderator-controls .thread.thread2 label {
|
||||
display: none;
|
||||
}
|
||||
.post-info .moderator-controls .thread.thread2 .sep.sep1 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* vim:sw=2
|
||||
*/
|
12
site/forum.slowtwitch.com/www/static/luna/top_print.css
Normal file
12
site/forum.slowtwitch.com/www/static/luna/top_print.css
Normal file
@ -0,0 +1,12 @@
|
||||
/*
|
||||
Styles defined in this file override styles set in luna_print_core.css, which
|
||||
itself overrides luna.css and luna_core.css. Changes to this file will NOT be
|
||||
overwritten during upgrades. To use this file, you must uncomment the line:
|
||||
|
||||
<link type="text/css" rel="stylesheet"<%unless page_id eq 'post_view_printable' or in.print == 1%> media="print"<%endif%> href="<%static_url%>/<%t%>/<%theme%>_print.css" />
|
||||
|
||||
in include_common_head.html. To do this, remove <%-- and --%> lines
|
||||
surrounding the above line.
|
||||
|
||||
See the comments in luna.css for a brief overview on overriding styles.
|
||||
*/
|
13
site/forum.slowtwitch.com/www/static/luna/top_print_core.css
Normal file
13
site/forum.slowtwitch.com/www/static/luna/top_print_core.css
Normal file
@ -0,0 +1,13 @@
|
||||
@import url(luna_print.css);
|
||||
|
||||
.post-info, .message-info {
|
||||
margin-left: 0px;
|
||||
padding-right: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
.post-wrapper, .message-wrapper {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
/* vim:sw=2
|
||||
*/
|
Reference in New Issue
Block a user