Second pass at adding key files
This commit is contained in:
dsainty
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
|
||||
*/
|
||||
Reference in New Issue
Block a user