Second pass at adding key files
This commit is contained in:
dsainty
74
site/forum.slowtwitch.com/www/forumfaq.html
Normal file
74
site/forum.slowtwitch.com/www/forumfaq.html
Normal file
@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
|
||||
<meta name="generator" content="Adobe GoLive" />
|
||||
<title>forumfaq</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div align="center">
|
||||
<div style="position:relative;width:480px;height:1627px;-adbe-g:p;">
|
||||
<div style="position:absolute;top:0px;left:0px;width:479px;height:1626px;-adbe-c:c">
|
||||
<div align="center">
|
||||
<font size="2" face="Verdana, Arial, Helvetica, sans-serif">SLOWTWITCH FORUM FAQ</font>
|
||||
|
||||
<p align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="#Anchor-IS-35882">IS THIS A PUBLIC FORUM?</a><br />
|
||||
<a href="#Anchor-THIS-14210">IS THIS A MODERATED FORUM?</a><br />
|
||||
<a href="#Anchor-EXPECTATION-49575">EXPECTATION OF ANONYMITY</a></font><br />
|
||||
<font size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="#Anchor-WHAT-23240">WHAT CAN I POST HERE?</a><br />
|
||||
<a href="#Anchor-WHAT-3800">WHAT CAN'T I POST HERE?</a><br />
|
||||
<a href="#Anchor-WHAT-33869">WHAT IS CONSIDERED ABUSIVE?</a><br />
|
||||
<a href="#Anchor-WHAT-6296">WHAT IF MY POST IS PULLED?</a><br />
|
||||
<a href="#Anchor-WHAT-48213">WHAT IF I'M BANNED?</a><br />
|
||||
<a href="#Anchor-MULTIPLE-49575">MULTIPLE USER NAMES</a><br />
|
||||
<a href="#Anchor-COMPLAINTS-47857">COMPLAINTS ABOUT RETAILERS OR RACES</a></font><br />
|
||||
<font size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="#Anchor-DATA-78140">SCIENTIFIC DATA</a><br />
|
||||
<a href="#Anchor-DISCLAIMER-23522">ARE THESE ALL THE RULES?<br />
|
||||
DISCLAIMER</a></font></p>
|
||||
<hr />
|
||||
<p align="left"><a name="Anchor-IS-35882" id="Anchor-IS-35882"></a><font size="2" face="Verdana, Arial, Helvetica, sans-serif">IS THIS A PUBLIC FORUM? No, this is a private forum open to the public in general, but with certain restrictions including but not limited to those listed herein. Using this forum is a privilege, not a protected right, and this privilege can be revoked at our sole discretion.<br />
|
||||
<br />
|
||||
<a name="Anchor-THIS-14210" id="Anchor-THIS-14210"></a>IS THIS A MODERATED FORUM? Yes, but moderation occurs after the fact, that is, we don't monitor a post before it is published, you publish it and then we eventually read it (or not). This forum receives between 1500 and 2500 posts every day, on average, too many posts to read and monitor. Accordingly, anything you see that you consider abusive or in bad taste; if you read a post that you think ought to be brought to our attention; please apprise us of this. In such case, the editorial email prompt is at the bottom of every page of the Slowtwitch.com editorial website (www.slowtwitch.com). That email address to use for such concerns is: <a href="mailto:slowman@slowtwitch.com">slowman@slowtwitch.com</a><br />
|
||||
<br />
|
||||
<a name="Anchor-EXPECTATION-49575" id="Anchor-EXPECTATION-49575"></a>EXPECTATION OF ANONYMITY: You have none. There is none. Slowtwitch.com does not warrant that your anonymity will be protected, nor that we will protect it. If the preservation of your anonymity is vital to you, don't post on any Slowtwitch forum.<br />
|
||||
<br />
|
||||
<a name="Anchor-WHAT-23240" id="Anchor-WHAT-23240"></a>WHAT CAN I POST HERE? Anything associated with swim, bike, run, or triathlon in general. Off-topic posts belong in the Lavender Room. Notices belong in Notices, jobs sought or advertised in Jobs, items for sale in Classifieds. There are rules for each of these forums posted in "sticky" threads on the tops of each of those forums.<br />
|
||||
<br />
|
||||
<a name="Anchor-WHAT-3800" id="Anchor-WHAT-3800"></a>WHAT CAN'T I POST HERE? We are especially cranky about trial-by-internet. Do not register to post on this forum only to have your first post be a complaint against a company doing business in the sport of triathlon. Do not lodge a complaint against a named entity unless you yourself are willing to be identifiable, that is, no anonymous rants. Do not EVER say somebody's product is unsafe unless you have rock-solid demonstrable proof. This is as much for your benefit as anyone's (we'd prefer your hot temper doesn't result in a lawsuit a manufacturer lodges against you). Do not accuse anyone of taking performance enhancing drugs.<br />
|
||||
<br />
|
||||
<a name="Anchor-WHAT-33869" id="Anchor-WHAT-33869"></a>WHAT IS CONSIDERED ABUSIVE? We don't know, but we know it when we see it.<br />
|
||||
<br />
|
||||
<a name="Anchor-WHAT-6296" id="Anchor-WHAT-6296"></a>WHAT IF MY POST IS PULLED? You might find that something you posted is no longer on the forum on which it was originally posted. In all likelihood, you posted something that really belongs in either our Classifieds or Lavender Room forum, and you might find your post there (we'll just move your post or thread to the right forum). If your post is pulled entirely, you wrote something inappropriate—at least in our view—and we pulled the post.<br />
|
||||
<br />
|
||||
<a name="Anchor-WHAT-48213" id="Anchor-WHAT-48213"></a>WHAT IF I'M BANNED? Then you *might* have been (according to us) a very bad boy (or girl). We reserve the right to do this, and at our sole discretion. If you want to keep your account active, be civil. But you might be posting from a location inside a bloc of IP addresses we banned in order to weed out a spammer or bad actor. Email us privately and we'll find out of that's the case.<br />
|
||||
<br />
|
||||
<a name="Anchor-MULTIPLE-49575" id="Anchor-MULTIPLE-49575"></a>MULTIPLE USER NAMES: A big no-no. Stick to one user account. You can change your user name, but no creating multiple accounts. Note that your string of previous user names appends to your user profile.<br />
|
||||
<br/>
|
||||
<a name="Anchor-COMPLAINTS-47857" id="Anchor-COMPLAINTS-47857"></a>COMMENTS ABOUT RETAILERS OR RACES: Neither complaints nor praises belong on the reader forum. They should be lodged as "comments" attached to the profiles of these business entities, which reside on our databases listing them. You'll find links to these databases on a blue bar across the very top of our reader forum pages. Likewise bike fitters, coaches, and tri clubs.<br/>
|
||||
<br />
|
||||
<a name="Anchor-DATA-78140" id="Anchor-DATA-78140"></a>SCIENTIFIC DATA: If the data is merely a reprint from another website or publication, all that is needed is a link or a reference to the original source (and as much information is provided by the original publisher). <font size="2" face="Verdana, Arial, Helvetica, sans-serif">If the data is coming from you, as a private individual, simply do your best to explain your testing protocol and methodology. You should be prepared to answer questions to the best of your ability. If the data is coming from a company that you work for or are otherwise affiliated with, you need to explain your affiliation to that company.<br />
|
||||
</font>
|
||||
</div>
|
||||
<div align="left">
|
||||
<p><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><a name="Anchor-ARE-37516" id="Anchor-ARE-37516"></a>ARE THESE ALL THE RULES? No. But these are most of them, in broad strokes. There may be others we place here from time to time. As you become familiar with this forum, and this community, you'll see that we interfere only when we need to. If you take a deep breath before you post, and give your idea a second thought before you push the "send" button, you probably won't write anything with which we'll take umbrage.<br />
|
||||
<br />
|
||||
<a name="Anchor-DISCLAIMER-23522" id="Anchor-DISCLAIMER-23522"></a>DISCLAIMER: This is a very loosely moderated forum. We do not and cannot see everything written here, and we may not see an offensive post for awhile or indeed at all unless it is brought to our attention. We are hosting a global digital "water cooler," around which triathletes gather to "talk shop." As such we cannot and do not accept any liability for what others post here. We can simply make our best effort to monitor abuse that is brought to our attention.</font></p></font></p>
|
||||
</div>
|
||||
<div align="center">
|
||||
<p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Slowtwitch, Inc.<br />
|
||||
<a href="mailto:slowman@slowtwitch.com">slowman@slowtwitch.com<br />
|
||||
</a>661-944-5239<br />
|
||||
</font><font size="2" face="Verdana, Arial, Helvetica, sans-serif">P.O. Box 56<br/>
|
||||
</font><font size="2" face="Verdana, Arial, Helvetica, sans-serif"> 17116 Bob's Gap Road<br />
|
||||
Valyermo, CA 93563-0056</font></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
31
site/forum.slowtwitch.com/www/maintenance.html
Normal file
31
site/forum.slowtwitch.com/www/maintenance.html
Normal file
@ -0,0 +1,31 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>forum.slowtwitch.com down for maintenance</title>
|
||||
</head>
|
||||
|
||||
<body bgcolor="white">
|
||||
|
||||
<p> </p>
|
||||
|
||||
<div align="center">
|
||||
<center>
|
||||
|
||||
<table border="1" width="300" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td bgcolor="#102C5A" align="center"><font face="Tahoma,Arial,Sans-Serif" color="#FFAE00" size="2"><b>Under Construction</b></font></td>
|
||||
<tr>
|
||||
<td>
|
||||
<p align="center">
|
||||
<p align="center"><font face="Tahoma,Arial,Sans-Serif" size="4"><b>forum.slowtwitch.com</b></font></p>
|
||||
<p align="center"><font face="Tahoma,Arial,Sans-Serif" size="4">We are down for maintenance and will be back in 15 minutues.<br/>Sorry for any inconvenience.</font></p>
|
||||
<p align="center"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</center>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
108
site/forum.slowtwitch.com/www/static/admin/dashboard.css
Normal file
108
site/forum.slowtwitch.com/www/static/admin/dashboard.css
Normal file
@ -0,0 +1,108 @@
|
||||
/******************/
|
||||
/* widget classes */
|
||||
/******************/
|
||||
.widget_column {
|
||||
width: 320px;
|
||||
min-height: 10px;
|
||||
margin-right: 10px;
|
||||
float: left;
|
||||
}
|
||||
#dashboard_row0 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.widget_row {
|
||||
width: 650px;
|
||||
min-height: 10px;
|
||||
}
|
||||
.widget_column .widget {
|
||||
width: 320px;
|
||||
}
|
||||
.widget_row .widget {
|
||||
width: 650px;
|
||||
}
|
||||
.widget {
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.widget_heading {
|
||||
cursor: move;
|
||||
}
|
||||
.widget_hover {
|
||||
border: 1px dashed #AAAAAA;
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
.widget table {
|
||||
border-spacing: 0px;
|
||||
border: 0px;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
.widget th {
|
||||
color: white;
|
||||
background: #959595;
|
||||
padding: 3px;
|
||||
}
|
||||
.widget td {
|
||||
padding: 3px;
|
||||
}
|
||||
.widget .td_odd {
|
||||
background: #edf1cc;
|
||||
}
|
||||
.widget .td_even {
|
||||
background: #d9ddbb;
|
||||
}
|
||||
.widget .important {
|
||||
background: #5c7ccf;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
}
|
||||
.widget .line {
|
||||
padding: 3px 5px;
|
||||
}
|
||||
.widget .number {
|
||||
font-weight: bold;
|
||||
}
|
||||
#widget_list {
|
||||
width: 650px;
|
||||
background: #eaeaec;
|
||||
clear: both;
|
||||
}
|
||||
h3.widget_list_heading {
|
||||
background: #d2d2d2;
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
}
|
||||
#widget_list_toggle {
|
||||
background: #959595;
|
||||
float: left;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
#widget_list_toggle a {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
}
|
||||
#widget_list_toggle * {
|
||||
vertical-align: middle;
|
||||
}
|
||||
#widget_list_content {
|
||||
padding: 5px;
|
||||
}
|
||||
.widget_add {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
line-height: 20px;
|
||||
}
|
||||
.widget_add img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
/***************************/
|
||||
/* widget options classes */
|
||||
/**************************/
|
||||
.widget_footer a {
|
||||
float: right;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
605
site/forum.slowtwitch.com/www/static/admin/style.css
Normal file
605
site/forum.slowtwitch.com/www/static/admin/style.css
Normal file
@ -0,0 +1,605 @@
|
||||
/***************/
|
||||
/* base styles */
|
||||
/***************/
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font: 12px/1.231 tahoma, geneva, verdana, sans-serif;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
h1 {
|
||||
font-size: 20px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 17px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 15px;
|
||||
}
|
||||
h4 {
|
||||
font-size: 13px;
|
||||
}
|
||||
h5 {
|
||||
font-size: 12px;
|
||||
}
|
||||
h6 {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
ul, ol, dl, blockquote {
|
||||
margin: 1em;
|
||||
padding: 0;
|
||||
}
|
||||
ul, ol, dl {
|
||||
margin-left: 2em;
|
||||
}
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
min-width: 980px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/**********/
|
||||
/* header */
|
||||
/**********/
|
||||
.header {
|
||||
position: relative; /* for site title (.header h1) */
|
||||
}
|
||||
.header .logo {
|
||||
margin-bottom: 1px; /* add a small separation between logo and nav */
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.header ul.nav {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
background: #5d5b66;
|
||||
clear: both;
|
||||
}
|
||||
.header ul.nav li {
|
||||
float: left;
|
||||
background: transparent url(images/betweennav.gif) bottom right no-repeat;
|
||||
}
|
||||
|
||||
.header ul.nav li a {
|
||||
margin-right: 1px;
|
||||
padding: 7px 9px 7px 10px;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
.header ul.nav li.selected a {
|
||||
background: #737180;
|
||||
}
|
||||
.header ul.nav li a:link {
|
||||
color: #fff;
|
||||
}
|
||||
.header ul.nav li a:visited {
|
||||
color: #fff;
|
||||
}
|
||||
.header ul.nav li a:hover {
|
||||
color: #fff;
|
||||
background: #737180;
|
||||
}
|
||||
.header ul.nav li a:active {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.header ul.nav li.nav_home {
|
||||
border-right: 1px solid #fff;
|
||||
background: none;
|
||||
}
|
||||
.header ul.nav li.nav_home_selected {
|
||||
background: #383741;
|
||||
}
|
||||
.header ul.nav li.nav_home a {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.header ul.nav li.nav_help, .header ul.nav li.nav_forum {
|
||||
float: right;
|
||||
background: none;
|
||||
}
|
||||
.header ul.nav li.nav_help a, .header ul.nav li.nav_forum a {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/**********/
|
||||
/* footer */
|
||||
/**********/
|
||||
.footer {
|
||||
padding: 7px;
|
||||
border-top: 16px solid #5d5b66;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.footer ul {
|
||||
margin: 0px;
|
||||
list-style: none;
|
||||
}
|
||||
.footer ul li {
|
||||
padding: 0px 5px;
|
||||
border-right: 1px solid #878787;
|
||||
float: left;
|
||||
}
|
||||
.footer ul li.last {
|
||||
border-right: 0px;
|
||||
}
|
||||
.footer ul li a {
|
||||
color: #707070;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer_version {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*************/
|
||||
/* container */
|
||||
/*************/
|
||||
.container {
|
||||
background: url(images/faux-sidebar.gif) top left repeat-y;
|
||||
}
|
||||
|
||||
/***********/
|
||||
/* sidebar */
|
||||
/***********/
|
||||
.sidebar {
|
||||
width: 160px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.sidebar h3 {
|
||||
margin: 0;
|
||||
padding: 7px 10px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
background: #959595;
|
||||
}
|
||||
.sidebar ul {
|
||||
margin: 8px 10px 20px 10px;
|
||||
list-style: none;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.sidebar li {
|
||||
padding-left: 9px;
|
||||
color: #444;
|
||||
background: url(images/bullet-square-gray.gif) center left no-repeat;
|
||||
}
|
||||
.sidebar li.selected a {
|
||||
font-weight: bold;
|
||||
}
|
||||
.sidebar li a:link {
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
}
|
||||
.sidebar li a:visited {
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
}
|
||||
.sidebar li a:hover {
|
||||
color: #444;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.sidebar li a:active {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
/***********/
|
||||
/* content */
|
||||
/***********/
|
||||
.content {
|
||||
padding: 15px 0 30px 20px;
|
||||
width: 780px; /* 980px - 160 (sidebar) - 20 (left padding) - 20 (right padding) */
|
||||
float: left;
|
||||
}
|
||||
.content h2 {
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
/**************/
|
||||
/* ui classes */
|
||||
/**************/
|
||||
|
||||
/* box */
|
||||
h3.box_title {
|
||||
padding: 4px 8px;
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
background: #5d5b66;
|
||||
}
|
||||
.box_content {
|
||||
background: #edf1cc;
|
||||
}
|
||||
.box_controls {
|
||||
float: right;
|
||||
padding: 5px;
|
||||
}
|
||||
.box_padding {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
#container {
|
||||
background-color: #edf0cd;
|
||||
}
|
||||
|
||||
#container h2 {
|
||||
display: block;
|
||||
background-color: #5C5B65;
|
||||
color: #EFEFEF;
|
||||
font-size: large;
|
||||
font-weight: bold;
|
||||
padding: 4px 10px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.panel {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.panel .search {
|
||||
float: right;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.panel .search label {
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.panel .actions {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.panel .letter-header {
|
||||
background: #959595;
|
||||
margin: 0px;
|
||||
margin-bottom: 2px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.panel .letter-header a {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 10pt;
|
||||
width: 3.65%;
|
||||
float: left;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
.panel .letter-header a.highlight {
|
||||
background: #5c5b66;
|
||||
}
|
||||
|
||||
.panel .user-count {
|
||||
font-size: 80%;
|
||||
color: #5c5b66;
|
||||
margin: 15px 0px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.panel .paging {
|
||||
float: right;
|
||||
margin: 10px 0px;
|
||||
}
|
||||
|
||||
.panel table.user-listing {
|
||||
width: 100%;
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
background-color: #F8F8F9;
|
||||
}
|
||||
|
||||
.panel table.user-listing thead tr {
|
||||
background-color: #cecedb;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.panel table.user-listing thead tr td {
|
||||
border: 1px solid #b1adc6;
|
||||
}
|
||||
|
||||
.panel table.user-listing thead tr td.ascending {
|
||||
background: url(images/ascending.gif) no-repeat 92% 50%;
|
||||
}
|
||||
.panel table.user-listing thead tr td.descending{
|
||||
background: url(images/descending.gif) no-repeat 92% 50%;
|
||||
}
|
||||
|
||||
.panel table.user-listing thead tr td span {
|
||||
text-align: right;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.panel table.user-listing thead tr td a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.panel table.user-listing thead tr td a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.panel table.user-listing tbody tr.alt {
|
||||
background-color: #e4e4eb;
|
||||
}
|
||||
|
||||
.panel table.user-listing tbody {
|
||||
font-size: smaller;
|
||||
border-bottom: 1px solid #b1adc6;
|
||||
}
|
||||
|
||||
.panel table.user-listing td {
|
||||
padding: 7px;
|
||||
border-left: 1px solid #b1adc6;
|
||||
border-right: 1px solid #b1adc6;
|
||||
}
|
||||
|
||||
.panel table.user-listing td.justify {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.okay {
|
||||
color: green;
|
||||
}
|
||||
.alert {
|
||||
color: red;
|
||||
}
|
||||
.blue {
|
||||
color: #3f8b98;
|
||||
}
|
||||
.orange {
|
||||
color: #ff9900;
|
||||
}
|
||||
|
||||
input.submit-dark {
|
||||
border: 1px solid #9795a2;
|
||||
background: #5c5b66;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
padding: 2px 5px;
|
||||
margin: 5px 0px 5px;
|
||||
}
|
||||
|
||||
input.submit-light {
|
||||
border: 0px;
|
||||
background: #959595 url(images/plus.gif) center left no-repeat;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
text-transform: capitalize;
|
||||
padding: 2px 5px 2px 15px;
|
||||
margin: 5px 5px 15px 0px;
|
||||
}
|
||||
|
||||
input.submit-small-dark {
|
||||
border: 0;
|
||||
background: #5c5b66;
|
||||
color: #ffffff;
|
||||
font-weight: normal;
|
||||
font-size: 80%;
|
||||
padding: 2px 5px;
|
||||
margin: 0px 5px 10px 0;
|
||||
}
|
||||
|
||||
input.text, input.password, textarea {
|
||||
border:1px solid #999999;
|
||||
padding:1px 0 1px 2px;
|
||||
}
|
||||
|
||||
.ac_results {
|
||||
padding: 0px;
|
||||
border: 1px solid WindowFrame;
|
||||
background-color: Window;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ac_results ul {
|
||||
width: 100%;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.ac_results li {
|
||||
margin: 0px;
|
||||
padding: 2px 5px;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
width: 100%;
|
||||
font: menu;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ac_loading {
|
||||
background-color: beige;
|
||||
}
|
||||
.ac_over {
|
||||
background-color: Highlight;
|
||||
color: HighlightText;
|
||||
}
|
||||
|
||||
/*******************/
|
||||
/* utility classes */
|
||||
/*******************/
|
||||
.clear_simple {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.clear:after {
|
||||
height: 0px;
|
||||
clear: both;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
content: ".";
|
||||
}
|
||||
.clear {
|
||||
display: inline-block;
|
||||
}
|
||||
/* start non ie/mac css \*/
|
||||
* html .clear {
|
||||
height: 1%;
|
||||
}
|
||||
.clear {
|
||||
display: block;
|
||||
}
|
||||
/* end non ie/mac css */
|
||||
|
||||
/*-----------------------------*\
|
||||
|* password strength indicator *|
|
||||
\*-----------------------------*/
|
||||
#pass-strength {
|
||||
font-weight: bold;
|
||||
}
|
||||
.pass-strength-weak {
|
||||
color: red;
|
||||
}
|
||||
.pass-strength-good {
|
||||
color: blue;
|
||||
}
|
||||
.pass-strength-strong {
|
||||
color: green;
|
||||
}
|
||||
|
||||
|
||||
/*---------------*\
|
||||
|* forum listing *|
|
||||
\*---------------*/
|
||||
div.forum-list {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
|
||||
div.forum-list input.collapse,
|
||||
div.forum-list input.expand {
|
||||
background: #a7a6b4 no-repeat;
|
||||
border: 0px;
|
||||
color: #ffffff;
|
||||
font-weight: normal;
|
||||
font-size: 7pt;
|
||||
padding: 2px 15px 0px 2px;
|
||||
margin: 0px 0px 10px 0px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
div.forum-list input.collapse {
|
||||
background-image: url(images/ascending-white.gif);
|
||||
background-position: 94% 4px;
|
||||
}
|
||||
|
||||
div.forum-list input.expand {
|
||||
background-image: url(images/descending-white.gif);
|
||||
background-position: 94% 3px;
|
||||
}
|
||||
|
||||
div.forum-list .collapsible {
|
||||
background-image: url(images/ascending-button.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 99% 50%;
|
||||
}
|
||||
|
||||
div.forum-list .expandable {
|
||||
background-image: url(images/descending-button.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 99% 50%;
|
||||
}
|
||||
|
||||
div.forum-list a img {
|
||||
float: right;
|
||||
margin-top: -15px;
|
||||
margin-right: -3px
|
||||
}
|
||||
|
||||
div.forum-list .category {
|
||||
background-color: #d0cfdd;
|
||||
border: 1px solid #a7a6b4;
|
||||
border-bottom: 2px solid #a7a6b4;
|
||||
font-size: 11pt;
|
||||
font-weight: bold;
|
||||
padding: 5px 10px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
div.forum-list .sub-category {
|
||||
background-color: #e4e9ef;
|
||||
border-left: 1px solid #a7a6b4;
|
||||
border-right: 1px solid #a7a6b4;
|
||||
border-top: 1px solid #caced7;
|
||||
border-bottom: 2px solid #caced7;
|
||||
padding: 5px 10px 5px 35px;
|
||||
font-size: 11pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.forum-list * span a {
|
||||
font-weight: normal;
|
||||
font-size: 8pt;
|
||||
text-decoration: none;
|
||||
color: #777777;
|
||||
vertical-align: center;
|
||||
}
|
||||
|
||||
div.forum-list .forum {
|
||||
color: #48484a;
|
||||
background: #ffffff url(images/forum.gif) no-repeat 5px 0px;
|
||||
border-left: 1px solid #a7a6b4;
|
||||
border-right: 1px solid #a7a6b4;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
padding: 4px 10px 4px 35px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
div.sub-category-forums .forum {
|
||||
background-image: url(images/forum.gif);
|
||||
background-position: 30px 0px;
|
||||
padding: 4px 10px 4px 60px;
|
||||
}
|
||||
|
||||
div.forum-forums .forum {
|
||||
background-image: url(images/sub-forum.gif);
|
||||
background-position: 8px 0px;
|
||||
padding: 4px 10px 4px 60px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.sub-category-forums div.forum-forums .forum {
|
||||
background-image: url(images/sub-forum.gif);
|
||||
background-position: 33px 0px;
|
||||
padding: 4px 10px 4px 85px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.forum-list * .alternate {
|
||||
background-color: #e7e6ec;
|
||||
}
|
||||
|
||||
div.forum-list .bottom {
|
||||
height: 1px;
|
||||
background: #a7a6b4;
|
||||
padding: 0px;
|
||||
}
|
||||
151
site/forum.slowtwitch.com/www/static/admin/thickbox.css
Normal file
151
site/forum.slowtwitch.com/www/static/admin/thickbox.css
Normal file
@ -0,0 +1,151 @@
|
||||
* { padding: 0; margin: 0; }
|
||||
|
||||
#TB_window {
|
||||
font: 12px Arial, Helvetica, sans-serif;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
#TB_secondLine {
|
||||
font: 10px Arial, Helvetica, sans-serif;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
#TB_window a:link { color: #666666; }
|
||||
#TB_window a:visited { color: #666666; }
|
||||
#TB_window a:hover { color: #000; }
|
||||
#TB_window a:active { color: #666666; }
|
||||
#TB_window a:focus { color: #666666; }
|
||||
|
||||
#TB_overlay {
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
|
||||
|
||||
.TB_overlayBG {
|
||||
background-color: #000;
|
||||
filter: alpha(opacity=75);
|
||||
-moz-opacity: 0.75;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
* html #TB_overlay { /* ie6 hack */
|
||||
position: absolute;
|
||||
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
|
||||
}
|
||||
|
||||
#TB_window {
|
||||
position: fixed;
|
||||
background: #EDF1CC;
|
||||
z-index: 102;
|
||||
color: #000000;
|
||||
display: none;
|
||||
text-align: left;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
* html #TB_window { /* ie6 hack */
|
||||
position: absolute;
|
||||
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
|
||||
}
|
||||
|
||||
#TB_window img#TB_Image {
|
||||
display: block;
|
||||
margin: 15px 0 0 15px;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-top: 1px solid #666;
|
||||
border-left: 1px solid #666;
|
||||
}
|
||||
|
||||
#TB_caption {
|
||||
height: 25px;
|
||||
padding: 7px 30px 10px 25px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#TB_closeWindow {
|
||||
height: 25px;
|
||||
padding: 11px 25px 10px 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#TB_closeAjaxWindow {
|
||||
text-align: right;
|
||||
float: right;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
#TB_ajaxWindowTitle {
|
||||
float: left;
|
||||
margin-bottom: 1px;
|
||||
font-size: 15px;
|
||||
color: #FFFFFF;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
#TB_title {
|
||||
background-color: #5D5B66;
|
||||
height: 27px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#TB_ajaxContent {
|
||||
clear: both;
|
||||
padding: 2px 15px 15px 15px;
|
||||
overflow: auto;
|
||||
text-align: left;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
#TB_ajaxContent.TB_modal { padding: 15px; }
|
||||
#TB_ajaxContent p { padding: 5px 0px 5px 0px; }
|
||||
|
||||
#TB_load {
|
||||
position: fixed;
|
||||
display: none;
|
||||
height: 13px;
|
||||
width: 208px;
|
||||
z-index: 103;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
|
||||
}
|
||||
|
||||
* html #TB_load { /* ie6 hack */
|
||||
position: absolute;
|
||||
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
|
||||
}
|
||||
|
||||
#TB_HideSelect {
|
||||
z-index: 99;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
border: none;
|
||||
filter: alpha(opacity=0);
|
||||
-moz-opacity: 0;
|
||||
opacity: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
* html #TB_HideSelect { /* ie6 hack */
|
||||
position: absolute;
|
||||
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
|
||||
}
|
||||
|
||||
#TB_iframeContent {
|
||||
clear: both;
|
||||
border: none;
|
||||
margin-bottom: -1px;
|
||||
margin-top: 1px;
|
||||
_margin-bottom: 1px;
|
||||
}
|
||||
1
site/forum.slowtwitch.com/www/static/css
Symbolic link
1
site/forum.slowtwitch.com/www/static/css
Symbolic link
@ -0,0 +1 @@
|
||||
/var/home/slowtwitch/site/common/static/css
|
||||
81
site/forum.slowtwitch.com/www/static/editor.old/editor.css
Normal file
81
site/forum.slowtwitch.com/www/static/editor.old/editor.css
Normal file
@ -0,0 +1,81 @@
|
||||
/*
|
||||
* =================================================================
|
||||
* HTML Editor - A WYSIWYG web based editor for IE5.5+ and Mozilla v1.4+
|
||||
*
|
||||
* Website : http://gossamer-threads.com/
|
||||
* Support : http://gossamer-threads.com/scripts/support/
|
||||
* Revision : $Id: editor.css,v 1.1 2006/04/05 23:23:13 brewt Exp $
|
||||
*
|
||||
* Copyright (c) 2005 Gossamer Threads Inc. All Rights Reserved.
|
||||
* Redistribution in part or in whole strictly prohibited. Please
|
||||
* see LICENSE file for full details.
|
||||
* =================================================================
|
||||
*/
|
||||
|
||||
#editor {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.toolbar {
|
||||
border: 1px solid;
|
||||
border-color: white gray gray white;
|
||||
height: 26px;
|
||||
heigh\t: 24px;
|
||||
background-color: lightgrey;
|
||||
overflow: hidden;
|
||||
}
|
||||
.button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 1px solid lightgrey;
|
||||
width: 25px;
|
||||
widt\h: 23px;
|
||||
height: 24px;
|
||||
heigh\t: 22px;
|
||||
float: left;
|
||||
}
|
||||
.button-pressed {
|
||||
border-color: gray white white gray;
|
||||
background-color: #e9e7e3;
|
||||
background-position: 1px 1px;
|
||||
}
|
||||
.button-mouse-over {
|
||||
border-color: white gray gray white;
|
||||
}
|
||||
.button-pressed-mouse-over {
|
||||
background-color: lightgrey;
|
||||
}
|
||||
.button-disabled {
|
||||
filter: alpha(opacity = 25);
|
||||
opacity: 0.25;
|
||||
/* safari fix - when opacity is set, the background gets offset by about 50%?!? */
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.separator {
|
||||
margin: 2px 3px;
|
||||
border-left: 1px solid gray;
|
||||
border-right: 1px solid white;
|
||||
width: 0px;
|
||||
height: 20px;
|
||||
float: left;
|
||||
}
|
||||
#editable_iframe {
|
||||
border: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
#editable_source {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
width: 100%;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
/* this somehow fixes the focus problems in mozilla */
|
||||
left: 0px;
|
||||
}
|
||||
#editable_content {
|
||||
margin: 5px;
|
||||
}
|
||||
#editable_content p {
|
||||
margin: 0px;
|
||||
}
|
||||
@ -0,0 +1,135 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Color</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor_dialog.css">
|
||||
<script type="text/javascript" src="../utils.js"></script>
|
||||
<script type="text/javascript" src="editor_dialog.js"></script>
|
||||
<script type="text/javascript">
|
||||
var colors = ['FFFFFF', 'FFBFBF', 'FFDFBF', 'FFFFBF', 'EFFFBF', 'BFFFBF', 'BFFFEF', 'BFFFFF', 'BFDFFF', 'BFBFFF', 'DFBFFF', 'FFBFFF', 'FFBFDF', 'E0E0E0', 'FF8080', 'FFBF80', 'FFFF80', 'CFFF80', '80FF80', '80FFCF', '80FFFF', '80BFFF', '8080FF', 'BF80FF', 'FF80FF', 'FF80BF', 'C0C0C0', 'FF4040', 'FFA040', 'FFFF40', 'B0FF40', '40FF40', '40FFB0', '40FFFF', '40A0FF', '4040FF', 'A040FF', 'FF40FF', 'FF40A0', '808080', 'FF0000', 'FF8000', 'FFFF00', '80FF00', '00FF00', '00FF80', '00FFFF', '0080FF', '0000FF', '8000FF', 'FF00FF', 'FF0080', '646464', 'BF0000', 'BF6000', 'BFBF00', '80BF00', '00BF00', '00BF80', '00BFBF', '0060BF', '0000BF', '6000BF', 'BF00BF', 'BF0060', '484848', '800000', '804000', '808000', '588000', '008000', '008058', '008080', '004080', '000080', '400080', '800080', '800040', '000000', '500000', '502800', '505000', '385000', '005000', '005028', '005050', '002850', '000050', '280050', '500050', '500028'];
|
||||
var colormap = {
|
||||
aliceblue : '#F0F8FF', antiquewhite : '#FAEBD7', aqua : '#00FFFF', aquamarine : '#7FFFD4', azure : '#F0FFFF',
|
||||
beige : '#F5F5DC', bisque : '#FFE4C4', black : '#000000', blanchedalmond : '#FFEBCD', blue : '#0000FF', blueviolet : '#8A2BE2', brown : '#A52A2A', burlywood : '#DEB887',
|
||||
cadetblue : '#5F9EA0', chartreuse : '#7FFF00', chocolate : '#D2691E', coral : '#FF7F50', cornflowerblue : '#6495ED', cornsilk : '#FFF8DC', crimson : '#DC143C', cyan : '#00FFFF',
|
||||
darkblue : '#00008B', darkcyan : '#008B8B', darkgoldenrod : '#B8860B', darkgray : '#A9A9A9', darkgreen : '#006400', darkkhaki : '#BDB76B', darkmagenta : '#8B008B', darkolivegreen : '#556B2F', darkorange : '#FF8C00', darkorchid : '#9932CC', darkred : '#8B0000', darksalmon : '#E9967A', darkseagreen : '#8FBC8F', darkslateblue : '#483D8B', darkslategray : '#2F4F4F', darkturquoise : '#00CED1', darkviolet : '#9400D3', deeppink : '#FF1493', deepskyblue : '#00BFFF', dimgray : '#696969', dodgerblue : '#1E90FF',
|
||||
firebrick : '#B22222', floralwhite : '#FFFAF0', forestgreen : '#228B22', fuchsia : '#FF00FF',
|
||||
gainsboro : '#DCDCDC', ghostwhite : '#F8F8FF', gold : '#FFD700', goldenrod : '#DAA520', gray : '#808080', green : '#008000', greenyellow : '#ADFF2F',
|
||||
honeydew : '#F0FFF0', hotpink : '#FF69B4',
|
||||
indianred : '#CD5C5C', indigo : '#4B0082', ivory : '#FFFFF0',
|
||||
khaki : '#F0E68C',
|
||||
lavender : '#E6E6FA', lavenderblush : '#FFF0F5', lawngreen : '#7CFC00', lemonchiffon : '#FFFACD', lightblue : '#ADD8E6', lightcoral : '#F08080', lightcyan : '#E0FFFF', lightgoldenrodyellow : '#FAFAD2', lightgreen : '#90EE90', lightgrey : '#D3D3D3', lightpink : '#FFB6C1', lightsalmon : '#FFA07A', lightseagreen : '#20B2AA', lightskyblue : '#87CEFA', lightslategray : '#778899', lightsteelblue : '#B0C4DE', lightyellow : '#FFFFE0', lime : '#00FF00', limegreen : '#32CD32', linen : '#FAF0E6',
|
||||
magenta : '#FF00FF', maroon : '#800000', mediumaquamarine : '#66CDAA', mediumblue : '#0000CD', mediumorchid : '#BA55D3', mediumpurple : '#9370DB', mediumseagreen : '#3CB371', mediumslateblue : '#7B68EE', mediumspringgreen : '#00FA9A', mediumturquoise : '#48D1CC', mediumvioletred : '#C71585', midnightblue : '#191970', mintcream : '#F5FFFA', mistyrose : '#FFE4E1', moccasin : '#FFE4B5',
|
||||
navajowhite : '#FFDEAD', navy : '#000080',
|
||||
oldlace : '#FDF5E6', olive : '#808000', olivedrab : '#6B8E23', orange : '#FFA500', orangered : '#FF4500', orchid : '#DA70D6',
|
||||
palegoldenrod : '#EEE8AA', palegreen : '#98FB98', paleturquoise : '#AFEEEE', palevioletred : '#DB7093', papayawhip : '#FFEFD5', peachpuff : '#FFDAB9', peru : '#CD853F', pink : '#FFC0CB', plum : '#DDA0DD', powderblue : '#B0E0E6', purple : '#800080',
|
||||
red : '#FF0000', rosybrown : '#BC8F8F', royalblue : '#4169E1',
|
||||
saddlebrown : '#8B4513', salmon : '#FA8072', sandybrown : '#F4A460', seagreen : '#2E8B57', seashell : '#FFF5EE', sienna : '#A0522D', silver : '#C0C0C0', skyblue : '#87CEEB', slateblue : '#6A5ACD', slategray : '#708090', snow : '#FFFAFA', springgreen : '#00FF7F', steelblue : '#4682B4',
|
||||
tan : '#D2B48C', teal : '#008080', thistle : '#D8BFD8', tomato : '#FF6347', turquoise : '#40E0D0',
|
||||
violet : '#EE82EE',
|
||||
wheat : '#F5DEB3', white : '#FFFFFF', whitesmoke : '#F5F5F5',
|
||||
yellow : '#FFFF00', yellowgreen : '#9ACD32'
|
||||
};
|
||||
var color, sample, submit, cssProperty, selected;
|
||||
function checkColor(exec) {
|
||||
var hc = getColor();
|
||||
if (hc) {
|
||||
var cell = document.getElementById(hc);
|
||||
if (selected)
|
||||
selected.className = null;
|
||||
if (cell)
|
||||
cell.className = 'selected';
|
||||
selected = cell;
|
||||
updateSample();
|
||||
submit.disabled = false;
|
||||
if (exec) {
|
||||
hexcolor.value = hc;
|
||||
submitForm();
|
||||
}
|
||||
}
|
||||
else
|
||||
submit.disabled = true;
|
||||
return false;
|
||||
}
|
||||
function selectColor(e) {
|
||||
if (!e) e = window.event;
|
||||
var target = e.target ? e.target : e.srcElement;
|
||||
|
||||
if (selected)
|
||||
selected.className = null;
|
||||
target.className = 'selected';
|
||||
selected = target;
|
||||
hexcolor.value = target.id;
|
||||
updateSample();
|
||||
}
|
||||
function getColor() {
|
||||
if (hexcolor.value.match(/^#[0-9a-f]{6}$/i))
|
||||
return hexcolor.value.toUpperCase();
|
||||
else if (hexcolor.value.match(/^#[0-9a-f]{3}$/i)) {
|
||||
var hc = hexcolor.value.toUpperCase();
|
||||
return '#' + hc.substring(1, 2) + hc.substring(1, 2) + hc.substring(2, 3) + hc.substring(2, 3) + hc.substring(3, 4) + hc.substring(3, 4);
|
||||
}
|
||||
else if (colormap[hexcolor.value.toLowerCase()])
|
||||
return colormap[hexcolor.value.toLowerCase()];
|
||||
}
|
||||
function updateSample() {
|
||||
var hc = getColor();
|
||||
if (hc)
|
||||
sample.style[cssProperty] = hc;
|
||||
}
|
||||
function init() {
|
||||
hexcolor = document.getElementById('hexcolor');
|
||||
sample = document.getElementById('sample');
|
||||
submit = document.getElementById('submit');
|
||||
|
||||
var palette = document.getElementById('palette');
|
||||
for (var i = 0; i < colors.length; i++) {
|
||||
var cell = document.createElement('div');
|
||||
palette.appendChild(cell);
|
||||
cell.id = '#' + colors[i];
|
||||
cell.style.backgroundColor = '#' + colors[i];
|
||||
registerEvent(cell, 'click', selectColor);
|
||||
if (i % 13 == 0)
|
||||
cell.style.clear = 'left';
|
||||
}
|
||||
|
||||
if (opener.dialogWindow.values._foreground)
|
||||
sample.style.color = opener.dialogWindow.values._foreground;
|
||||
if (opener.dialogWindow.values._background)
|
||||
sample.style.backgroundColor = opener.dialogWindow.values._background;
|
||||
if (opener.dialogWindow.values._highlight)
|
||||
document.getElementById('sample-span').style.backgroundColor = opener.dialogWindow.values._highlight;
|
||||
|
||||
if (opener.dialogWindow.values._type == 'background') {
|
||||
document.title = 'Background Color';
|
||||
cssProperty = 'backgroundColor';
|
||||
}
|
||||
else if (opener.dialogWindow.values._type == 'highlight') {
|
||||
document.title = 'Highlight Color';
|
||||
cssProperty = 'backgroundColor';
|
||||
sample = document.getElementById('sample-span');
|
||||
}
|
||||
else {
|
||||
document.title = 'Text Color';
|
||||
cssProperty = 'color';
|
||||
}
|
||||
|
||||
initForm();
|
||||
setInterval(function () { checkColor() }, 250);
|
||||
hexcolor.focus();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body id="editor_color" onload="init()">
|
||||
<form action="#" onsubmit="return checkColor(true)">
|
||||
<div id="palette"></div>
|
||||
<div id="samplewrapper">
|
||||
<div id="sample"><span id="sample-span">Sample</span></div>
|
||||
<input type="text" id="hexcolor" maxlength="20" class="text" title="Enter a custom color (e.g. '#FF0000' or 'red') here">
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<input type="submit" id="submit" value="OK" class="submit">
|
||||
<input type="button" value="Cancel" class="button" onclick="opener.focus(); window.close();">
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,193 @@
|
||||
/*
|
||||
* =================================================================
|
||||
* HTML Editor - A WYSIWYG web based editor for IE5.5+ and Mozilla v1.4+
|
||||
*
|
||||
* Website : http://gossamer-threads.com/
|
||||
* Support : http://gossamer-threads.com/scripts/support/
|
||||
* Revision : $Id: editor_dialog.css,v 1.2 2006/07/16 19:13:52 jagerman Exp $
|
||||
*
|
||||
* Copyright (c) 2005 Gossamer Threads Inc. All Rights Reserved.
|
||||
* Redistribution in part or in whole strictly prohibited. Please
|
||||
* see LICENSE file for full details.
|
||||
* =================================================================
|
||||
*/
|
||||
|
||||
body, input, select {
|
||||
font-family: "Microsoft Sans Serif", Tahoma, Arial, sans-serif;
|
||||
font-size: 11px;
|
||||
}
|
||||
body {
|
||||
margin: 10px;
|
||||
background-color: #dcdad5;
|
||||
}
|
||||
form {
|
||||
margin: 0px;
|
||||
}
|
||||
fieldset {
|
||||
padding: 0px;
|
||||
}
|
||||
.fieldset {
|
||||
padding: 5px 10px 0px 10px;
|
||||
}
|
||||
.buttons {
|
||||
text-align: right;
|
||||
}
|
||||
.buttons input.submit, .buttons input.button {
|
||||
margin: 2px 0px;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
input.text {
|
||||
/* ie6 fix to correct the size of the text input */
|
||||
padding: 1px 0px;
|
||||
}
|
||||
|
||||
#editor_font #form {
|
||||
width: 335px;
|
||||
float: left;
|
||||
}
|
||||
#editor_font #fontwrapper {
|
||||
margin-right: 10px;
|
||||
width: 150px;
|
||||
float: left;
|
||||
/* ie6 fix to prevent the input/select from expanding the box (some mystery
|
||||
padding on the right side) */
|
||||
overflow: hidden;
|
||||
}
|
||||
#editor_font #stylewrapper {
|
||||
margin-right: 10px;
|
||||
width: 110px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
#editor_font #sizewrapper {
|
||||
width: 55px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
#editor_font #font-sel, #editor_font #style-sel, #editor_font #size-sel, #editor_font #font, #editor_font #style, #editor_font #size {
|
||||
width: 100%;
|
||||
}
|
||||
#editor_font #font-sel {
|
||||
widt\h: 146px;
|
||||
}
|
||||
#editor_font #style-sel {
|
||||
widt\h: 106px;
|
||||
}
|
||||
#editor_font #size-sel {
|
||||
widt\h: 51px;
|
||||
}
|
||||
#editor_font #effectswrapper {
|
||||
margin: 15px 10px 0px 0px;
|
||||
width: 150px;
|
||||
widt\h: 146px;
|
||||
height: 82px;
|
||||
heigh\t: 78px;
|
||||
float: left;
|
||||
}
|
||||
#editor_font #samplewrapper {
|
||||
margin: 15px 0px 0px 0px;
|
||||
width: 175px;
|
||||
widt\h: 171px;
|
||||
height: 82px;
|
||||
heigh\t: 78px;
|
||||
float: left;
|
||||
}
|
||||
#editor_font #samplewrapper .fieldset {
|
||||
/* ie5.5 needs this to center the sample */
|
||||
text-align: center;
|
||||
}
|
||||
#editor_font #sample {
|
||||
margin: 0px auto;
|
||||
border: 1px inset;
|
||||
width: 147px;
|
||||
widt\h: 145px;
|
||||
height: 52px;
|
||||
heigh\t: 50px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
#editor_font .buttons {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
#editor_link #urlwrapper {
|
||||
width: 274px;
|
||||
widt\h: 270px;
|
||||
height: 78px;
|
||||
heigh\t: 74px;
|
||||
float: left;
|
||||
}
|
||||
#editor_link #url {
|
||||
width: 200px;
|
||||
}
|
||||
#editor_link label.name {
|
||||
margin-top: 2px;
|
||||
width: 40px;
|
||||
float: left;
|
||||
}
|
||||
#editor_link .row {
|
||||
padding: 3px 0px;
|
||||
}
|
||||
|
||||
#editor_image #form {
|
||||
width: 320px;
|
||||
float: left;
|
||||
}
|
||||
#editor_image .row {
|
||||
padding: 3px 0px;
|
||||
}
|
||||
#editor_image label.name {
|
||||
margin-top: 2px;
|
||||
width: 95px;
|
||||
float: left;
|
||||
}
|
||||
#editor_image input.text#src-url-input {
|
||||
width: 215px;
|
||||
}
|
||||
#editor_image label, #editor_image input.radio {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#editor_color #palette div {
|
||||
margin: 0px 1px 1px 0px;
|
||||
border: 1px solid gray;
|
||||
width: 25px;
|
||||
widt\h: 23px;
|
||||
height: 20px;
|
||||
heigh\t: 18px;
|
||||
font-size: 1px;
|
||||
float: left;
|
||||
}
|
||||
#editor_color #palette div:hover, #editor_color #palette .selected {
|
||||
border: 2px dotted white;
|
||||
widt\h: 21px;
|
||||
heigh\t: 16px;
|
||||
}
|
||||
#editor_color #samplewrapper {
|
||||
margin-top: 10px;
|
||||
float: left;
|
||||
}
|
||||
#editor_color #sample {
|
||||
margin-right: 5px;
|
||||
padding-top: 4px;
|
||||
border: 1px solid #000000;
|
||||
width: 80px;
|
||||
widt\h: 78px;
|
||||
height: 24px;
|
||||
heigh\t: 18px;
|
||||
float: left;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
#editor_color #samplewrapper input {
|
||||
width: 80px;
|
||||
}
|
||||
#editor_color .buttons {
|
||||
margin-top: 8px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
label, input {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>HTML Editor</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor.css">
|
||||
</head>
|
||||
<body id="editable_content"></body>
|
||||
</html>
|
||||
251
site/forum.slowtwitch.com/www/static/editor.old/editor_font.html
Normal file
251
site/forum.slowtwitch.com/www/static/editor.old/editor_font.html
Normal file
@ -0,0 +1,251 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Font</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor_dialog.css">
|
||||
<script type="text/javascript" src="../utils.js"></script>
|
||||
<script type="text/javascript" src="editor_dialog.js"></script>
|
||||
<script type="text/javascript">
|
||||
var font, fontSel, style, styleSel, size, sizeSel, underline, color, sample, sampleText, submit;
|
||||
var dialogWindow = {};
|
||||
function colorDialog() {
|
||||
if (color.value != '')
|
||||
return;
|
||||
|
||||
if (dialogWindow.win && !dialogWindow.win.closed)
|
||||
dialogWindow.win.close();
|
||||
dialogWindow.url = 'editor_color.html';
|
||||
dialogWindow.width = 358;
|
||||
dialogWindow.height = 200;
|
||||
dialogWindow.name = Math.random().toString().replace(/\./, "");
|
||||
|
||||
dialogWindow.left = (screen.width - dialogWindow.width) / 2;
|
||||
dialogWindow.top = (screen.height - dialogWindow.height) / 2;
|
||||
dialogWindow.attribs = 'left=' + dialogWindow.left + ',top=' + dialogWindow.top +
|
||||
'location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=' + dialogWindow.width +
|
||||
',height=' + dialogWindow.height;
|
||||
|
||||
dialogWindow.values = opener.dialogWindow.values;
|
||||
dialogWindow.returnCall = 'opener.setColor(hexcolor.value)';
|
||||
dialogWindow.win = window.open(dialogWindow.url, dialogWindow.name, dialogWindow.attribs);
|
||||
dialogWindow.win.focus();
|
||||
}
|
||||
function setColor(clr) {
|
||||
if (!clr)
|
||||
return;
|
||||
|
||||
var match = 0;
|
||||
for (var i = 0; i < color.childNodes.length; i++)
|
||||
if (color.childNodes[i].value == clr)
|
||||
match++;
|
||||
if (match)
|
||||
color.value = clr;
|
||||
else {
|
||||
if (color.options[color.options.length - 1].value == '') {
|
||||
var newColor = document.createElement('option');
|
||||
color.appendChild(newColor);
|
||||
newColor.value = clr;
|
||||
newColor.innerHTML = clr;
|
||||
newColor.selected = true;
|
||||
}
|
||||
else {
|
||||
color.selectedIndex = color.options.length - 1;
|
||||
color.options[color.selectedIndex].value = clr;
|
||||
color.options[color.selectedIndex].innerHTML = clr;
|
||||
}
|
||||
}
|
||||
updateSample();
|
||||
}
|
||||
function checkFont(exec) {
|
||||
if (font.value && font.value.match(/\w+/) &&
|
||||
style.value && style.value.match(/\w+/) &&
|
||||
size.value && size.value.match(/^\d+$/)) {
|
||||
submit.disabled = false;
|
||||
if (exec)
|
||||
submitForm();
|
||||
}
|
||||
else
|
||||
submit.disabled = true;
|
||||
return false;
|
||||
}
|
||||
function updateSample() {
|
||||
if (font.selectedIndex >= 0) {
|
||||
fontSel.value = font.options[font.selectedIndex].value;
|
||||
sampleText.style.fontFamily = fontSel.value;
|
||||
}
|
||||
if (style.selectedIndex >= 0) {
|
||||
switch (style.options[style.selectedIndex].value) {
|
||||
case 'r':
|
||||
styleSel.value = 'Regular';
|
||||
sampleText.style.fontStyle = 'normal';
|
||||
sampleText.style.fontWeight = 'normal';
|
||||
break;
|
||||
case 'b':
|
||||
styleSel.value = 'Bold';
|
||||
sampleText.style.fontStyle = 'normal';
|
||||
sampleText.style.fontWeight = 'bold';
|
||||
break;
|
||||
case 'i':
|
||||
styleSel.value = 'Italic';
|
||||
sampleText.style.fontStyle = 'italic';
|
||||
sampleText.style.fontWeight = 'normal';
|
||||
break;
|
||||
case 'bi':
|
||||
styleSel.value = 'Bold Italic';
|
||||
sampleText.style.fontStyle = 'italic';
|
||||
sampleText.style.fontWeight = 'bold';
|
||||
}
|
||||
}
|
||||
|
||||
if (size.selectedIndex >= 0) {
|
||||
sizeSel.value = size.options[size.selectedIndex].innerHTML;
|
||||
// A DTD is specified on this page, so IE treats the font sizes differently
|
||||
// (hence the difference between this code and the code in editor.js).
|
||||
var fontsize = {
|
||||
0 : 'xx-small', // not used
|
||||
1 : 'x-small',
|
||||
2 : 'small',
|
||||
3 : 'medium',
|
||||
4 : 'large',
|
||||
5 : 'x-large',
|
||||
6 : 'xx-large',
|
||||
7 : '48px'
|
||||
};
|
||||
sampleText.style.fontSize = fontsize[parseInt(size.options[size.selectedIndex].value)];
|
||||
}
|
||||
|
||||
if (color.selectedIndex >= 0)
|
||||
sampleText.style.color = color.options[color.selectedIndex].value;
|
||||
|
||||
sampleText.style.textDecoration = underline.checked ? 'underline' : 'none';
|
||||
|
||||
var padding = parseInt((sample.offsetHeight - 2 - sampleText.offsetHeight) / 2);
|
||||
if (padding < 0)
|
||||
padding = 0;
|
||||
if (!(isIE && ieVersion < 6))
|
||||
sample.style.height = sample.offsetHeight - padding - 2 + 'px';
|
||||
sample.style.paddingTop = padding + 'px';
|
||||
}
|
||||
function init() {
|
||||
font = document.getElementById('font');
|
||||
fontSel = document.getElementById('font-sel');
|
||||
style = document.getElementById('style');
|
||||
styleSel = document.getElementById('style-sel');
|
||||
size = document.getElementById('size');
|
||||
sizeSel = document.getElementById('size-sel');
|
||||
underline = document.getElementById('underline');
|
||||
color = document.getElementById('hexcolor');
|
||||
sample = document.getElementById('sample');
|
||||
sampleText = document.getElementById('sample-span');
|
||||
submit = document.getElementById('submit');
|
||||
sample.style.backgroundColor = opener.dialogWindow.values._background;
|
||||
sampleText.style.backgroundColor = opener.dialogWindow.values._highlight;
|
||||
initForm();
|
||||
setColor(opener.dialogWindow.values.hexcolor);
|
||||
updateSample();
|
||||
|
||||
registerEvent(font, 'change', updateSample);
|
||||
registerEvent(style, 'change', updateSample);
|
||||
registerEvent(size, 'change', updateSample);
|
||||
if (isIE)
|
||||
registerEvent(underline, 'propertychange', updateSample);
|
||||
else
|
||||
registerEvent(underline, 'change', updateSample);
|
||||
registerEvent(color, 'change', function () { updateSample(); colorDialog() });
|
||||
setInterval(function () { checkFont() }, 250);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body id="editor_font" onload="init()">
|
||||
<form action="#" onsubmit="return checkFont(true)">
|
||||
<div id="form">
|
||||
<div id="fontwrapper">
|
||||
<label for="font" accesskey="f"><u>F</u>ont:</label><br>
|
||||
<input type="text" id="font-sel" class="text" readonly><br>
|
||||
<select id="font" size="7">
|
||||
<option value="Arial">Arial</option>
|
||||
<option value="Arial Black">Arial Black</option>
|
||||
<option value="Arial Narrow">Arial Narrow</option>
|
||||
<option value="Century Gothic">Century Gothic</option>
|
||||
<option value="Comic Sans MS">Comic Sans MS</option>
|
||||
<option value="Courier">Courier</option>
|
||||
<option value="Courier New">Courier New</option>
|
||||
<option value="Fixedsys">Fixedsys</option>
|
||||
<option value="Garamond">Garamond</option>
|
||||
<option value="Georgia">Georgia</option>
|
||||
<option value="Lucida Console">Lucida Console</option>
|
||||
<option value="MS Sans Serif">MS Sans Serif</option>
|
||||
<option value="MS Serif">MS Serif</option>
|
||||
<option value="System">System</option>
|
||||
<option value="Tahoma">Tahoma</option>
|
||||
<option value="Times New Roman">Times New Roman</option>
|
||||
<option value="Verdana">Verdana</option>
|
||||
<option value="Webdings">Webdings</option>
|
||||
<option value="Wingdings">Wingdings</option>
|
||||
</select>
|
||||
</div>
|
||||
<div id="stylewrapper">
|
||||
<label for="style" accesskey="y">Font st<u>y</u>le:</label><br>
|
||||
<input type="text" id="style-sel" class="text" readonly><br>
|
||||
<select id="style" size="7">
|
||||
<option value="r">Regular</option>
|
||||
<option value="b">Bold</option>
|
||||
<option value="i">Italic</option>
|
||||
<option value="bi">Bold Italic</option>
|
||||
</select>
|
||||
</div>
|
||||
<div id="sizewrapper">
|
||||
<label for="size" accesskey="s"><u>S</u>ize:</label><br>
|
||||
<input type="text" id="size-sel" class="text" readonly><br>
|
||||
<select id="size" size="7">
|
||||
<option value="1">8</option>
|
||||
<option value="2">10</option>
|
||||
<option value="3">12</option>
|
||||
<option value="4">14</option>
|
||||
<option value="5">18</option>
|
||||
<option value="6">24</option>
|
||||
<option value="7">36</option>
|
||||
</select>
|
||||
</div>
|
||||
<fieldset id="effectswrapper">
|
||||
<legend>Effects</legend>
|
||||
<div class="fieldset">
|
||||
<input type="checkbox" id="underline" class="checkbox"><label for="underline" accesskey="u"><u>U</u>nderline</label><br>
|
||||
<label for="hexcolor" accesskey="c"><u>C</u>olor:</label><br>
|
||||
<select id="hexcolor">
|
||||
<option value="#000000">Black</option>
|
||||
<option value="#808080">Gray</option>
|
||||
<option value="#C0C0C0">Silver</option>
|
||||
<option value="#FFFFFF">White</option>
|
||||
<option value="#00FF00">Lime</option>
|
||||
<option value="#008000">Green</option>
|
||||
<option value="#FFFF00">Yellow</option>
|
||||
<option value="#808000">Olive</option>
|
||||
<option value="#FF0000">Red</option>
|
||||
<option value="#800000">Maroon</option>
|
||||
<option value="#FF00FF">Fuchsia</option>
|
||||
<option value="#800080">Purple</option>
|
||||
<option value="#00FFFF">Aqua</option>
|
||||
<option value="#008080">Teal</option>
|
||||
<option value="#000080">Navy</option>
|
||||
<option value="#0000FF">Blue</option>
|
||||
<option value="">Custom Color</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset id="samplewrapper">
|
||||
<legend>Sample</legend>
|
||||
<div class="fieldset">
|
||||
<div id="sample">
|
||||
<span id="sample-span">AaBbYyZz</span>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<input type="submit" value="OK" id="submit" class="submit">
|
||||
<input type="button" value="Cancel" class="button" onclick="opener.focus(); window.close()">
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>HTML Editor</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor.css">
|
||||
</head>
|
||||
<body id="editor">
|
||||
<noscript>
|
||||
<p>
|
||||
You currently have the Advanced Editor set as your default post editor.
|
||||
JavaScript must be enabled to use the Advanced Editor, but it seems your web
|
||||
browser does not support JavaScript or has disabled it.
|
||||
</p>
|
||||
<p>
|
||||
You can do one of the following:
|
||||
</p>
|
||||
<ul>
|
||||
<li>Turn on JavaScript</li>
|
||||
<li>Switch to the Basic editor by clicking on the <strong>Switch to Basic Editor</strong> button above</li>
|
||||
<li>Change your settings to default to the Basic editor by clicking on the <strong>Edit Profile</strong> menu, then <strong>Display Settings</strong> and select <strong>Basic</strong> for the <strong>Post editor</strong> option</li>
|
||||
</ul>
|
||||
</noscript>
|
||||
<div id="toolbar_area"></div>
|
||||
<iframe id="editable_iframe" src="editor_editable.html" frameborder="0"></iframe>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Create Link</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor_dialog.css">
|
||||
<script type="text/javascript" src="editor_dialog.js"></script>
|
||||
<script type="text/javascript">
|
||||
var protocol, url, submit;
|
||||
function updateURL() {
|
||||
url.value = protocol.value + (url.value ? url.value.replace(/^\w+:(\/\/)?/, '') : '');
|
||||
}
|
||||
function checkURL(exec) {
|
||||
if (url.value && url.value.match(/^\w+:(\/\/)?\w+/)) {
|
||||
submit.disabled = false;
|
||||
if (exec)
|
||||
submitForm();
|
||||
}
|
||||
else
|
||||
submit.disabled = true;
|
||||
return false;
|
||||
}
|
||||
function init() {
|
||||
protocol = document.getElementById('protocol');
|
||||
url = document.getElementById('url');
|
||||
submit = document.getElementById('submit');
|
||||
initForm();
|
||||
setInterval(function () { checkURL() }, 250);
|
||||
url.focus();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body id="editor_link" onload="init()">
|
||||
<form action="#" onsubmit="return checkURL(true)">
|
||||
<fieldset id="urlwrapper">
|
||||
<legend>Hyperlink Information</legend>
|
||||
<div class="fieldset">
|
||||
<div class="row">
|
||||
<label for="protocol" class="name" accesskey="t"><u>T</u>ype:</label>
|
||||
<select id="protocol" onchange="updateURL()">
|
||||
<option value="">Other</option>
|
||||
<option value="ftp://">ftp://</option>
|
||||
<option value="http://" selected>http://</option>
|
||||
<option value="https://">https://</option>
|
||||
<option value="mailto:">mailto:</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label for="url" class="name" accesskey="u"><u>U</u>RL:</label>
|
||||
<input type="text" id="url" value="http://" class="text">
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="buttons">
|
||||
<input type="submit" id="submit" value="OK" class="submit">
|
||||
<input type="button" value="Cancel" class="button" onclick="opener.focus(); window.close()">
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
81
site/forum.slowtwitch.com/www/static/editor/editor.css
Normal file
81
site/forum.slowtwitch.com/www/static/editor/editor.css
Normal file
@ -0,0 +1,81 @@
|
||||
/*
|
||||
* =================================================================
|
||||
* HTML Editor - A WYSIWYG web based editor for IE5.5+ and Mozilla v1.4+
|
||||
*
|
||||
* Website : http://gossamer-threads.com/
|
||||
* Support : http://gossamer-threads.com/scripts/support/
|
||||
* Revision : $Id: editor.css,v 1.1 2006/04/05 23:23:13 brewt Exp $
|
||||
*
|
||||
* Copyright (c) 2005 Gossamer Threads Inc. All Rights Reserved.
|
||||
* Redistribution in part or in whole strictly prohibited. Please
|
||||
* see LICENSE file for full details.
|
||||
* =================================================================
|
||||
*/
|
||||
|
||||
#editor {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.toolbar {
|
||||
border: 1px solid;
|
||||
border-color: white gray gray white;
|
||||
height: 26px;
|
||||
heigh\t: 24px;
|
||||
background-color: lightgrey;
|
||||
overflow: hidden;
|
||||
}
|
||||
.button {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 1px solid lightgrey;
|
||||
width: 25px;
|
||||
widt\h: 23px;
|
||||
height: 24px;
|
||||
heigh\t: 22px;
|
||||
float: left;
|
||||
}
|
||||
.button-pressed {
|
||||
border-color: gray white white gray;
|
||||
background-color: #e9e7e3;
|
||||
background-position: 1px 1px;
|
||||
}
|
||||
.button-mouse-over {
|
||||
border-color: white gray gray white;
|
||||
}
|
||||
.button-pressed-mouse-over {
|
||||
background-color: lightgrey;
|
||||
}
|
||||
.button-disabled {
|
||||
filter: alpha(opacity = 25);
|
||||
opacity: 0.25;
|
||||
/* safari fix - when opacity is set, the background gets offset by about 50%?!? */
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.separator {
|
||||
margin: 2px 3px;
|
||||
border-left: 1px solid gray;
|
||||
border-right: 1px solid white;
|
||||
width: 0px;
|
||||
height: 20px;
|
||||
float: left;
|
||||
}
|
||||
#editable_iframe {
|
||||
border: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
#editable_source {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
width: 100%;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
/* this somehow fixes the focus problems in mozilla */
|
||||
left: 0px;
|
||||
}
|
||||
#editable_content {
|
||||
margin: 5px;
|
||||
}
|
||||
#editable_content p {
|
||||
margin: 0px;
|
||||
}
|
||||
135
site/forum.slowtwitch.com/www/static/editor/editor_color.html
Normal file
135
site/forum.slowtwitch.com/www/static/editor/editor_color.html
Normal file
@ -0,0 +1,135 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Color</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor_dialog.css">
|
||||
<script type="text/javascript" src="../js/utils.js"></script>
|
||||
<script type="text/javascript" src="editor_dialog.js"></script>
|
||||
<script type="text/javascript">
|
||||
var colors = ['FFFFFF', 'FFBFBF', 'FFDFBF', 'FFFFBF', 'EFFFBF', 'BFFFBF', 'BFFFEF', 'BFFFFF', 'BFDFFF', 'BFBFFF', 'DFBFFF', 'FFBFFF', 'FFBFDF', 'E0E0E0', 'FF8080', 'FFBF80', 'FFFF80', 'CFFF80', '80FF80', '80FFCF', '80FFFF', '80BFFF', '8080FF', 'BF80FF', 'FF80FF', 'FF80BF', 'C0C0C0', 'FF4040', 'FFA040', 'FFFF40', 'B0FF40', '40FF40', '40FFB0', '40FFFF', '40A0FF', '4040FF', 'A040FF', 'FF40FF', 'FF40A0', '808080', 'FF0000', 'FF8000', 'FFFF00', '80FF00', '00FF00', '00FF80', '00FFFF', '0080FF', '0000FF', '8000FF', 'FF00FF', 'FF0080', '646464', 'BF0000', 'BF6000', 'BFBF00', '80BF00', '00BF00', '00BF80', '00BFBF', '0060BF', '0000BF', '6000BF', 'BF00BF', 'BF0060', '484848', '800000', '804000', '808000', '588000', '008000', '008058', '008080', '004080', '000080', '400080', '800080', '800040', '000000', '500000', '502800', '505000', '385000', '005000', '005028', '005050', '002850', '000050', '280050', '500050', '500028'];
|
||||
var colormap = {
|
||||
aliceblue : '#F0F8FF', antiquewhite : '#FAEBD7', aqua : '#00FFFF', aquamarine : '#7FFFD4', azure : '#F0FFFF',
|
||||
beige : '#F5F5DC', bisque : '#FFE4C4', black : '#000000', blanchedalmond : '#FFEBCD', blue : '#0000FF', blueviolet : '#8A2BE2', brown : '#A52A2A', burlywood : '#DEB887',
|
||||
cadetblue : '#5F9EA0', chartreuse : '#7FFF00', chocolate : '#D2691E', coral : '#FF7F50', cornflowerblue : '#6495ED', cornsilk : '#FFF8DC', crimson : '#DC143C', cyan : '#00FFFF',
|
||||
darkblue : '#00008B', darkcyan : '#008B8B', darkgoldenrod : '#B8860B', darkgray : '#A9A9A9', darkgreen : '#006400', darkkhaki : '#BDB76B', darkmagenta : '#8B008B', darkolivegreen : '#556B2F', darkorange : '#FF8C00', darkorchid : '#9932CC', darkred : '#8B0000', darksalmon : '#E9967A', darkseagreen : '#8FBC8F', darkslateblue : '#483D8B', darkslategray : '#2F4F4F', darkturquoise : '#00CED1', darkviolet : '#9400D3', deeppink : '#FF1493', deepskyblue : '#00BFFF', dimgray : '#696969', dodgerblue : '#1E90FF',
|
||||
firebrick : '#B22222', floralwhite : '#FFFAF0', forestgreen : '#228B22', fuchsia : '#FF00FF',
|
||||
gainsboro : '#DCDCDC', ghostwhite : '#F8F8FF', gold : '#FFD700', goldenrod : '#DAA520', gray : '#808080', green : '#008000', greenyellow : '#ADFF2F',
|
||||
honeydew : '#F0FFF0', hotpink : '#FF69B4',
|
||||
indianred : '#CD5C5C', indigo : '#4B0082', ivory : '#FFFFF0',
|
||||
khaki : '#F0E68C',
|
||||
lavender : '#E6E6FA', lavenderblush : '#FFF0F5', lawngreen : '#7CFC00', lemonchiffon : '#FFFACD', lightblue : '#ADD8E6', lightcoral : '#F08080', lightcyan : '#E0FFFF', lightgoldenrodyellow : '#FAFAD2', lightgreen : '#90EE90', lightgrey : '#D3D3D3', lightpink : '#FFB6C1', lightsalmon : '#FFA07A', lightseagreen : '#20B2AA', lightskyblue : '#87CEFA', lightslategray : '#778899', lightsteelblue : '#B0C4DE', lightyellow : '#FFFFE0', lime : '#00FF00', limegreen : '#32CD32', linen : '#FAF0E6',
|
||||
magenta : '#FF00FF', maroon : '#800000', mediumaquamarine : '#66CDAA', mediumblue : '#0000CD', mediumorchid : '#BA55D3', mediumpurple : '#9370DB', mediumseagreen : '#3CB371', mediumslateblue : '#7B68EE', mediumspringgreen : '#00FA9A', mediumturquoise : '#48D1CC', mediumvioletred : '#C71585', midnightblue : '#191970', mintcream : '#F5FFFA', mistyrose : '#FFE4E1', moccasin : '#FFE4B5',
|
||||
navajowhite : '#FFDEAD', navy : '#000080',
|
||||
oldlace : '#FDF5E6', olive : '#808000', olivedrab : '#6B8E23', orange : '#FFA500', orangered : '#FF4500', orchid : '#DA70D6',
|
||||
palegoldenrod : '#EEE8AA', palegreen : '#98FB98', paleturquoise : '#AFEEEE', palevioletred : '#DB7093', papayawhip : '#FFEFD5', peachpuff : '#FFDAB9', peru : '#CD853F', pink : '#FFC0CB', plum : '#DDA0DD', powderblue : '#B0E0E6', purple : '#800080',
|
||||
red : '#FF0000', rosybrown : '#BC8F8F', royalblue : '#4169E1',
|
||||
saddlebrown : '#8B4513', salmon : '#FA8072', sandybrown : '#F4A460', seagreen : '#2E8B57', seashell : '#FFF5EE', sienna : '#A0522D', silver : '#C0C0C0', skyblue : '#87CEEB', slateblue : '#6A5ACD', slategray : '#708090', snow : '#FFFAFA', springgreen : '#00FF7F', steelblue : '#4682B4',
|
||||
tan : '#D2B48C', teal : '#008080', thistle : '#D8BFD8', tomato : '#FF6347', turquoise : '#40E0D0',
|
||||
violet : '#EE82EE',
|
||||
wheat : '#F5DEB3', white : '#FFFFFF', whitesmoke : '#F5F5F5',
|
||||
yellow : '#FFFF00', yellowgreen : '#9ACD32'
|
||||
};
|
||||
var color, sample, submit, cssProperty, selected;
|
||||
function checkColor(exec) {
|
||||
var hc = getColor();
|
||||
if (hc) {
|
||||
var cell = document.getElementById(hc);
|
||||
if (selected)
|
||||
selected.className = null;
|
||||
if (cell)
|
||||
cell.className = 'selected';
|
||||
selected = cell;
|
||||
updateSample();
|
||||
submit.disabled = false;
|
||||
if (exec) {
|
||||
hexcolor.value = hc;
|
||||
submitForm();
|
||||
}
|
||||
}
|
||||
else
|
||||
submit.disabled = true;
|
||||
return false;
|
||||
}
|
||||
function selectColor(e) {
|
||||
if (!e) e = window.event;
|
||||
var target = e.target ? e.target : e.srcElement;
|
||||
|
||||
if (selected)
|
||||
selected.className = null;
|
||||
target.className = 'selected';
|
||||
selected = target;
|
||||
hexcolor.value = target.id;
|
||||
updateSample();
|
||||
}
|
||||
function getColor() {
|
||||
if (hexcolor.value.match(/^#[0-9a-f]{6}$/i))
|
||||
return hexcolor.value.toUpperCase();
|
||||
else if (hexcolor.value.match(/^#[0-9a-f]{3}$/i)) {
|
||||
var hc = hexcolor.value.toUpperCase();
|
||||
return '#' + hc.substring(1, 2) + hc.substring(1, 2) + hc.substring(2, 3) + hc.substring(2, 3) + hc.substring(3, 4) + hc.substring(3, 4);
|
||||
}
|
||||
else if (colormap[hexcolor.value.toLowerCase()])
|
||||
return colormap[hexcolor.value.toLowerCase()];
|
||||
}
|
||||
function updateSample() {
|
||||
var hc = getColor();
|
||||
if (hc)
|
||||
sample.style[cssProperty] = hc;
|
||||
}
|
||||
function init() {
|
||||
hexcolor = document.getElementById('hexcolor');
|
||||
sample = document.getElementById('sample');
|
||||
submit = document.getElementById('submit');
|
||||
|
||||
var palette = document.getElementById('palette');
|
||||
for (var i = 0; i < colors.length; i++) {
|
||||
var cell = document.createElement('div');
|
||||
palette.appendChild(cell);
|
||||
cell.id = '#' + colors[i];
|
||||
cell.style.backgroundColor = '#' + colors[i];
|
||||
registerEvent(cell, 'click', selectColor);
|
||||
if (i % 13 == 0)
|
||||
cell.style.clear = 'left';
|
||||
}
|
||||
|
||||
if (opener.dialogWindow.values._foreground)
|
||||
sample.style.color = opener.dialogWindow.values._foreground;
|
||||
if (opener.dialogWindow.values._background)
|
||||
sample.style.backgroundColor = opener.dialogWindow.values._background;
|
||||
if (opener.dialogWindow.values._highlight)
|
||||
document.getElementById('sample-span').style.backgroundColor = opener.dialogWindow.values._highlight;
|
||||
|
||||
if (opener.dialogWindow.values._type == 'background') {
|
||||
document.title = 'Background Color';
|
||||
cssProperty = 'backgroundColor';
|
||||
}
|
||||
else if (opener.dialogWindow.values._type == 'highlight') {
|
||||
document.title = 'Highlight Color';
|
||||
cssProperty = 'backgroundColor';
|
||||
sample = document.getElementById('sample-span');
|
||||
}
|
||||
else {
|
||||
document.title = 'Text Color';
|
||||
cssProperty = 'color';
|
||||
}
|
||||
|
||||
initForm();
|
||||
setInterval(function () { checkColor() }, 250);
|
||||
hexcolor.focus();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body id="editor_color" onload="init()">
|
||||
<form action="#" onsubmit="return checkColor(true)">
|
||||
<div id="palette"></div>
|
||||
<div id="samplewrapper">
|
||||
<div id="sample"><span id="sample-span">Sample</span></div>
|
||||
<input type="text" id="hexcolor" maxlength="20" class="text" title="Enter a custom color (e.g. '#FF0000' or 'red') here">
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<input type="submit" id="submit" value="OK" class="submit">
|
||||
<input type="button" value="Cancel" class="button" onclick="opener.focus(); window.close();">
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
193
site/forum.slowtwitch.com/www/static/editor/editor_dialog.css
Normal file
193
site/forum.slowtwitch.com/www/static/editor/editor_dialog.css
Normal file
@ -0,0 +1,193 @@
|
||||
/*
|
||||
* =================================================================
|
||||
* HTML Editor - A WYSIWYG web based editor for IE5.5+ and Mozilla v1.4+
|
||||
*
|
||||
* Website : http://gossamer-threads.com/
|
||||
* Support : http://gossamer-threads.com/scripts/support/
|
||||
* Revision : $Id: editor_dialog.css,v 1.2 2006/07/16 19:13:52 jagerman Exp $
|
||||
*
|
||||
* Copyright (c) 2005 Gossamer Threads Inc. All Rights Reserved.
|
||||
* Redistribution in part or in whole strictly prohibited. Please
|
||||
* see LICENSE file for full details.
|
||||
* =================================================================
|
||||
*/
|
||||
|
||||
body, input, select {
|
||||
font-family: "Microsoft Sans Serif", Tahoma, Arial, sans-serif;
|
||||
font-size: 11px;
|
||||
}
|
||||
body {
|
||||
margin: 10px;
|
||||
background-color: #dcdad5;
|
||||
}
|
||||
form {
|
||||
margin: 0px;
|
||||
}
|
||||
fieldset {
|
||||
padding: 0px;
|
||||
}
|
||||
.fieldset {
|
||||
padding: 5px 10px 0px 10px;
|
||||
}
|
||||
.buttons {
|
||||
text-align: right;
|
||||
}
|
||||
.buttons input.submit, .buttons input.button {
|
||||
margin: 2px 0px;
|
||||
width: 75px;
|
||||
height: 24px;
|
||||
}
|
||||
input.text {
|
||||
/* ie6 fix to correct the size of the text input */
|
||||
padding: 1px 0px;
|
||||
}
|
||||
|
||||
#editor_font #form {
|
||||
width: 335px;
|
||||
float: left;
|
||||
}
|
||||
#editor_font #fontwrapper {
|
||||
margin-right: 10px;
|
||||
width: 150px;
|
||||
float: left;
|
||||
/* ie6 fix to prevent the input/select from expanding the box (some mystery
|
||||
padding on the right side) */
|
||||
overflow: hidden;
|
||||
}
|
||||
#editor_font #stylewrapper {
|
||||
margin-right: 10px;
|
||||
width: 110px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
#editor_font #sizewrapper {
|
||||
width: 55px;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
#editor_font #font-sel, #editor_font #style-sel, #editor_font #size-sel, #editor_font #font, #editor_font #style, #editor_font #size {
|
||||
width: 100%;
|
||||
}
|
||||
#editor_font #font-sel {
|
||||
widt\h: 146px;
|
||||
}
|
||||
#editor_font #style-sel {
|
||||
widt\h: 106px;
|
||||
}
|
||||
#editor_font #size-sel {
|
||||
widt\h: 51px;
|
||||
}
|
||||
#editor_font #effectswrapper {
|
||||
margin: 15px 10px 0px 0px;
|
||||
width: 150px;
|
||||
widt\h: 146px;
|
||||
height: 82px;
|
||||
heigh\t: 78px;
|
||||
float: left;
|
||||
}
|
||||
#editor_font #samplewrapper {
|
||||
margin: 15px 0px 0px 0px;
|
||||
width: 175px;
|
||||
widt\h: 171px;
|
||||
height: 82px;
|
||||
heigh\t: 78px;
|
||||
float: left;
|
||||
}
|
||||
#editor_font #samplewrapper .fieldset {
|
||||
/* ie5.5 needs this to center the sample */
|
||||
text-align: center;
|
||||
}
|
||||
#editor_font #sample {
|
||||
margin: 0px auto;
|
||||
border: 1px inset;
|
||||
width: 147px;
|
||||
widt\h: 145px;
|
||||
height: 52px;
|
||||
heigh\t: 50px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
#editor_font .buttons {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
#editor_link #urlwrapper {
|
||||
width: 274px;
|
||||
widt\h: 270px;
|
||||
height: 78px;
|
||||
heigh\t: 74px;
|
||||
float: left;
|
||||
}
|
||||
#editor_link #url {
|
||||
width: 200px;
|
||||
}
|
||||
#editor_link label.name {
|
||||
margin-top: 2px;
|
||||
width: 40px;
|
||||
float: left;
|
||||
}
|
||||
#editor_link .row {
|
||||
padding: 3px 0px;
|
||||
}
|
||||
|
||||
#editor_image #form {
|
||||
width: 320px;
|
||||
float: left;
|
||||
}
|
||||
#editor_image .row {
|
||||
padding: 3px 0px;
|
||||
}
|
||||
#editor_image label.name {
|
||||
margin-top: 2px;
|
||||
width: 95px;
|
||||
float: left;
|
||||
}
|
||||
#editor_image input.text#src-url-input {
|
||||
width: 215px;
|
||||
}
|
||||
#editor_image label, #editor_image input.radio {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#editor_color #palette div {
|
||||
margin: 0px 1px 1px 0px;
|
||||
border: 1px solid gray;
|
||||
width: 25px;
|
||||
widt\h: 23px;
|
||||
height: 20px;
|
||||
heigh\t: 18px;
|
||||
font-size: 1px;
|
||||
float: left;
|
||||
}
|
||||
#editor_color #palette div:hover, #editor_color #palette .selected {
|
||||
border: 2px dotted white;
|
||||
widt\h: 21px;
|
||||
heigh\t: 16px;
|
||||
}
|
||||
#editor_color #samplewrapper {
|
||||
margin-top: 10px;
|
||||
float: left;
|
||||
}
|
||||
#editor_color #sample {
|
||||
margin-right: 5px;
|
||||
padding-top: 4px;
|
||||
border: 1px solid #000000;
|
||||
width: 80px;
|
||||
widt\h: 78px;
|
||||
height: 24px;
|
||||
heigh\t: 18px;
|
||||
float: left;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
#editor_color #samplewrapper input {
|
||||
width: 80px;
|
||||
}
|
||||
#editor_color .buttons {
|
||||
margin-top: 8px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
label, input {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>HTML Editor</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor.css">
|
||||
</head>
|
||||
<body id="editable_content"></body>
|
||||
</html>
|
||||
251
site/forum.slowtwitch.com/www/static/editor/editor_font.html
Normal file
251
site/forum.slowtwitch.com/www/static/editor/editor_font.html
Normal file
@ -0,0 +1,251 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Font</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor_dialog.css">
|
||||
<script type="text/javascript" src="../js/utils.js"></script>
|
||||
<script type="text/javascript" src="editor_dialog.js"></script>
|
||||
<script type="text/javascript">
|
||||
var font, fontSel, style, styleSel, size, sizeSel, underline, color, sample, sampleText, submit;
|
||||
var dialogWindow = {};
|
||||
function colorDialog() {
|
||||
if (color.value != '')
|
||||
return;
|
||||
|
||||
if (dialogWindow.win && !dialogWindow.win.closed)
|
||||
dialogWindow.win.close();
|
||||
dialogWindow.url = 'editor_color.html';
|
||||
dialogWindow.width = 358;
|
||||
dialogWindow.height = 200;
|
||||
dialogWindow.name = Math.random().toString().replace(/\./, "");
|
||||
|
||||
dialogWindow.left = (screen.width - dialogWindow.width) / 2;
|
||||
dialogWindow.top = (screen.height - dialogWindow.height) / 2;
|
||||
dialogWindow.attribs = 'left=' + dialogWindow.left + ',top=' + dialogWindow.top +
|
||||
'location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,width=' + dialogWindow.width +
|
||||
',height=' + dialogWindow.height;
|
||||
|
||||
dialogWindow.values = opener.dialogWindow.values;
|
||||
dialogWindow.returnCall = 'opener.setColor(hexcolor.value)';
|
||||
dialogWindow.win = window.open(dialogWindow.url, dialogWindow.name, dialogWindow.attribs);
|
||||
dialogWindow.win.focus();
|
||||
}
|
||||
function setColor(clr) {
|
||||
if (!clr)
|
||||
return;
|
||||
|
||||
var match = 0;
|
||||
for (var i = 0; i < color.childNodes.length; i++)
|
||||
if (color.childNodes[i].value == clr)
|
||||
match++;
|
||||
if (match)
|
||||
color.value = clr;
|
||||
else {
|
||||
if (color.options[color.options.length - 1].value == '') {
|
||||
var newColor = document.createElement('option');
|
||||
color.appendChild(newColor);
|
||||
newColor.value = clr;
|
||||
newColor.innerHTML = clr;
|
||||
newColor.selected = true;
|
||||
}
|
||||
else {
|
||||
color.selectedIndex = color.options.length - 1;
|
||||
color.options[color.selectedIndex].value = clr;
|
||||
color.options[color.selectedIndex].innerHTML = clr;
|
||||
}
|
||||
}
|
||||
updateSample();
|
||||
}
|
||||
function checkFont(exec) {
|
||||
if (font.value && font.value.match(/\w+/) &&
|
||||
style.value && style.value.match(/\w+/) &&
|
||||
size.value && size.value.match(/^\d+$/)) {
|
||||
submit.disabled = false;
|
||||
if (exec)
|
||||
submitForm();
|
||||
}
|
||||
else
|
||||
submit.disabled = true;
|
||||
return false;
|
||||
}
|
||||
function updateSample() {
|
||||
if (font.selectedIndex >= 0) {
|
||||
fontSel.value = font.options[font.selectedIndex].value;
|
||||
sampleText.style.fontFamily = fontSel.value;
|
||||
}
|
||||
if (style.selectedIndex >= 0) {
|
||||
switch (style.options[style.selectedIndex].value) {
|
||||
case 'r':
|
||||
styleSel.value = 'Regular';
|
||||
sampleText.style.fontStyle = 'normal';
|
||||
sampleText.style.fontWeight = 'normal';
|
||||
break;
|
||||
case 'b':
|
||||
styleSel.value = 'Bold';
|
||||
sampleText.style.fontStyle = 'normal';
|
||||
sampleText.style.fontWeight = 'bold';
|
||||
break;
|
||||
case 'i':
|
||||
styleSel.value = 'Italic';
|
||||
sampleText.style.fontStyle = 'italic';
|
||||
sampleText.style.fontWeight = 'normal';
|
||||
break;
|
||||
case 'bi':
|
||||
styleSel.value = 'Bold Italic';
|
||||
sampleText.style.fontStyle = 'italic';
|
||||
sampleText.style.fontWeight = 'bold';
|
||||
}
|
||||
}
|
||||
|
||||
if (size.selectedIndex >= 0) {
|
||||
sizeSel.value = size.options[size.selectedIndex].innerHTML;
|
||||
// A DTD is specified on this page, so IE treats the font sizes differently
|
||||
// (hence the difference between this code and the code in editor.js).
|
||||
var fontsize = {
|
||||
0 : 'xx-small', // not used
|
||||
1 : 'x-small',
|
||||
2 : 'small',
|
||||
3 : 'medium',
|
||||
4 : 'large',
|
||||
5 : 'x-large',
|
||||
6 : 'xx-large',
|
||||
7 : '48px'
|
||||
};
|
||||
sampleText.style.fontSize = fontsize[parseInt(size.options[size.selectedIndex].value)];
|
||||
}
|
||||
|
||||
if (color.selectedIndex >= 0)
|
||||
sampleText.style.color = color.options[color.selectedIndex].value;
|
||||
|
||||
sampleText.style.textDecoration = underline.checked ? 'underline' : 'none';
|
||||
|
||||
var padding = parseInt((sample.offsetHeight - 2 - sampleText.offsetHeight) / 2);
|
||||
if (padding < 0)
|
||||
padding = 0;
|
||||
if (!(isIE && ieVersion < 6))
|
||||
sample.style.height = sample.offsetHeight - padding - 2 + 'px';
|
||||
sample.style.paddingTop = padding + 'px';
|
||||
}
|
||||
function init() {
|
||||
font = document.getElementById('font');
|
||||
fontSel = document.getElementById('font-sel');
|
||||
style = document.getElementById('style');
|
||||
styleSel = document.getElementById('style-sel');
|
||||
size = document.getElementById('size');
|
||||
sizeSel = document.getElementById('size-sel');
|
||||
underline = document.getElementById('underline');
|
||||
color = document.getElementById('hexcolor');
|
||||
sample = document.getElementById('sample');
|
||||
sampleText = document.getElementById('sample-span');
|
||||
submit = document.getElementById('submit');
|
||||
sample.style.backgroundColor = opener.dialogWindow.values._background;
|
||||
sampleText.style.backgroundColor = opener.dialogWindow.values._highlight;
|
||||
initForm();
|
||||
setColor(opener.dialogWindow.values.hexcolor);
|
||||
updateSample();
|
||||
|
||||
registerEvent(font, 'change', updateSample);
|
||||
registerEvent(style, 'change', updateSample);
|
||||
registerEvent(size, 'change', updateSample);
|
||||
if (isIE)
|
||||
registerEvent(underline, 'propertychange', updateSample);
|
||||
else
|
||||
registerEvent(underline, 'change', updateSample);
|
||||
registerEvent(color, 'change', function () { updateSample(); colorDialog() });
|
||||
setInterval(function () { checkFont() }, 250);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body id="editor_font" onload="init()">
|
||||
<form action="#" onsubmit="return checkFont(true)">
|
||||
<div id="form">
|
||||
<div id="fontwrapper">
|
||||
<label for="font" accesskey="f"><u>F</u>ont:</label><br>
|
||||
<input type="text" id="font-sel" class="text" readonly><br>
|
||||
<select id="font" size="7">
|
||||
<option value="Arial">Arial</option>
|
||||
<option value="Arial Black">Arial Black</option>
|
||||
<option value="Arial Narrow">Arial Narrow</option>
|
||||
<option value="Century Gothic">Century Gothic</option>
|
||||
<option value="Comic Sans MS">Comic Sans MS</option>
|
||||
<option value="Courier">Courier</option>
|
||||
<option value="Courier New">Courier New</option>
|
||||
<option value="Fixedsys">Fixedsys</option>
|
||||
<option value="Garamond">Garamond</option>
|
||||
<option value="Georgia">Georgia</option>
|
||||
<option value="Lucida Console">Lucida Console</option>
|
||||
<option value="MS Sans Serif">MS Sans Serif</option>
|
||||
<option value="MS Serif">MS Serif</option>
|
||||
<option value="System">System</option>
|
||||
<option value="Tahoma">Tahoma</option>
|
||||
<option value="Times New Roman">Times New Roman</option>
|
||||
<option value="Verdana">Verdana</option>
|
||||
<option value="Webdings">Webdings</option>
|
||||
<option value="Wingdings">Wingdings</option>
|
||||
</select>
|
||||
</div>
|
||||
<div id="stylewrapper">
|
||||
<label for="style" accesskey="y">Font st<u>y</u>le:</label><br>
|
||||
<input type="text" id="style-sel" class="text" readonly><br>
|
||||
<select id="style" size="7">
|
||||
<option value="r">Regular</option>
|
||||
<option value="b">Bold</option>
|
||||
<option value="i">Italic</option>
|
||||
<option value="bi">Bold Italic</option>
|
||||
</select>
|
||||
</div>
|
||||
<div id="sizewrapper">
|
||||
<label for="size" accesskey="s"><u>S</u>ize:</label><br>
|
||||
<input type="text" id="size-sel" class="text" readonly><br>
|
||||
<select id="size" size="7">
|
||||
<option value="1">8</option>
|
||||
<option value="2">10</option>
|
||||
<option value="3">12</option>
|
||||
<option value="4">14</option>
|
||||
<option value="5">18</option>
|
||||
<option value="6">24</option>
|
||||
<option value="7">36</option>
|
||||
</select>
|
||||
</div>
|
||||
<fieldset id="effectswrapper">
|
||||
<legend>Effects</legend>
|
||||
<div class="fieldset">
|
||||
<input type="checkbox" id="underline" class="checkbox"><label for="underline" accesskey="u"><u>U</u>nderline</label><br>
|
||||
<label for="hexcolor" accesskey="c"><u>C</u>olor:</label><br>
|
||||
<select id="hexcolor">
|
||||
<option value="#000000">Black</option>
|
||||
<option value="#808080">Gray</option>
|
||||
<option value="#C0C0C0">Silver</option>
|
||||
<option value="#FFFFFF">White</option>
|
||||
<option value="#00FF00">Lime</option>
|
||||
<option value="#008000">Green</option>
|
||||
<option value="#FFFF00">Yellow</option>
|
||||
<option value="#808000">Olive</option>
|
||||
<option value="#FF0000">Red</option>
|
||||
<option value="#800000">Maroon</option>
|
||||
<option value="#FF00FF">Fuchsia</option>
|
||||
<option value="#800080">Purple</option>
|
||||
<option value="#00FFFF">Aqua</option>
|
||||
<option value="#008080">Teal</option>
|
||||
<option value="#000080">Navy</option>
|
||||
<option value="#0000FF">Blue</option>
|
||||
<option value="">Custom Color</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset id="samplewrapper">
|
||||
<legend>Sample</legend>
|
||||
<div class="fieldset">
|
||||
<div id="sample">
|
||||
<span id="sample-span">AaBbYyZz</span>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<input type="submit" value="OK" id="submit" class="submit">
|
||||
<input type="button" value="Cancel" class="button" onclick="opener.focus(); window.close()">
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>HTML Editor</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor.css">
|
||||
</head>
|
||||
<body id="editor">
|
||||
<noscript>
|
||||
<p>
|
||||
You currently have the Advanced Editor set as your default post editor.
|
||||
JavaScript must be enabled to use the Advanced Editor, but it seems your web
|
||||
browser does not support JavaScript or has disabled it.
|
||||
</p>
|
||||
<p>
|
||||
You can do one of the following:
|
||||
</p>
|
||||
<ul>
|
||||
<li>Turn on JavaScript</li>
|
||||
<li>Switch to the Basic editor by clicking on the <strong>Switch to Basic Editor</strong> button above</li>
|
||||
<li>Change your settings to default to the Basic editor by clicking on the <strong>Edit Profile</strong> menu, then <strong>Display Settings</strong> and select <strong>Basic</strong> for the <strong>Post editor</strong> option</li>
|
||||
</ul>
|
||||
</noscript>
|
||||
<div id="toolbar_area"></div>
|
||||
<iframe id="editable_iframe" src="editor_editable.html" frameborder="0"></iframe>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,212 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<%~set page_mode = $in.editor_type%><%if not page_mode or page_mode ne message%><%set page_mode = 'post'%><%endif%>
|
||||
<html>
|
||||
<head>
|
||||
<title>Insert Image</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="<%static_url%>/editor/editor_dialog.css">
|
||||
<script type="text/javascript" src="<%static_url%>/js/utils.js"></script>
|
||||
<script type="text/javascript" src="<%static_url%>/editor/editor_dialog.js"></script>
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
var src = {}, activeSource, sourceTypes = ['url', 'file', 'inline'];
|
||||
var inlineImages = [];
|
||||
var inlines = opener.getInlineAttachments();
|
||||
<%~if attachment_uploaded%>
|
||||
inlines.push(['<%escape_js attachment_uploaded%>', 'temp', '<%attachment_uploaded_id%>']);
|
||||
<%~endif%>
|
||||
|
||||
function checkSource(submitting) {
|
||||
if (activeSource && src[activeSource + '-input'] && src[activeSource + '-input'].value && src[activeSource + '-input'].value.match(/\S/)) {
|
||||
submit.disabled = false;
|
||||
if (submitting) {
|
||||
if (activeSource == 'file')
|
||||
return true;
|
||||
else
|
||||
submitWrapper();
|
||||
}
|
||||
}
|
||||
else
|
||||
submit.disabled = true;
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function changeElement() {
|
||||
activeSource = false;
|
||||
for (var i = 0; i < sourceTypes.length; i++) {
|
||||
if (src[sourceTypes[i]] && src[sourceTypes[i]].checked) {
|
||||
activeSource = sourceTypes[i];
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!activeSource) return;
|
||||
|
||||
for (var i = 0; i < sourceTypes.length; i++) {
|
||||
if (src[sourceTypes[i]])
|
||||
src[sourceTypes[i] + '-row'].style.display = activeSource == sourceTypes[i] ? 'block' : 'none';
|
||||
}
|
||||
}
|
||||
|
||||
function init() {
|
||||
<%~if attachment_uploaded%>
|
||||
// The upload succeeded: make the parent page refresh the attachment list
|
||||
if (opener.refreshAttachmentList)
|
||||
opener.refreshAttachmentList();
|
||||
<%~endif%>
|
||||
|
||||
// We need to copy the temp_id from the parent document.
|
||||
document.getElementById('temp_id').value = opener.document.getElementById('temp_id').value;
|
||||
|
||||
// Also copy over forum_id, parent_post_id, and post_id, if they exist.
|
||||
var hidden = [opener.document.getElementById('forum_id'), opener.document.getElementById('parent_post_id'), opener.document.getElementById('post_id')];
|
||||
for (var i = 0; i < hidden.length; i++) {
|
||||
if (hidden[i]) {
|
||||
var h = document.createElement('input');
|
||||
h.type = 'hidden';
|
||||
h.name = hidden[i].name;
|
||||
h.value = hidden[i].value;
|
||||
document.getElementById('image_form').appendChild(h);
|
||||
}
|
||||
}
|
||||
|
||||
var eventType = isIE ? 'propertychange' : 'change';
|
||||
for (var i = 0; i < sourceTypes.length; i++) {
|
||||
var sourceType = sourceTypes[i];
|
||||
src[sourceType] = document.getElementById('src-' + sourceType);
|
||||
src[sourceType + '-input'] = document.getElementById('src-' + sourceType + '-input');
|
||||
src[sourceType + '-label'] = document.getElementById('src-' + sourceType + '-label');
|
||||
src[sourceType + '-value'] = document.getElementById('src-' + sourceType + '-value');
|
||||
src[sourceType + '-row'] = document.getElementById('src-' + sourceType + '-row');
|
||||
if (src[sourceType]) registerEvent(src[sourceType], eventType, changeElement);
|
||||
}
|
||||
|
||||
if (inlines.length > 0) {
|
||||
for (i = 0; i < inlines.length; i++) {
|
||||
|
||||
var filename = inlines[i][0];
|
||||
var inlineRadio;
|
||||
// Hack around a weird IE bug where setting the name attribute
|
||||
// below results in the radio button not showing its state properly
|
||||
try {
|
||||
inlineRadio = document.createElement('<input type="radio" name="inline_image" />');
|
||||
}
|
||||
catch (e) {
|
||||
inlineRadio = document.createElement('input');
|
||||
}
|
||||
inlineRadio.type = 'radio';
|
||||
inlineRadio.name = 'inline_image';
|
||||
inlineRadio.id = 'inline_image' + i;
|
||||
inlineRadio.value = filename;
|
||||
<%~if attachment_uploaded%>
|
||||
if (filename == '<%escape_js attachment_uploaded%>') {
|
||||
inlineRadio.checked = true;
|
||||
src['inline-input'].value = filename;
|
||||
}
|
||||
<%~endif%>
|
||||
var inlineLabel = document.createElement('label');
|
||||
inlineLabel.appendChild(document.createTextNode(filename));
|
||||
inlineLabel.htmlFor = 'inline_image' + i;
|
||||
var box = document.createElement('span');
|
||||
box.appendChild(inlineRadio);
|
||||
box.appendChild(inlineLabel);
|
||||
src['inline-value'].appendChild(box);
|
||||
inlineImages[inlineImages.length] = inlineRadio;
|
||||
registerEvent(inlineRadio, 'click', function(radioBox) { return function () { src['inline-input'].value = radioBox.value; }; }(inlineRadio));
|
||||
}
|
||||
}
|
||||
else {
|
||||
src['inline'].parentNode.removeChild(src['inline']);
|
||||
src['inline-label'].parentNode.removeChild(src['inline-label']);
|
||||
src['inline-row'].parentNode.removeChild(src['inline-row']);
|
||||
delete src['inline'];
|
||||
delete src['inline-label'];
|
||||
delete src['inline-row'];
|
||||
}
|
||||
|
||||
if (!opener.canAttach) {
|
||||
src['file'].parentNode.removeChild(src['file']);
|
||||
src['file-label'].parentNode.removeChild(src['file-label']);
|
||||
src['file-row'].parentNode.removeChild(src['file-row']);
|
||||
delete src['file'];
|
||||
delete src['file-label'];
|
||||
delete src['file-row'];
|
||||
}
|
||||
|
||||
submit = document.getElementById('submit');
|
||||
|
||||
changeElement();
|
||||
|
||||
setInterval(function () { checkSource() }, 250);
|
||||
if (src['url'] && src['url'].checked) document.getElementById('src-url-input').focus();
|
||||
|
||||
<%~if error_loop.length%>
|
||||
alert('Error:\n<%loop error_loop%><%escape_js loop_value%><%unless last%>\n<%endunless%><%endloop%>');
|
||||
<%~elsif attachment_uploaded%>
|
||||
if (true || confirm("submit form?")) submitWrapper();
|
||||
<%~endif%>
|
||||
}
|
||||
|
||||
function submitWrapper () {
|
||||
if (activeSource == 'inline') {
|
||||
var att_type = 'temp', att_id = 0;
|
||||
for (var i = 0; i < inlines.length; i++) {
|
||||
if (inlines[i][0] == src['inline-input'].value) {
|
||||
att_type = inlines[i][1];
|
||||
att_id = inlines[i][2];
|
||||
break;
|
||||
}
|
||||
}
|
||||
var url = '<%set url = GForum::SEO::url(params => "do=${page_mode}_attachment")%><%escape_js url%>;' + att_type + 'att_id=' + att_id;
|
||||
if (att_type == 'temp')
|
||||
url += ';<%if page_mode eq "post"%>post_unique<%else%>temp_id<%endif%>=' + document.getElementById('temp_id').value;
|
||||
src['url-input'].value = url;
|
||||
}
|
||||
|
||||
submitForm();
|
||||
}
|
||||
|
||||
registerEvent(window, 'load', init);
|
||||
//]]>
|
||||
</script>
|
||||
</head>
|
||||
<body id="editor_image">
|
||||
<form id="image_form" action="<%GForum::SEO::url()%>" method="post" enctype="multipart/form-data" onsubmit="return checkSource(true)">
|
||||
<%hidden_form%>
|
||||
<input type="hidden" name="do" value="<%page_mode%>_attachment_upload" />
|
||||
<input type="hidden" id="temp_id" name="temp_id" value="" /><%-- populated from parent window by init() --%>
|
||||
<input type="hidden" name="redo" value="<%this_do%>" />
|
||||
<div id="form">
|
||||
<div class="row">
|
||||
<label class="name">Insert Image from:</label>
|
||||
<input type="radio" id="src-url" name="src-type" class="radio"<%unless attachment_uploaded or error_loop.length%> checked<%endunless%>><label id="src-url-label" for="src-url" accesskey="u"><u>U</u>RL</label>
|
||||
<%~unless attachment_uploaded%>
|
||||
<input type="radio" id="src-file" name="src-type" class="radio"<%if error_loop.length%> checked<%endif%>><label id="src-file-label" for="src-file" accesskey="f"><u>F</u>ile</label>
|
||||
<%~endunless%>
|
||||
<input type="radio" id="src-inline" name="src-type" class="radio"<%if attachment_uploaded%> checked<%endunless%>><label id="src-inline-label" for="src-inline" accesskey="i"><u>I</u>nline Attachment</label>
|
||||
</div>
|
||||
<div id="src-url-row" class="row">
|
||||
<label for="src-url-input" class="name" accesskey="s">Image <u>S</u>ource:</label>
|
||||
<input type="text" id="src-url-input" value="" class="text">
|
||||
</div>
|
||||
<%~unless attachment_uploaded%>
|
||||
<div id="src-file-row" class="row">
|
||||
<label for="src-file-input" class="name" accesskey="m">I<u>m</u>age Upload:</label>
|
||||
<input type="file" accept="image/*" id="src-file-input" name="<%if page_mode eq message%>msg<%else%>post<%endif%>_attachment" class="file">
|
||||
<input type="hidden" name="<%if page_mode eq message%>message<%else%>post<%endif%>_attachment_inline" value="1">
|
||||
</div>
|
||||
<%~endunless%>
|
||||
<div id="src-inline-row" class="row">
|
||||
<input type="hidden" id="src-inline-input" value="">
|
||||
<label class="name">I<u>n</u>line Attachment:</label>
|
||||
<div id="src-inline-value" class="value"><%-- populated by init() --%></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<input type="submit" id="submit" value="OK" class="submit">
|
||||
<input type="button" value="Cancel" class="button" onclick="window.close()">
|
||||
</div>
|
||||
</form>
|
||||
<div id="output-box"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
59
site/forum.slowtwitch.com/www/static/editor/editor_link.html
Normal file
59
site/forum.slowtwitch.com/www/static/editor/editor_link.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Create Link</title>
|
||||
<link type="text/css" rel="stylesheet" media="screen" href="editor_dialog.css">
|
||||
<script type="text/javascript" src="editor_dialog.js"></script>
|
||||
<script type="text/javascript">
|
||||
var protocol, url, submit;
|
||||
function updateURL() {
|
||||
url.value = protocol.value + (url.value ? url.value.replace(/^\w+:(\/\/)?/, '') : '');
|
||||
}
|
||||
function checkURL(exec) {
|
||||
if (url.value && url.value.match(/^\w+:(\/\/)?\w+/)) {
|
||||
submit.disabled = false;
|
||||
if (exec)
|
||||
submitForm();
|
||||
}
|
||||
else
|
||||
submit.disabled = true;
|
||||
return false;
|
||||
}
|
||||
function init() {
|
||||
protocol = document.getElementById('protocol');
|
||||
url = document.getElementById('url');
|
||||
submit = document.getElementById('submit');
|
||||
initForm();
|
||||
setInterval(function () { checkURL() }, 250);
|
||||
url.focus();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body id="editor_link" onload="init()">
|
||||
<form action="#" onsubmit="return checkURL(true)">
|
||||
<fieldset id="urlwrapper">
|
||||
<legend>Hyperlink Information</legend>
|
||||
<div class="fieldset">
|
||||
<div class="row">
|
||||
<label for="protocol" class="name" accesskey="t"><u>T</u>ype:</label>
|
||||
<select id="protocol" onchange="updateURL()">
|
||||
<option value="">Other</option>
|
||||
<option value="ftp://">ftp://</option>
|
||||
<option value="http://" selected>http://</option>
|
||||
<option value="https://">https://</option>
|
||||
<option value="mailto:">mailto:</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="row">
|
||||
<label for="url" class="name" accesskey="u"><u>U</u>RL:</label>
|
||||
<input type="text" id="url" value="http://" class="text">
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="buttons">
|
||||
<input type="submit" id="submit" value="OK" class="submit">
|
||||
<input type="button" value="Cancel" class="button" onclick="opener.focus(); window.close()">
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
||||
176
site/forum.slowtwitch.com/www/static/fileman/luna/cluetip.css
Normal file
176
site/forum.slowtwitch.com/www/static/fileman/luna/cluetip.css
Normal file
@ -0,0 +1,176 @@
|
||||
/* global */
|
||||
#cluetip-close img {
|
||||
border: 0;
|
||||
}
|
||||
#cluetip-title {
|
||||
overflow: hidden;
|
||||
}
|
||||
#cluetip-title #cluetip-close {
|
||||
float: right;
|
||||
position: relative;
|
||||
}
|
||||
#cluetip-waitimage {
|
||||
width: 43px;
|
||||
height: 11px;
|
||||
position: absolute;
|
||||
}
|
||||
.cluetip-arrows {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -11px;
|
||||
height: 22px;
|
||||
width: 11px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
}
|
||||
#cluetip-extra {
|
||||
display: none;
|
||||
}
|
||||
/***************************************
|
||||
=cluetipClass: 'default'
|
||||
-------------------------------------- */
|
||||
|
||||
.cluetip-default {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background: #edf2cb;
|
||||
border: 3px solid #3e3d45;
|
||||
}
|
||||
.cluetip-default #cluetip-outer {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #edf2cb;
|
||||
}
|
||||
.cluetip-default h3#cluetip-title {
|
||||
margin: 0 0 0px;
|
||||
font-size: 11px;
|
||||
padding: 3px 5px 2px 5px;
|
||||
background: #5d5b66;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.cluetip-default #cluetip-title a {
|
||||
color: #d9d9c2;
|
||||
}
|
||||
.cluetip-default #cluetip-inner {
|
||||
padding: 10px;
|
||||
}
|
||||
.cluetip-default div#cluetip-close {
|
||||
text-align: right;
|
||||
margin: 0 5px 5px;
|
||||
color: #900;
|
||||
}
|
||||
|
||||
/***************************************
|
||||
=cluetipClass: 'jtip'
|
||||
-------------------------------------- */
|
||||
.cluetip-jtip {
|
||||
background-color: transparent;
|
||||
}
|
||||
.cluetip-jtip #cluetip-outer {
|
||||
border: 2px solid #ccc;
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.cluetip-jtip h3#cluetip-title {
|
||||
margin: 0 0 5px;
|
||||
padding: 2px 5px;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
background-color: #ccc;
|
||||
color: #333;
|
||||
}
|
||||
.cluetip-jtip #cluetip-inner {
|
||||
padding: 0 5px 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
.cluetip-jtip div#cluetip-close {
|
||||
text-align: right;
|
||||
margin: 0 5px 5px;
|
||||
color: #900;
|
||||
}
|
||||
|
||||
/***************************************
|
||||
=cluetipClass: 'rounded'
|
||||
-------------------------------------- */
|
||||
|
||||
.cluetip-rounded {
|
||||
background: transparent url(images/bl.gif) no-repeat 0 100%;
|
||||
margin-top: 10px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.cluetip-rounded #cluetip-outer {
|
||||
background: transparent url(images/tl.gif) no-repeat 0 0;
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
.cluetip-rounded #cluetip-title {
|
||||
background-color: transparent;
|
||||
padding: 12px 12px 0;
|
||||
margin: 0 -12px 0 0;
|
||||
position: relative;
|
||||
}
|
||||
.cluetip-rounded #cluetip-extra {
|
||||
position: absolute;
|
||||
display: block;
|
||||
background: transparent url(images/tr.gif) no-repeat 100% 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 12px;
|
||||
height: 30px;
|
||||
margin: -12px -12px 0 0;
|
||||
}
|
||||
.cluetip-rounded #cluetip-inner {
|
||||
padding: 5px 12px 12px;
|
||||
margin: -18px -12px 0 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cluetip-rounded div#cluetip-close {
|
||||
text-align: right;
|
||||
margin: 0 5px 5px;
|
||||
color: #009;
|
||||
background: transparent;
|
||||
}
|
||||
.cluetip-rounded div#cluetip-close a {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
/* rounded arrows */
|
||||
|
||||
.clue-right-rounded .cluetip-arrows {
|
||||
background-image: url(images/rarrowleft.gif);
|
||||
}
|
||||
.clue-left-rounded .cluetip-arrows {
|
||||
background-image: url(images/rarrowright.gif);
|
||||
left: 100%;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.clue-top-rounded .cluetip-arrows {
|
||||
background-image: url(images/rarrowdown.gif);
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -11px;
|
||||
height: 11px;
|
||||
width: 22px;
|
||||
}
|
||||
.clue-bottom-rounded .cluetip-arrows {
|
||||
background-image: url(images/rarrowup.gif);
|
||||
top: -23px;
|
||||
left: 50%;
|
||||
margin-left: -11px;
|
||||
height: 11px;
|
||||
width: 22px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* stupid IE6 HasLayout hack */
|
||||
.cluetip-rounded #cluetip-title,
|
||||
.cluetip-rounded #cluetip-inner {
|
||||
zoom: 1;
|
||||
}
|
||||
115
site/forum.slowtwitch.com/www/static/fileman/luna/datePicker.css
Normal file
115
site/forum.slowtwitch.com/www/static/fileman/luna/datePicker.css
Normal file
@ -0,0 +1,115 @@
|
||||
table.jCalendar {
|
||||
border: 1px solid #000;
|
||||
background: #aaa;
|
||||
border-collapse: separate;
|
||||
border-spacing: 2px;
|
||||
}
|
||||
table.jCalendar th {
|
||||
background: #333;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
table.jCalendar td {
|
||||
background: #ccc;
|
||||
color: #000;
|
||||
padding: 3px 5px;
|
||||
text-align: center;
|
||||
}
|
||||
table.jCalendar td.other-month {
|
||||
background: #ddd;
|
||||
color: #aaa;
|
||||
}
|
||||
table.jCalendar td.today {
|
||||
background: #666;
|
||||
color: #fff;
|
||||
}
|
||||
table.jCalendar td.selected {
|
||||
background: #f66;
|
||||
color: #fff;
|
||||
}
|
||||
table.jCalendar td.selected:hover {
|
||||
background: #f33;
|
||||
color: #fff;
|
||||
}
|
||||
table.jCalendar td:hover, table.jCalendar td.dp-hover {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
|
||||
background: #bbb;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
/* For the popup */
|
||||
|
||||
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
|
||||
|
||||
div.dp-popup {
|
||||
position: relative;
|
||||
background: #ccc;
|
||||
font-size: 10px;
|
||||
font-family: arial, sans-serif;
|
||||
padding: 2px;
|
||||
width: 171px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
div#dp-popup {
|
||||
position: absolute;
|
||||
z-index: 5000;
|
||||
}
|
||||
div.dp-popup h2 {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
margin: 2px 0;
|
||||
padding: 0;
|
||||
}
|
||||
a#dp-close {
|
||||
font-size: 11px;
|
||||
padding: 4px 0;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
a#dp-close:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
div.dp-popup a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
padding: 3px 2px 0;
|
||||
}
|
||||
div.dp-popup div.dp-nav-prev {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 4px;
|
||||
width: 100px;
|
||||
}
|
||||
div.dp-popup div.dp-nav-prev a {
|
||||
float: left;
|
||||
}
|
||||
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
|
||||
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
|
||||
cursor: default;
|
||||
}
|
||||
div.dp-popup div.dp-nav-next {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 4px;
|
||||
width: 100px;
|
||||
}
|
||||
div.dp-popup div.dp-nav-next a {
|
||||
float: right;
|
||||
}
|
||||
div.dp-popup a.disabled {
|
||||
cursor: default;
|
||||
color: #aaa;
|
||||
}
|
||||
div.dp-popup td {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.dp-popup td.disabled {
|
||||
cursor: default;
|
||||
}
|
||||
82
site/forum.slowtwitch.com/www/static/fileman/luna/luna.css
Normal file
82
site/forum.slowtwitch.com/www/static/fileman/luna/luna.css
Normal file
@ -0,0 +1,82 @@
|
||||
@import url(luna_core.css);
|
||||
|
||||
/*
|
||||
This file inherits from luna_core.css, so styles in this file will override
|
||||
styles defined in it. Changes to this file will NOT be overwritten during
|
||||
upgrades.
|
||||
|
||||
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 .htm extension). So if you want to change the h2 heading in the
|
||||
home.htm template, you can do this by:
|
||||
|
||||
#home 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;
|
||||
}
|
||||
*/
|
||||
1298
site/forum.slowtwitch.com/www/static/fileman/luna/luna_core.css
Normal file
1298
site/forum.slowtwitch.com/www/static/fileman/luna/luna_core.css
Normal file
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,5 @@
|
||||
input.radio {border:1px none #000; background:transparent; vertical-align:middle;}
|
||||
.panel_wrapper div.current {height:80px;}
|
||||
#width {width:50px; vertical-align:middle;}
|
||||
#width2 {width:50px; vertical-align:middle;}
|
||||
#size {width:100px;}
|
||||
@ -0,0 +1,13 @@
|
||||
#src_list, #over_list, #out_list {width:280px;}
|
||||
.mceActionPanel {margin-top:7px;}
|
||||
.alignPreview {border:1px solid #000; width:140px; height:140px; overflow:hidden; padding:5px;}
|
||||
.checkbox {border:0;}
|
||||
.panel_wrapper div.current {height:305px;}
|
||||
#prev {margin:0; border:1px solid #000; width:428px; height:150px; overflow:auto;}
|
||||
#align, #classlist {width:150px;}
|
||||
#width, #height {vertical-align:middle; width:50px; text-align:center;}
|
||||
#vspace, #hspace, #border {vertical-align:middle; width:30px; text-align:center;}
|
||||
#class_list {width:180px;}
|
||||
input {width: 280px;}
|
||||
#constrain, #onmousemovecheck {width:auto;}
|
||||
#id, #dir, #lang, #usemap, #longdesc {width:200px;}
|
||||
@ -0,0 +1,8 @@
|
||||
.mceLinkList, .mceAnchorList, #targetlist {width:280px;}
|
||||
.mceActionPanel {margin-top:7px;}
|
||||
.panel_wrapper div.current {height:320px;}
|
||||
#classlist, #title, #href {width:280px;}
|
||||
#popupurl, #popupname {width:200px;}
|
||||
#popupwidth, #popupheight, #popupleft, #popuptop {width:30px;vertical-align:middle;text-align:center;}
|
||||
#id, #style, #classes, #target, #dir, #hreflang, #lang, #charset, #type, #rel, #rev, #tabindex, #accesskey {width:200px;}
|
||||
#events_panel input {width:200px;}
|
||||
@ -0,0 +1,182 @@
|
||||
/* Hide the advanced tab */
|
||||
#advanced_tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#metatitle, #metakeywords, #metadescription, #metaauthor, #metacopyright {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
#doctype, #docencoding {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#langcode {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
#bgimage {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
#fontface {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
#leftmargin, #rightmargin, #topmargin, #bottommargin {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
#stylesheet, #style {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
/* Head list classes */
|
||||
|
||||
.headlistwrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.addbutton, .removebutton, .moveupbutton, .movedownbutton {
|
||||
border-top: 1px solid;
|
||||
border-left: 1px solid;
|
||||
border-bottom: 1px solid;
|
||||
border-right: 1px solid;
|
||||
border-color: #F0F0EE;
|
||||
cursor: default;
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#doctypes {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.addbutton:hover, .removebutton:hover, .moveupbutton:hover, .movedownbutton:hover {
|
||||
border: 1px solid #0A246A;
|
||||
background-color: #B6BDD2;
|
||||
}
|
||||
|
||||
.addbutton {
|
||||
background-image: url('../images/add.gif');
|
||||
float: left;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.removebutton {
|
||||
background-image: url('../images/remove.gif');
|
||||
float: left;
|
||||
}
|
||||
|
||||
.moveupbutton {
|
||||
background-image: url('../images/move_up.gif');
|
||||
float: left;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.movedownbutton {
|
||||
background-image: url('../images/move_down.gif');
|
||||
float: left;
|
||||
}
|
||||
|
||||
.selected {
|
||||
border: 1px solid #0A246A;
|
||||
background-color: #B6BDD2;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#headlist {
|
||||
width: 100%;
|
||||
margin-top: 3px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#info, #title_element, #meta_element, #script_element, #style_element, #base_element, #link_element, #comment_element, #unknown_element {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#addmenu {
|
||||
position: absolute;
|
||||
border: 1px solid gray;
|
||||
display: none;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#addmenu a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
line-height: 20px;
|
||||
text-decoration: none;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#addmenu a:hover {
|
||||
background-color: #B6BDD2;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#addmenu span {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#updateElementPanel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#script_element .panel_wrapper div.current {
|
||||
height: 108px;
|
||||
}
|
||||
|
||||
#style_element .panel_wrapper div.current {
|
||||
height: 108px;
|
||||
}
|
||||
|
||||
#link_element .panel_wrapper div.current {
|
||||
height: 140px;
|
||||
}
|
||||
|
||||
#element_script_value {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#element_comment_value {
|
||||
width: 100%;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
#element_style_value {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#element_title, #element_script_src, #element_meta_name, #element_meta_content, #element_base_href, #element_link_href, #element_link_title {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.updateElementButton {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
/* MSIE specific styles */
|
||||
|
||||
* html .addbutton, * html .removebutton, * html .moveupbutton, * html .movedownbutton {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
.panel_wrapper div.current {height:420px;}
|
||||
@ -0,0 +1,6 @@
|
||||
.mceItemFlash, .mceItemShockWave, .mceItemQuickTime, .mceItemWindowsMedia, .mceItemRealMedia {border:1px dotted #cc0000; background-position:center; background-repeat:no-repeat; background-color:#ffffcc;}
|
||||
.mceItemShockWave {background-image: url(../img/shockwave.gif);}
|
||||
.mceItemFlash {background-image:url(../img/flash.gif);}
|
||||
.mceItemQuickTime {background-image:url(../img/quicktime.gif);}
|
||||
.mceItemWindowsMedia {background-image:url(../img/windowsmedia.gif);}
|
||||
.mceItemRealMedia {background-image:url(../img/realmedia.gif);}
|
||||
@ -0,0 +1,16 @@
|
||||
#id, #name, #hspace, #vspace, #class_name, #align { width: 100px }
|
||||
#hspace, #vspace { width: 50px }
|
||||
#flash_quality, #flash_align, #flash_scale, #flash_salign, #flash_wmode { width: 100px }
|
||||
#flash_base, #flash_flashvars { width: 240px }
|
||||
#width, #height { width: 40px }
|
||||
#src, #media_type { width: 250px }
|
||||
#class { width: 120px }
|
||||
#prev { margin: 0; border: 1px solid black; width: 380px; height: 230px; overflow: auto }
|
||||
.panel_wrapper div.current { height: 390px; overflow: auto }
|
||||
#flash_options, #shockwave_options, #qt_options, #wmp_options, #rmp_options { display: none }
|
||||
.mceAddSelectValue { background-color: #DDDDDD }
|
||||
#qt_starttime, #qt_endtime, #qt_fov, #qt_href, #qt_moveid, #qt_moviename, #qt_node, #qt_pan, #qt_qtsrc, #qt_qtsrcchokespeed, #qt_target, #qt_tilt, #qt_urlsubstituten, #qt_volume { width: 70px }
|
||||
#wmp_balance, #wmp_baseurl, #wmp_captioningid, #wmp_currentmarker, #wmp_currentposition, #wmp_defaultframe, #wmp_playcount, #wmp_rate, #wmp_uimode, #wmp_volume { width: 70px }
|
||||
#rmp_console, #rmp_numloop, #rmp_controls, #rmp_scriptcallbacks { width: 70px }
|
||||
#shockwave_swvolume, #shockwave_swframe, #shockwave_swurl, #shockwave_swstretchvalign, #shockwave_swstretchhalign, #shockwave_swstretchstyle { width: 90px }
|
||||
#qt_qtsrc { width: 200px }
|
||||
@ -0,0 +1,14 @@
|
||||
html, body {height:98%}
|
||||
body {
|
||||
background-color: #FFFFFF;
|
||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
scrollbar-3dlight-color: #F0F0EE;
|
||||
scrollbar-arrow-color: #676662;
|
||||
scrollbar-base-color: #F0F0EE;
|
||||
scrollbar-darkshadow-color: #DDDDDD;
|
||||
scrollbar-face-color: #E0E0DD;
|
||||
scrollbar-highlight-color: #F0F0EE;
|
||||
scrollbar-shadow-color: #F0F0EE;
|
||||
scrollbar-track-color: #F5F5F5;
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
.sourceIframe {
|
||||
border: 1px solid #808080;
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<script language="javascript" src="../../tiny_mce_popup.js"></script>
|
||||
<script type="text/javascript" src="jscripts/embed.js"></script>
|
||||
<script type="text/javascript">
|
||||
tinyMCEPopup.onInit.add(function(ed) {
|
||||
var dom = tinyMCEPopup.dom;
|
||||
|
||||
// Load editor content_css
|
||||
tinymce.each(ed.settings.content_css.split(','), function(u) {
|
||||
dom.loadCSS(ed.documentBaseURI.toAbsolute(u));
|
||||
});
|
||||
|
||||
// Place contents inside div container
|
||||
dom.setHTML('content', ed.getContent());
|
||||
});
|
||||
</script>
|
||||
<title>Example of a custom preview page</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
Editor contents: <br />
|
||||
<div id="content">
|
||||
<!-- Gets filled with editor contents -->
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,6 @@
|
||||
.panel_wrapper {height:85px;}
|
||||
.panel_wrapper div.current {height:85px;}
|
||||
|
||||
/* IE */
|
||||
* html .panel_wrapper {height:100px;}
|
||||
* html .panel_wrapper div.current {height:100px;}
|
||||
@ -0,0 +1,13 @@
|
||||
#text_font {width:250px;}
|
||||
#text_size {width:70px;}
|
||||
.mceAddSelectValue {background:#DDD;}
|
||||
select, #block_text_indent, #box_width, #box_height, #box_padding_top, #box_padding_right, #box_padding_bottom, #box_padding_left {width:70px;}
|
||||
#box_margin_top, #box_margin_right, #box_margin_bottom, #box_margin_left, #positioning_width, #positioning_height, #positioning_zindex {width:70px;}
|
||||
#positioning_placement_top, #positioning_placement_right, #positioning_placement_bottom, #positioning_placement_left {width:70px;}
|
||||
#positioning_clip_top, #positioning_clip_right, #positioning_clip_bottom, #positioning_clip_left {width:70px;}
|
||||
.panel_wrapper div.current {padding-top:10px;height:230px;}
|
||||
.delim {border-left:1px solid gray;}
|
||||
.tdelim {border-bottom:1px solid gray;}
|
||||
#block_display {width:145px;}
|
||||
#list_type {width:115px;}
|
||||
.disabled {background:#EEE;}
|
||||
@ -0,0 +1,17 @@
|
||||
/* CSS file for cell dialog in the table plugin */
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.advfield {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#action {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#class {
|
||||
width: 150px;
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
/* CSS file for row dialog in the table plugin */
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.advfield {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#action {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
#rowtype,#align,#valign,#class,#height {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
#height {
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.col2 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
/* CSS file for table dialog in the table plugin */
|
||||
|
||||
.panel_wrapper div.current {
|
||||
height: 245px;
|
||||
}
|
||||
|
||||
.advfield {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#class {
|
||||
width: 150px;
|
||||
}
|
||||
@ -0,0 +1,32 @@
|
||||
body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}
|
||||
body {background:#FFF;}
|
||||
body.mceForceColors {background:#FFF; color:#000;}
|
||||
h1 {font-size: 2em}
|
||||
h2 {font-size: 1.5em}
|
||||
h3 {font-size: 1.17em}
|
||||
h4 {font-size: 1em}
|
||||
h5 {font-size: .83em}
|
||||
h6 {font-size: .75em}
|
||||
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;}
|
||||
a.mceItemAnchor {width:12px; line-height:6px; overflow:hidden; padding-left:12px; background:url(img/items.gif) no-repeat bottom left;}
|
||||
img.mceItemAnchor {width:12px; height:12px; background:url(img/items.gif) no-repeat;}
|
||||
img {border:0;}
|
||||
table {cursor:default}
|
||||
table td, table th {cursor:text}
|
||||
ins {border-bottom:1px solid green; text-decoration: none; color:green}
|
||||
del {color:red; text-decoration:line-through}
|
||||
cite {border-bottom:1px dashed blue}
|
||||
acronym {border-bottom:1px dotted #CCC; cursor:help}
|
||||
abbr, html\:abbr {border-bottom:1px dashed #CCC; cursor:help}
|
||||
|
||||
/* IE */
|
||||
* html body {
|
||||
scrollbar-3dlight-color:#F0F0EE;
|
||||
scrollbar-arrow-color:#676662;
|
||||
scrollbar-base-color:#F0F0EE;
|
||||
scrollbar-darkshadow-color:#DDD;
|
||||
scrollbar-face-color:#E0E0DD;
|
||||
scrollbar-highlight-color:#F0F0EE;
|
||||
scrollbar-shadow-color:#F0F0EE;
|
||||
scrollbar-track-color:#F5F5F5;
|
||||
}
|
||||
@ -0,0 +1,114 @@
|
||||
/* Generic */
|
||||
body {
|
||||
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
|
||||
scrollbar-3dlight-color:#F0F0EE;
|
||||
scrollbar-arrow-color:#676662;
|
||||
scrollbar-base-color:#F0F0EE;
|
||||
scrollbar-darkshadow-color:#DDDDDD;
|
||||
scrollbar-face-color:#E0E0DD;
|
||||
scrollbar-highlight-color:#F0F0EE;
|
||||
scrollbar-shadow-color:#F0F0EE;
|
||||
scrollbar-track-color:#F5F5F5;
|
||||
background:#F0F0EE;
|
||||
padding:0;
|
||||
margin:8px 8px 0 8px;
|
||||
}
|
||||
|
||||
html {background:#F0F0EE;}
|
||||
td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
|
||||
textarea {resize:none;outline:none;}
|
||||
a:link, a:visited {color:black;}
|
||||
a:hover {color:#2B6FB6;}
|
||||
|
||||
/* Forms */
|
||||
fieldset {margin:0; padding:4px; border:1px solid #919B9C; font-family:Verdana, Arial; font-size:10px;}
|
||||
legend {color:#2B6FB6; font-weight:bold;}
|
||||
label.msg {display:none;}
|
||||
label.invalid {color:#EE0000; display:inline;}
|
||||
input.invalid {border:1px solid #EE0000;}
|
||||
input {background:#FFF; border:1px solid #CCC;}
|
||||
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
|
||||
input, select, textarea {border:1px solid #808080;}
|
||||
input.radio {border:1px none #000000; background:transparent; vertical-align:middle;}
|
||||
input.checkbox {border:1px none #000000; background:transparent; vertical-align:middle;}
|
||||
.input_noborder {border:0;}
|
||||
|
||||
/* Buttons */
|
||||
#insert, #cancel, input.button, .updateButton {
|
||||
border:0; margin:0; padding:0;
|
||||
font-weight:bold;
|
||||
width:94px; height:26px;
|
||||
background:url(img/buttons.png) 0 -26px;
|
||||
cursor:pointer;
|
||||
padding-bottom:2px;
|
||||
}
|
||||
|
||||
#insert {background:url(img/buttons.png) 0 -52px;}
|
||||
#cancel {background:url(img/buttons.png) 0 0;}
|
||||
|
||||
/* Browse */
|
||||
a.browse span {display:block; width:20px; height:18px; background:url(../../img/icons.gif) -860px 0; border:1px solid #FFF; margin-left:1px;}
|
||||
.mceOldBoxModel a.browse span {width:22px; height:20px;}
|
||||
a.browse:hover span {border:1px solid #0A246A; background-color:#B2BBD0;}
|
||||
a.browse span.disabled {border:1px solid white; -moz-opacity:0.3; opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
|
||||
a.browse:hover span.disabled {border:1px solid white; background-color:transparent;}
|
||||
a.pickcolor span {display:block; width:20px; height:16px; background:url(../../img/icons.gif) -840px 0; margin-left:2px;}
|
||||
.mceOldBoxModel a.pickcolor span {width:21px; height:17px;}
|
||||
a.pickcolor:hover span {background-color:#B2BBD0;}
|
||||
a.pickcolor:hover span.disabled {}
|
||||
|
||||
/* Charmap */
|
||||
table.charmap {border:1px solid #AAA; text-align:center}
|
||||
td.charmap, #charmap a {width:18px; height:18px; color:#000; border:1px solid #AAA; text-align:center; font-size:12px; vertical-align:middle; line-height: 18px;}
|
||||
#charmap a {display:block; color:#000; text-decoration:none; border:0}
|
||||
#charmap a:hover {background:#CCC;color:#2B6FB6}
|
||||
#charmap #codeN {font-size:10px; font-family:Arial,Helvetica,sans-serif; text-align:center}
|
||||
#charmap #codeV {font-size:40px; height:80px; border:1px solid #AAA; text-align:center}
|
||||
|
||||
/* Source */
|
||||
.wordWrapCode {vertical-align:middle; border:1px none #000000; background:transparent;}
|
||||
.mceActionPanel {margin-top:5px;}
|
||||
|
||||
/* Tabs classes */
|
||||
.tabs {width:100%; height:18px; line-height:normal; background:url(img/tabs.gif) repeat-x 0 -72px;}
|
||||
.tabs ul {margin:0; padding:0; list-style:none;}
|
||||
.tabs li {float:left; background:url(img/tabs.gif) no-repeat 0 0; margin:0 2px 0 0; padding:0 0 0 10px; line-height:17px; height:18px; display:block;}
|
||||
.tabs li.current {background:url(img/tabs.gif) no-repeat 0 -18px; margin-right:2px;}
|
||||
.tabs span {float:left; display:block; background:url(img/tabs.gif) no-repeat right -36px; padding:0px 10px 0 0;}
|
||||
.tabs .current span {background:url(img/tabs.gif) no-repeat right -54px;}
|
||||
.tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;}
|
||||
.tabs a:link, .tabs a:visited, .tabs a:hover {color:black;}
|
||||
|
||||
/* Panels */
|
||||
.panel_wrapper div.panel {display:none;}
|
||||
.panel_wrapper div.current {display:block; width:100%; height:300px; overflow:visible;}
|
||||
.panel_wrapper {border:1px solid #919B9C; border-top:0px; padding:10px; padding-top:5px; clear:both; background:white;}
|
||||
|
||||
/* Columns */
|
||||
.column {float:left;}
|
||||
.properties {width:100%;}
|
||||
.properties .column1 {}
|
||||
.properties .column2 {text-align:left;}
|
||||
|
||||
/* Titles */
|
||||
h1, h2, h3, h4 {color:#2B6FB6; margin:0; padding:0; padding-top:5px;}
|
||||
h3 {font-size:14px;}
|
||||
.title {font-size:12px; font-weight:bold; color:#2B6FB6;}
|
||||
|
||||
/* Dialog specific */
|
||||
#link .panel_wrapper, #link div.current {height:125px;}
|
||||
#image .panel_wrapper, #image div.current {height:200px;}
|
||||
#plugintable thead {font-weight:bold; background:#DDD;}
|
||||
#plugintable, #about #plugintable td {border:1px solid #919B9C;}
|
||||
#plugintable {width:96%; margin-top:10px;}
|
||||
#pluginscontainer {height:290px; overflow:auto;}
|
||||
#colorpicker #preview {float:right; width:50px; height:14px;line-height:1px; border:1px solid black; margin-left:5px;}
|
||||
#colorpicker #colors {float:left; border:1px solid gray; cursor:crosshair;}
|
||||
#colorpicker #light {border:1px solid gray; margin-left:5px; float:left;width:15px; height:150px; cursor:crosshair;}
|
||||
#colorpicker #light div {overflow:hidden;}
|
||||
#colorpicker #previewblock {float:right; padding-left:10px; height:20px;}
|
||||
#colorpicker .panel_wrapper div.current {height:175px;}
|
||||
#colorpicker #namedcolors {width:150px;}
|
||||
#colorpicker #namedcolors a {display:block; float:left; width:10px; height:10px; margin:1px 1px 0 0; overflow:hidden;}
|
||||
#colorpicker #colornamecontainer {margin-top:5px;}
|
||||
#colorpicker #picker_panel fieldset {margin:auto;width:325px;}
|
||||
@ -0,0 +1,215 @@
|
||||
/* Reset */
|
||||
.defaultSkin table, .defaultSkin tbody, .defaultSkin a, .defaultSkin img, .defaultSkin tr, .defaultSkin div, .defaultSkin td, .defaultSkin iframe, .defaultSkin span, .defaultSkin *, .defaultSkin .mceText {border:0; margin:0; padding:0; background:transparent; white-space:nowrap; text-decoration:none; font-weight:normal; cursor:default; color:#000; vertical-align:baseline; width:auto; border-collapse:separate; text-align:left}
|
||||
.defaultSkin a:hover, .defaultSkin a:link, .defaultSkin a:visited, .defaultSkin a:active {text-decoration:none; font-weight:normal; cursor:default; color:#000}
|
||||
.defaultSkin table td {vertical-align:middle}
|
||||
|
||||
/* Containers */
|
||||
.defaultSkin table {background:#F0F0EE}
|
||||
.defaultSkin iframe {display:block; background:#FFF}
|
||||
.defaultSkin .mceToolbar {height:26px}
|
||||
.defaultSkin .mceLeft {text-align:left}
|
||||
.defaultSkin .mceRight {text-align:right}
|
||||
|
||||
/* External */
|
||||
.defaultSkin .mceExternalToolbar {position:absolute; border:1px solid #CCC; border-bottom:0; display:none;}
|
||||
.defaultSkin .mceExternalToolbar td.mceToolbar {padding-right:13px;}
|
||||
.defaultSkin .mceExternalClose {position:absolute; top:3px; right:3px; width:7px; height:7px; background:url(../../img/icons.gif) -820px 0}
|
||||
|
||||
/* Layout */
|
||||
.defaultSkin table.mceLayout {border:0; border-left:1px solid #CCC; border-right:1px solid #CCC}
|
||||
.defaultSkin table.mceLayout tr.mceFirst td {border-top:1px solid #CCC}
|
||||
.defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #CCC}
|
||||
.defaultSkin table.mceToolbar, .defaultSkin tr.mceFirst .mceToolbar tr td, .defaultSkin tr.mceLast .mceToolbar tr td {border:0; margin:0; padding:0;}
|
||||
.defaultSkin td.mceToolbar {padding-top:1px; vertical-align:top}
|
||||
.defaultSkin .mceIframeContainer {border-top:1px solid #CCC; border-bottom:1px solid #CCC}
|
||||
.defaultSkin .mceStatusbar {font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:9pt; line-height:16px; overflow:visible; color:#000; display:block; height:20px}
|
||||
.defaultSkin .mceStatusbar div {float:left; margin:2px}
|
||||
.defaultSkin .mceStatusbar a.mceResize {display:block; float:right; background:url(../../img/icons.gif) -800px 0; width:20px; height:20px; cursor:se-resize}
|
||||
.defaultSkin .mceStatusbar a:hover {text-decoration:underline}
|
||||
.defaultSkin table.mceToolbar {margin-left:3px}
|
||||
.defaultSkin span.mceIcon, .defaultSkin img.mceIcon {display:block; width:20px; height:20px}
|
||||
.defaultSkin .mceIcon {background:url(../../img/icons.gif) no-repeat 20px 20px}
|
||||
.defaultSkin td.mceCenter {text-align:center;}
|
||||
.defaultSkin td.mceCenter table {margin:0 auto; text-align:left;}
|
||||
.defaultSkin td.mceRight table {margin:0 0 0 auto;}
|
||||
|
||||
/* Button */
|
||||
.defaultSkin .mceButton {display:block; border:1px solid #F0F0EE; width:20px; height:20px; margin-right:1px}
|
||||
.defaultSkin a.mceButtonEnabled:hover {border:1px solid #0A246A; background-color:#B2BBD0}
|
||||
.defaultSkin a.mceButtonActive, .defaultSkin a.mceButtonSelected {border:1px solid #0A246A; background-color:#C2CBE0}
|
||||
.defaultSkin .mceButtonDisabled .mceIcon {opacity:0.3; filter:alpha(opacity=30)}
|
||||
.defaultSkin .mceButtonLabeled {width:auto}
|
||||
.defaultSkin .mceButtonLabeled span.mceIcon {float:left}
|
||||
.defaultSkin span.mceButtonLabel {display:block; font-size:10px; padding:4px 6px 0 22px; font-family:Tahoma,Verdana,Arial,Helvetica}
|
||||
.defaultSkin .mceButtonDisabled .mceButtonLabel {color:#888}
|
||||
|
||||
/* Separator */
|
||||
.defaultSkin .mceSeparator {display:block; background:url(../../img/icons.gif) -180px 0; width:2px; height:20px; margin:2px 2px 0 4px}
|
||||
|
||||
/* ListBox */
|
||||
.defaultSkin .mceListBox {direction:ltr}
|
||||
.defaultSkin .mceListBox, .defaultSkin .mceListBox a {display:block}
|
||||
.defaultSkin .mceListBox .mceText {padding-left:4px; width:70px; text-align:left; border:1px solid #CCC; border-right:0; background:#FFF; font-family:Tahoma,Verdana,Arial,Helvetica; font-size:11px; height:20px; line-height:20px; overflow:hidden}
|
||||
.defaultSkin .mceListBox .mceOpen {width:9px; height:20px; background:url(../../img/icons.gif) -741px 0; margin-right:2px; border:1px solid #CCC;}
|
||||
.defaultSkin table.mceListBoxEnabled:hover .mceText, .defaultSkin .mceListBoxHover .mceText, .defaultSkin .mceListBoxSelected .mceText {border:1px solid #A2ABC0; border-right:0; background:#FFF}
|
||||
.defaultSkin table.mceListBoxEnabled:hover .mceOpen, .defaultSkin .mceListBoxHover .mceOpen, .defaultSkin .mceListBoxSelected .mceOpen {background-color:#FFF; border:1px solid #A2ABC0}
|
||||
.defaultSkin .mceListBoxDisabled a.mceText {color:gray; background-color:transparent;}
|
||||
.defaultSkin .mceListBoxMenu {overflow:auto; overflow-x:hidden}
|
||||
.defaultSkin .mceOldBoxModel .mceListBox .mceText {height:22px}
|
||||
.defaultSkin .mceOldBoxModel .mceListBox .mceOpen {width:11px; height:22px;}
|
||||
.defaultSkin select.mceNativeListBox {font-family:'MS Sans Serif',sans-serif,Verdana,Arial; font-size:7pt; background:#F0F0EE; border:1px solid gray; margin-right:2px;}
|
||||
|
||||
/* SplitButton */
|
||||
.defaultSkin .mceSplitButton {width:32px; height:20px; direction:ltr}
|
||||
.defaultSkin .mceSplitButton a, .defaultSkin .mceSplitButton span {height:20px; display:block}
|
||||
.defaultSkin .mceSplitButton a.mceAction {width:20px; border:1px solid #F0F0EE; border-right:0;}
|
||||
.defaultSkin .mceSplitButton span.mceAction {width:20px; background:url(../../img/icons.gif) 20px 20px;}
|
||||
.defaultSkin .mceSplitButton a.mceOpen {width:9px; border:1px solid #F0F0EE;}
|
||||
.defaultSkin .mceSplitButton span.mceOpen {width:9px; background:url(../../img/icons.gif) -741px 0;}
|
||||
.defaultSkin table.mceSplitButtonEnabled:hover a.mceAction, .defaultSkin .mceSplitButtonHover a.mceAction, .defaultSkin .mceSplitButtonSelected a.mceAction {border:1px solid #0A246A; border-right:0; background-color:#B2BBD0}
|
||||
.defaultSkin table.mceSplitButtonEnabled:hover a.mceOpen, .defaultSkin .mceSplitButtonHover a.mceOpen, .defaultSkin .mceSplitButtonSelected a.mceOpen {border:1px solid #0A246A;}
|
||||
.defaultSkin table.mceSplitButtonEnabled:hover span.mceOpen, .defaultSkin .mceSplitButtonHover span.mceOpen, .defaultSkin .mceSplitButtonSelected span.mceOpen {background-color:#B2BBD0}
|
||||
.defaultSkin .mceSplitButtonDisabled .mceAction, .defaultSkin .mceSplitButtonDisabled span.mceOpen {opacity:0.3; filter:alpha(opacity=30)}
|
||||
.defaultSkin .mceSplitButtonActive a.mceAction {border:1px solid #0A246A; background-color:#C2CBE0}
|
||||
.defaultSkin .mceSplitButtonActive a.mceOpen {border-left:0;}
|
||||
|
||||
/* ColorSplitButton */
|
||||
.defaultSkin div.mceColorSplitMenu table {background:#FFF; border:1px solid gray}
|
||||
.defaultSkin .mceColorSplitMenu td {padding:2px}
|
||||
.defaultSkin .mceColorSplitMenu a {display:block; width:9px; height:9px; overflow:hidden; border:1px solid #808080}
|
||||
.defaultSkin .mceColorSplitMenu td.mceMoreColors {padding:1px 3px 1px 1px}
|
||||
.defaultSkin .mceColorSplitMenu a.mceMoreColors {width:100%; height:auto; text-align:center; font-family:Tahoma,Verdana,Arial,Helvetica; font-size:11px; line-height:20px; border:1px solid #FFF}
|
||||
.defaultSkin .mceColorSplitMenu a.mceMoreColors:hover {border:1px solid #0A246A; background-color:#B6BDD2}
|
||||
.defaultSkin a.mceMoreColors:hover {border:1px solid #0A246A}
|
||||
.defaultSkin .mceColorPreview {margin-left:2px; width:16px; height:4px; overflow:hidden; background:#9a9b9a}
|
||||
.defaultSkin .mce_forecolor span.mceAction, .defaultSkin .mce_backcolor span.mceAction {overflow:hidden; height:16px}
|
||||
|
||||
/* Menu */
|
||||
.defaultSkin .mceMenu {position:absolute; left:0; top:0; z-index:1000; border:1px solid #D4D0C8}
|
||||
.defaultSkin .mceNoIcons span.mceIcon {width:0;}
|
||||
.defaultSkin .mceNoIcons a .mceText {padding-left:10px}
|
||||
.defaultSkin .mceMenu table {background:#FFF}
|
||||
.defaultSkin .mceMenu a, .defaultSkin .mceMenu span, .defaultSkin .mceMenu {display:block}
|
||||
.defaultSkin .mceMenu td {height:20px}
|
||||
.defaultSkin .mceMenu a {position:relative;padding:3px 0 4px 0}
|
||||
.defaultSkin .mceMenu .mceText {position:relative; display:block; font-family:Tahoma,Verdana,Arial,Helvetica; color:#000; cursor:default; margin:0; padding:0 25px 0 25px; display:block}
|
||||
.defaultSkin .mceMenu span.mceText, .defaultSkin .mceMenu .mcePreview {font-size:11px}
|
||||
.defaultSkin .mceMenu pre.mceText {font-family:Monospace}
|
||||
.defaultSkin .mceMenu .mceIcon {position:absolute; top:0; left:0; width:22px;}
|
||||
.defaultSkin .mceMenu .mceMenuItemEnabled a:hover, .defaultSkin .mceMenu .mceMenuItemActive {background-color:#dbecf3}
|
||||
.defaultSkin td.mceMenuItemSeparator {background:#DDD; height:1px}
|
||||
.defaultSkin .mceMenuItemTitle a {border:0; background:#EEE; border-bottom:1px solid #DDD}
|
||||
.defaultSkin .mceMenuItemTitle span.mceText {color:#000; font-weight:bold; padding-left:4px}
|
||||
.defaultSkin .mceMenuItemDisabled .mceText {color:#888}
|
||||
.defaultSkin .mceMenuItemSelected .mceIcon {background:url(img/menu_check.gif)}
|
||||
.defaultSkin .mceNoIcons .mceMenuItemSelected a {background:url(img/menu_arrow.gif) no-repeat -6px center}
|
||||
.defaultSkin .mceMenu span.mceMenuLine {display:none}
|
||||
.defaultSkin .mceMenuItemSub a {background:url(img/menu_arrow.gif) no-repeat top right;}
|
||||
|
||||
/* Progress,Resize */
|
||||
.defaultSkin .mceBlocker {position:absolute; left:0; top:0; z-index:1000; opacity:0.5; filter:alpha(opacity=50); background:#FFF}
|
||||
.defaultSkin .mceProgress {position:absolute; left:0; top:0; z-index:1001; background:url(img/progress.gif) no-repeat; width:32px; height:32px; margin:-16px 0 0 -16px}
|
||||
.defaultSkin .mcePlaceHolder {border:1px dotted gray}
|
||||
|
||||
/* Formats */
|
||||
.defaultSkin .mce_formatPreview a {font-size:10px}
|
||||
.defaultSkin .mce_p span.mceText {}
|
||||
.defaultSkin .mce_address span.mceText {font-style:italic}
|
||||
.defaultSkin .mce_pre span.mceText {font-family:monospace}
|
||||
.defaultSkin .mce_h1 span.mceText {font-weight:bolder; font-size: 2em}
|
||||
.defaultSkin .mce_h2 span.mceText {font-weight:bolder; font-size: 1.5em}
|
||||
.defaultSkin .mce_h3 span.mceText {font-weight:bolder; font-size: 1.17em}
|
||||
.defaultSkin .mce_h4 span.mceText {font-weight:bolder; font-size: 1em}
|
||||
.defaultSkin .mce_h5 span.mceText {font-weight:bolder; font-size: .83em}
|
||||
.defaultSkin .mce_h6 span.mceText {font-weight:bolder; font-size: .75em}
|
||||
|
||||
/* Theme */
|
||||
.defaultSkin span.mce_bold {background-position:0 0}
|
||||
.defaultSkin span.mce_italic {background-position:-60px 0}
|
||||
.defaultSkin span.mce_underline {background-position:-140px 0}
|
||||
.defaultSkin span.mce_strikethrough {background-position:-120px 0}
|
||||
.defaultSkin span.mce_undo {background-position:-160px 0}
|
||||
.defaultSkin span.mce_redo {background-position:-100px 0}
|
||||
.defaultSkin span.mce_cleanup {background-position:-40px 0}
|
||||
.defaultSkin span.mce_bullist {background-position:-20px 0}
|
||||
.defaultSkin span.mce_numlist {background-position:-80px 0}
|
||||
.defaultSkin span.mce_justifyleft {background-position:-460px 0}
|
||||
.defaultSkin span.mce_justifyright {background-position:-480px 0}
|
||||
.defaultSkin span.mce_justifycenter {background-position:-420px 0}
|
||||
.defaultSkin span.mce_justifyfull {background-position:-440px 0}
|
||||
.defaultSkin span.mce_anchor {background-position:-200px 0}
|
||||
.defaultSkin span.mce_indent {background-position:-400px 0}
|
||||
.defaultSkin span.mce_outdent {background-position:-540px 0}
|
||||
.defaultSkin span.mce_link {background-position:-500px 0}
|
||||
.defaultSkin span.mce_unlink {background-position:-640px 0}
|
||||
.defaultSkin span.mce_sub {background-position:-600px 0}
|
||||
.defaultSkin span.mce_sup {background-position:-620px 0}
|
||||
.defaultSkin span.mce_removeformat {background-position:-580px 0}
|
||||
.defaultSkin span.mce_newdocument {background-position:-520px 0}
|
||||
.defaultSkin span.mce_image {background-position:-380px 0}
|
||||
.defaultSkin span.mce_help {background-position:-340px 0}
|
||||
.defaultSkin span.mce_code {background-position:-260px 0}
|
||||
.defaultSkin span.mce_hr {background-position:-360px 0}
|
||||
.defaultSkin span.mce_visualaid {background-position:-660px 0}
|
||||
.defaultSkin span.mce_charmap {background-position:-240px 0}
|
||||
.defaultSkin span.mce_paste {background-position:-560px 0}
|
||||
.defaultSkin span.mce_copy {background-position:-700px 0}
|
||||
.defaultSkin span.mce_cut {background-position:-680px 0}
|
||||
.defaultSkin span.mce_blockquote {background-position:-220px 0}
|
||||
.defaultSkin .mce_forecolor span.mceAction {background-position:-720px 0}
|
||||
.defaultSkin .mce_backcolor span.mceAction {background-position:-760px 0}
|
||||
.defaultSkin span.mce_forecolorpicker {background-position:-720px 0}
|
||||
.defaultSkin span.mce_backcolorpicker {background-position:-760px 0}
|
||||
|
||||
/* Plugins */
|
||||
.defaultSkin span.mce_advhr {background-position:-0px -20px}
|
||||
.defaultSkin span.mce_ltr {background-position:-20px -20px}
|
||||
.defaultSkin span.mce_rtl {background-position:-40px -20px}
|
||||
.defaultSkin span.mce_emotions {background-position:-60px -20px}
|
||||
.defaultSkin span.mce_fullpage {background-position:-80px -20px}
|
||||
.defaultSkin span.mce_fullscreen {background-position:-100px -20px}
|
||||
.defaultSkin span.mce_iespell {background-position:-120px -20px}
|
||||
.defaultSkin span.mce_insertdate {background-position:-140px -20px}
|
||||
.defaultSkin span.mce_inserttime {background-position:-160px -20px}
|
||||
.defaultSkin span.mce_absolute {background-position:-180px -20px}
|
||||
.defaultSkin span.mce_backward {background-position:-200px -20px}
|
||||
.defaultSkin span.mce_forward {background-position:-220px -20px}
|
||||
.defaultSkin span.mce_insert_layer {background-position:-240px -20px}
|
||||
.defaultSkin span.mce_insertlayer {background-position:-260px -20px}
|
||||
.defaultSkin span.mce_movebackward {background-position:-280px -20px}
|
||||
.defaultSkin span.mce_moveforward {background-position:-300px -20px}
|
||||
.defaultSkin span.mce_media {background-position:-320px -20px}
|
||||
.defaultSkin span.mce_nonbreaking {background-position:-340px -20px}
|
||||
.defaultSkin span.mce_pastetext {background-position:-360px -20px}
|
||||
.defaultSkin span.mce_pasteword {background-position:-380px -20px}
|
||||
.defaultSkin span.mce_selectall {background-position:-400px -20px}
|
||||
.defaultSkin span.mce_preview {background-position:-420px -20px}
|
||||
.defaultSkin span.mce_print {background-position:-440px -20px}
|
||||
.defaultSkin span.mce_cancel {background-position:-460px -20px}
|
||||
.defaultSkin span.mce_save {background-position:-480px -20px}
|
||||
.defaultSkin span.mce_replace {background-position:-500px -20px}
|
||||
.defaultSkin span.mce_search {background-position:-520px -20px}
|
||||
.defaultSkin span.mce_styleprops {background-position:-560px -20px}
|
||||
.defaultSkin span.mce_table {background-position:-580px -20px}
|
||||
.defaultSkin span.mce_cell_props {background-position:-600px -20px}
|
||||
.defaultSkin span.mce_delete_table {background-position:-620px -20px}
|
||||
.defaultSkin span.mce_delete_col {background-position:-640px -20px}
|
||||
.defaultSkin span.mce_delete_row {background-position:-660px -20px}
|
||||
.defaultSkin span.mce_col_after {background-position:-680px -20px}
|
||||
.defaultSkin span.mce_col_before {background-position:-700px -20px}
|
||||
.defaultSkin span.mce_row_after {background-position:-720px -20px}
|
||||
.defaultSkin span.mce_row_before {background-position:-740px -20px}
|
||||
.defaultSkin span.mce_merge_cells {background-position:-760px -20px}
|
||||
.defaultSkin span.mce_table_props {background-position:-980px -20px}
|
||||
.defaultSkin span.mce_row_props {background-position:-780px -20px}
|
||||
.defaultSkin span.mce_split_cells {background-position:-800px -20px}
|
||||
.defaultSkin span.mce_template {background-position:-820px -20px}
|
||||
.defaultSkin span.mce_visualchars {background-position:-840px -20px}
|
||||
.defaultSkin span.mce_abbr {background-position:-860px -20px}
|
||||
.defaultSkin span.mce_acronym {background-position:-880px -20px}
|
||||
.defaultSkin span.mce_attribs {background-position:-900px -20px}
|
||||
.defaultSkin span.mce_cite {background-position:-920px -20px}
|
||||
.defaultSkin span.mce_del {background-position:-940px -20px}
|
||||
.defaultSkin span.mce_ins {background-position:-960px -20px}
|
||||
.defaultSkin span.mce_pagebreak {background-position:0 -40px}
|
||||
.defaultSkin .mce_spellchecker span.mceAction {background-position:-540px -20px}
|
||||
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
|
||||
*/
|
||||
546
site/forum.slowtwitch.com/www/survey/styles.css
Normal file
546
site/forum.slowtwitch.com/www/survey/styles.css
Normal file
@ -0,0 +1,546 @@
|
||||
/* Defaults */
|
||||
body {
|
||||
text-align: center;
|
||||
font-family: verdana, arial, tahoma, sans-serif;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
padding: 0;
|
||||
margin: 15px 0 5px;
|
||||
}
|
||||
|
||||
.indent {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.indentlarge {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.indenthuge {
|
||||
margin-left: 50px;
|
||||
}
|
||||
|
||||
.rightside {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Links
|
||||
a:link {
|
||||
color: #000099;
|
||||
text-decoration : none;
|
||||
padding : 0;
|
||||
margin : 0;
|
||||
}
|
||||
a:visited {
|
||||
color: #000099;
|
||||
text-decoration : none;
|
||||
}
|
||||
a:hover {
|
||||
color: #000000;
|
||||
text-decoration : underline;
|
||||
}
|
||||
a:active {
|
||||
color: #999999;
|
||||
text-decoration : none;
|
||||
}*/
|
||||
|
||||
.modify{
|
||||
text-decoration: none;
|
||||
color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.modify:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Outer layer */
|
||||
|
||||
#outer {
|
||||
text-align: left;
|
||||
background: #ffffff;
|
||||
color: inherit;
|
||||
/**border: 1px solid #000000;**/
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
.header {
|
||||
background: #fcce32;
|
||||
}
|
||||
|
||||
.logolink {
|
||||
padding: 6px 3px;
|
||||
}
|
||||
|
||||
.logolink a {
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
.hdr-links {
|
||||
width: 230px;
|
||||
text-align: center;
|
||||
font-size : 10px;
|
||||
padding : 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a.hdrnav:link {
|
||||
color: #000099;
|
||||
background: inherit;
|
||||
text-decoration : none;
|
||||
font-size : 10px;
|
||||
padding : 0;
|
||||
margin : 0;
|
||||
}
|
||||
a.hdrnav:visited {
|
||||
color: #000099;
|
||||
background : inherit;
|
||||
text-decoration : none;
|
||||
}
|
||||
a.hdrnav:hover {
|
||||
color: #000;
|
||||
background : #fff;
|
||||
text-decoration : underline;
|
||||
}
|
||||
a.hdrnav:active {
|
||||
color: #999;
|
||||
background : inherit;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.hdr-links .access {
|
||||
text-decoration : underline;
|
||||
color : #000;
|
||||
background : inherit;
|
||||
}
|
||||
|
||||
|
||||
/* Top Nav Bar */
|
||||
|
||||
.top-nav {
|
||||
height: 25px;
|
||||
background: #c5c6ac;
|
||||
color: inherit;
|
||||
border: solid #000000;
|
||||
border-width: 1px 0;
|
||||
}
|
||||
.top-nav-inner {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.top-nav-inner a:link {
|
||||
color: #000000;
|
||||
background: inherit;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
.top-nav-inner a:visited {
|
||||
color: #000000;
|
||||
background: inherit;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
.top-nav-inner a:hover {
|
||||
background: inherit;
|
||||
color: #555555;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.top-nav-inner a:active {
|
||||
color: #000000;
|
||||
background: inherit;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Image Bar */
|
||||
|
||||
.image-bar {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
.title-img {
|
||||
border: 1px solid #000;
|
||||
color: #ffffff;
|
||||
background: #343234;
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
font-family: verdana, arial, tahoma, sans-serif;
|
||||
}
|
||||
|
||||
.graphic-img {
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
||||
.blank-img {
|
||||
border: 1px solid #000000;
|
||||
background: #fcce32;
|
||||
}
|
||||
|
||||
.blank-img-ads {
|
||||
border: 1px solid #000000;
|
||||
background: #fcce32;
|
||||
}
|
||||
|
||||
|
||||
/* Content Section */
|
||||
|
||||
.content {
|
||||
padding: 0 4px 4px 4px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.left-col {
|
||||
border: 1px solid #000000;
|
||||
background: #fcce32;
|
||||
width: 145px;
|
||||
}
|
||||
|
||||
.left-nav {
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
.statenav {
|
||||
margin: 4px;
|
||||
}
|
||||
|
||||
.lnav-hdr {
|
||||
background: #c5c6ac;
|
||||
color: #000000;
|
||||
font-family: verdana, tahoma, arial, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
border: 1px solid #000000;
|
||||
margin-top: 16px;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
.left-nav p {
|
||||
font-family: verdana, arial, tahoma, sans-serif;
|
||||
font-size: 11px;
|
||||
line-height: 14px;
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
.left-nav .access {
|
||||
text-decoration : underline;
|
||||
color : #000000;
|
||||
background : inherit;
|
||||
}
|
||||
|
||||
a.lhdr:link {
|
||||
color: #000000;
|
||||
background: inherit;
|
||||
text-decoration : none;
|
||||
font-size : 10px;
|
||||
padding : 0;
|
||||
margin : 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
a.lhdr:visited {
|
||||
color: #000000;
|
||||
background : inherit;
|
||||
text-decoration : none;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
a.lhdr:hover {
|
||||
color: #000;
|
||||
background : #fcfefc;
|
||||
text-decoration : underline;
|
||||
}
|
||||
a.lhdr:active {
|
||||
color: #555;
|
||||
background : inherit;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
input.nobutton {
|
||||
background-color: #0A50A1;
|
||||
font-weight: bold;
|
||||
font-size: 9px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
input.nobutton:visited {
|
||||
background-color: #fcce32;
|
||||
font-weight: bold;
|
||||
font-size: 9px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
input.nobutton:active {
|
||||
background-color: #fcce32
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
a.nav:link {
|
||||
color: #000099;
|
||||
background: inherit;
|
||||
text-decoration : none;
|
||||
font-size : 10px;
|
||||
padding : 0;
|
||||
margin : 0;
|
||||
}
|
||||
a.nav:visited {
|
||||
color: #000099;
|
||||
background : inherit;
|
||||
text-decoration : none;
|
||||
}
|
||||
a.nav:hover {
|
||||
color: #000;
|
||||
background : #fcfefc;
|
||||
text-decoration : underline;
|
||||
}
|
||||
a.nav:active {
|
||||
color: #999;
|
||||
background : inherit;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Main content box */
|
||||
.content-box {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* right content box */
|
||||
.rhcol {
|
||||
float: right;
|
||||
width: 160px;
|
||||
margin: 0 0 10px 15px;
|
||||
background: #fcfefc;
|
||||
color: #000000;
|
||||
}
|
||||
.rhcont {
|
||||
border-left: 1px solid #000000;
|
||||
border-bottom:3px solid #000000;
|
||||
}
|
||||
.rnav-hdr {
|
||||
background: #c5c6ac;
|
||||
color: #000000;
|
||||
font-family: verdana, tahoma, arial, sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight:bold;
|
||||
border-bottom: 1px solid #000;
|
||||
border-left: 2px solid #000000;
|
||||
margin: 3px 0;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
/* main content area */
|
||||
|
||||
.content-title {
|
||||
margin: 5px 0px 15px;
|
||||
font-size: 14px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.bottomindent {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.content-title-blog {
|
||||
margin: 5px 0px 2px;
|
||||
margin-left: 8px;
|
||||
font-size: 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.content-title-no1 {
|
||||
margin: 5px 0px 15px;
|
||||
font-size: 14px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.content-title-mod {
|
||||
margin: 5px 10px 15px;
|
||||
font-size: 14px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.content-title-no {
|
||||
margin: 0px 0px 0px;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.content-box .cont {
|
||||
margin: 10px 10px 15px 10px;
|
||||
font-size: 11px;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
.content-box .cont-list {
|
||||
margin: 2px 10px 5px 10px;
|
||||
}
|
||||
|
||||
.content-box .sub-hdr {
|
||||
margin: 2px 10px 10px;
|
||||
font-size: 12px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.content-box .sub-hdr-mod {
|
||||
margin: 2px 10px 10px;
|
||||
font-size: 11px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Bottom footer box */
|
||||
|
||||
.footer-col {
|
||||
margin: 0 0 0 4px;
|
||||
}
|
||||
|
||||
.footer-box {
|
||||
border: 1px solid #000000;
|
||||
background:#343234;
|
||||
font-family: verdana, arial, tahoma, sans-serif;
|
||||
font-size: 11px;
|
||||
color:#ffffff;
|
||||
padding: 0 0 0 15px;
|
||||
}
|
||||
|
||||
.footer-box .cont1 {
|
||||
margin: 8px 10px 5px 5px;
|
||||
font-size: 11px;
|
||||
line-height: 15px;
|
||||
}
|
||||
.footer-box .cont2 {
|
||||
margin: 2px 10px 15px 5px;
|
||||
font-size: 11px;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
.footer-box input {
|
||||
font-family: verdana, arial, tahoma, sans-serif;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* Copyright layer */
|
||||
|
||||
.copyright {
|
||||
background: #c5c6ac;
|
||||
font-family: verdana, arial, tahoma, sans-serif;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
padding: 6px;
|
||||
border: solid #000000;
|
||||
border-width: 1px 0 0;
|
||||
}
|
||||
|
||||
.rh-ad {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
/* Terms of use on front page */
|
||||
.tou {
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
|
||||
/* for templates info */
|
||||
.temp-lh {
|
||||
float : left;
|
||||
width : 100px;
|
||||
margin : 0;
|
||||
padding : 2px 10px 2px 0;
|
||||
text-align : left;
|
||||
}
|
||||
.temp-rh {
|
||||
margin : 0;
|
||||
padding : 2px 0;
|
||||
text-align : left;
|
||||
}
|
||||
.date {
|
||||
font-size : 10px;
|
||||
color : #787d63;
|
||||
background : inherit;
|
||||
}
|
||||
.temp-list ul {
|
||||
font-size : 11px;
|
||||
margin : 0;
|
||||
padding : 0;
|
||||
list-style-type : none;
|
||||
}
|
||||
.temp-list {
|
||||
padding : 0 0 0 15px;
|
||||
}
|
||||
|
||||
/* small*/
|
||||
small.fsize {
|
||||
font-size : 9px;
|
||||
color : #999999;
|
||||
background : inherit;
|
||||
}
|
||||
|
||||
.code {
|
||||
color : #663300;
|
||||
background : #eeeeee;
|
||||
font-family : verdana, arial, sans-serif;
|
||||
font-size : 11px;
|
||||
line-height : 20px;
|
||||
padding : 4px 10px;
|
||||
margin : 10px 20px;
|
||||
border : 1px dashed #999999;
|
||||
}
|
||||
|
||||
|
||||
/* Search form on front page */
|
||||
|
||||
.search-form {
|
||||
color: #000;
|
||||
background: #c5c6ac;
|
||||
padding: 5px;
|
||||
margin: 0px 0 10px 30px;
|
||||
border: 1px solid #333333;
|
||||
width:465px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Search forms on Search page */
|
||||
|
||||
.adv-search {
|
||||
margin: 0 0 0 15px;
|
||||
}
|
||||
|
||||
/* Tool Tip */
|
||||
.tip {
|
||||
cursor : help;
|
||||
border-bottom : 1px dashed #555555;
|
||||
}
|
||||
|
||||
/* ADVERTISEMENTS */
|
||||
/* container div is 'id=adspace' */
|
||||
#adspace {
|
||||
background: inherit;
|
||||
}
|
||||
.ads {
|
||||
background: inherit;
|
||||
margin: 5px 0 15px 4px;
|
||||
font-size: 11px;
|
||||
padding: 5px;
|
||||
border: solid #555;
|
||||
border-width: 1px 0 0 1px;
|
||||
}
|
||||
.ads a:link { font-size: 11px; }
|
||||
Reference in New Issue
Block a user