summaryrefslogtreecommitdiffstats
path: root/etherpad/src/static/css
diff options
context:
space:
mode:
Diffstat (limited to 'etherpad/src/static/css')
-rw-r--r--etherpad/src/static/css/admin/admin-stats.css183
-rw-r--r--etherpad/src/static/css/admin/pluginmanager.css62
-rw-r--r--etherpad/src/static/css/broadcast.css386
-rw-r--r--etherpad/src/static/css/etherpad.css770
-rw-r--r--etherpad/src/static/css/framedpage.css175
-rw-r--r--etherpad/src/static/css/global-pro-account.css52
-rw-r--r--etherpad/src/static/css/home-opensource.css40
-rw-r--r--etherpad/src/static/css/lib/jquery.contextmenu.css244
-rw-r--r--etherpad/src/static/css/pad2_ejs.css910
-rw-r--r--etherpad/src/static/css/pro-signup.css69
-rw-r--r--etherpad/src/static/css/pro/account.css254
-rw-r--r--etherpad/src/static/css/pro/framedpage-pro.css125
-rw-r--r--etherpad/src/static/css/pro/padlist.css115
-rw-r--r--etherpad/src/static/css/pro/pro-admin.css343
-rw-r--r--etherpad/src/static/css/pro/pro-home.css65
15 files changed, 3793 insertions, 0 deletions
diff --git a/etherpad/src/static/css/admin/admin-stats.css b/etherpad/src/static/css/admin/admin-stats.css
new file mode 100644
index 0000000..94e0d19
--- /dev/null
+++ b/etherpad/src/static/css/admin/admin-stats.css
@@ -0,0 +1,183 @@
+#backtoadmin {
+ color: #88f;
+ padding: 4px;
+ text-decoration: none;
+}
+
+#topnav {
+ margin-top: .5em;
+ margin-bottom: 1em;
+ font-family: Verdana, sans-serif;
+ font-size: 1.2em;
+}
+
+#topnav ul {
+ padding: 0;
+ margin: 0 0 0 12px;
+}
+
+#topnav ul li {
+ float: left;
+ display: inline;
+}
+#topnav ul li a {
+ display: block;
+ padding: .4em 1em;
+ text-decoration: none;
+ color: blue;
+}
+#topnav ul li.selected a {
+ background: #fff;
+ color: black;
+ border-bottom: 1px solid black;
+}
+
+/* ----- */
+
+/*.statbox {
+ display: box;
+ overflow: hidden;
+ padding-left: 8px;
+}
+*/
+
+.latesttable {
+ border-top: 1px solid #ccc;
+ border-left: 1px solid #ccc;
+}
+
+.latesttable td {
+ border-right: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ padding: 2px 6px;
+}
+
+/*
+.statbox table td span { }
+
+.statbox .stat-title {
+ display: block;
+ font-family: Verdana, sans-serif;
+ font-size: 1.4em;
+ text-decoration: none;
+ border-bottom: 1px solid #bbb;
+ margin-top: 1em;
+}
+
+.statbox .stat-table {
+ float: left;
+ padding: 4px;
+}
+.statbox .stat-graph {
+ float: left;
+}
+*/
+form#statprefs {
+ background: #eee;
+ padding: 1em;
+ border-top: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ margin-top: 1em;
+}
+
+a.viewall {
+ margin-left: 8px;
+}
+
+div.statentry {
+/* width: 800px;*/
+ border: 1px solid #060;
+ background: #afa;
+ margin: 1em;
+}
+
+body {
+ margin: 0;
+ min-width: 800px;
+}
+
+div.warning {
+ background: #ffa;
+ border: 1px solid #630;
+}
+
+div.error {
+ background: #faa;
+ border: 1px solid #600;
+}
+
+.statentry h2 {
+ font-size: 13pt;
+ font-family: sans-serif;
+ background: #0a0;
+ color: white;
+ padding: 5px;
+ margin: 0;
+ cursor: pointer;
+}
+
+.statentry h3 {
+ font-size: 13pt;
+ font-family: sans-serif;
+ font-weight: normal;
+ margin: 3px;
+ padding: 0;
+}
+
+.statentry h4 {
+ font-size: 12pt;
+ font-weight: bold;
+ margin: 3px;
+}
+
+.statentry h2:hover {
+ text-decoration: underline;
+}
+
+.warning h2 {
+ background: #ea0;
+}
+
+.error h2 {
+ background: #a00;
+}
+
+.statentry table {
+ width: 100%;
+}
+
+.statentry .graph {
+ background: white;
+ padding: 2px;
+ width: 600px;
+}
+
+.graph .datalinks {
+ margin-top: 10px;
+ font-size: .8em;
+ text-align: right;
+ color: gray;
+}
+
+.graph .datalinks a {
+ color: gray;
+}
+
+.statentry .latest {
+ background: white;
+ vertical-align: top;
+ font-size:;
+}
+
+.statbody {
+ display: none;
+}
+
+/*div.categorywrapper {
+ -moz-column-width: 500px;
+ -moz-column-gap: 20px;
+ -webkit-column-width: 500px;
+ -webkit-column-gap: 20px;
+ column-width: 500px;
+ column-gap: 20px;
+}*/ \ No newline at end of file
diff --git a/etherpad/src/static/css/admin/pluginmanager.css b/etherpad/src/static/css/admin/pluginmanager.css
new file mode 100644
index 0000000..136a713
--- /dev/null
+++ b/etherpad/src/static/css/admin/pluginmanager.css
@@ -0,0 +1,62 @@
+#editorcontainer {
+ padding: 5pt;
+}
+
+#editorcontainerbox {
+ overflow: auto;
+ height: auto;
+}
+
+#editbarinner {
+ line-height: 36px;
+ font-size: 16px;
+ padding-left: 6pt;
+}
+
+#editbarinner a {
+ font-size: 12px;
+}
+
+#editorcontainerbox table {
+ margin: 10pt;
+ border-collapse: collapse;
+}
+
+#editorcontainerbox table tr th {
+ font-weight: bold;
+ background: #c3c3c3;
+}
+
+#editorcontainerbox table tr td,
+#editorcontainerbox table tr th {
+ border: 1px solid #c3c3c3;
+ padding: 2pt;
+}
+
+#editorcontainerbox table tr:first-child th,
+#editorcontainerbox table tr:first-child td {
+ border-top-color: #e6e6e6;
+}
+
+#editorcontainerbox table tr th:first-child,
+#editorcontainerbox table tr td:first-child {
+ border-left-color: #e6e6e6;
+}
+
+.mousover_parent .mouseover_child {
+ display: none;
+ position: absolute;
+ padding: 4pt;
+
+ border-top-color: #e6e6e6;
+ border-bottom-color: #c3c3c3;
+ border-left-color: #e6e6e6;
+ border-right-color: #c3c3c3;
+ border: 1px solid;
+
+ background: #ffffff;
+}
+
+.mousover_parent:hover .mouseover_child {
+ display: block;
+}
diff --git a/etherpad/src/static/css/broadcast.css b/etherpad/src/static/css/broadcast.css
new file mode 100644
index 0000000..afb65b8
--- /dev/null
+++ b/etherpad/src/static/css/broadcast.css
@@ -0,0 +1,386 @@
+*,html.body { margin: 0; padding: 0; }
+h1, h2, h3, h4, h5, h6 { display: inline; line-height: 2em; }
+
+.clear { clear: both; }
+
+html { font-size: 62.5%; }
+
+body { background: #ebebeb url(/static/img/jun09/pad/backgrad.gif) repeat-x left top; }
+body, textarea { font-family: Arial, sans-serif; }
+
+#topbar { height: 25px; background: #326cbd url(/static/img/jun09/pad/padtopback2.gif) repeat-x left top;
+ position: relative; }
+
+#padpage { margin-left: auto; margin-right: auto; width: 914px; vertical-align: top;}
+
+#topbarleft { float: left; height: 100%; overflow: hidden;
+ background: url(/static/img/jun09/pad/padtop4.png) no-repeat left top; width: 5px; }
+#topbarright { float: right; height: 100%; overflow: hidden;
+ background: url(/static/img/jun09/pad/padtop4.png) no-repeat right top; width: 5px; }
+
+
+.propad #topbar { background: #2c2c2c url(/static/img/jun09/pad/protop.png) repeat-x 0 -25px; }
+.propad #topbarleft { background: url(/static/img/jun09/pad/protop.png) no-repeat left top; }
+.propad #topbarright { background: url(/static/img/jun09/pad/protop.png) no-repeat right top; }
+
+a#backtoprosite, #accountnav {
+ display: block; position: absolute; height: 15px; line-height: 15px;
+ width: auto; top: 5px; font-size: 1.2em;
+}
+a#backtoprosite, #accountnav a { color: #cde7ff; text-decoration: underline; }
+#accountnav { right: 10px; color: #fff; }
+
+
+#topbarcenter { margin-left: 150px; margin-right: 150px; }
+a#topbaretherpad { margin-left: auto; margin-right: auto; display: block; width: 127px;
+ position: relative; top: 0px; height: 0; padding-top: 25px;
+ background: url(/static/img/jun09/pad/padtop4.png) no-repeat -397px 0px; overflow: hidden; }
+
+.propad a#topbaretherpad { background: url(/static/img/jun09/pad/protop.png) no-repeat -397px 0px; }
+
+#padmain {
+ margin: 7px;
+ margin-top: 5px;
+ margin-right: 0px;
+ padding: 19px;
+ padding-top:16px;
+ border: 1px solid rgb(194, 194, 194);
+ background-color: white;
+ min-height: 500px;
+ font-family: Arial, sans-serif;
+ font-size: 1.2em;
+ line-height: 17px;
+ width: 670px;
+ position: absolute;
+ top:27px;
+}
+
+/*
+ * Fancy title bar
+ */
+#padmain h1 {
+ font-family: Verdana, sans-serif;
+ font-size: 1.5em;
+ font-weight: 400;
+ display: inline-block;
+ display: -moz-inline-box;
+ padding-top: 4px;
+ padding-bottom: 10px;
+}
+
+#padcontent {
+ font-size: 0.93em;
+ line-height: 1.5em;
+ font-weight: 25;
+}
+
+#titlebar {
+ margin-bottom: 25px;
+ height: 20px;
+ width: auto;
+}
+
+#titlebar #revision {
+ float: right;
+ width: auto;
+ text-align: right;
+ vertical-align: top;
+}
+
+#revision #revision_label {
+ font-weight: bold;
+ font-size: 1.0em;
+ line-height: 1.4em;
+}
+
+#revision #revision_date {
+ font-weight: light;
+ font-size: 0.8em;
+ color: rgb(184, 184, 184);
+}
+
+#rightbars {
+ margin-left: 730px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ margin-right: 7px;
+ position: absolute;
+ top:27px;
+}
+
+#rightbar {
+ width: 143px;
+ background-color: white;
+ border: 1px solid rgb(194, 194, 194);
+ padding: 16px;
+ padding-top: 13px;
+ font-size: 1.20em;
+ line-height: 1.8em;
+ vertical-align: top;
+}
+
+#rightbars h2 {
+ font-weight: 700;
+ font-size: 1.2em;
+ padding-top: 20px;
+ padding-bottom: 4px;
+}
+
+#rightbar img {
+ padding-left: 4px;
+ padding-right: 8px;
+ vertical-align: text-bottom;
+}
+#rightbar a {
+ color: rgb(50, 132, 213);
+ text-decoration: none;
+}
+
+#legend {
+ width: 143px;
+ background-color: white;
+ border: 1px solid rgb(194, 194, 194);
+ padding: 16px;
+ padding-top: 0px;
+ font-size: 1.20em;
+ line-height: 1.8em;
+ vertical-align: top;
+ margin-top: 10px;
+}
+#legend h2 {
+ padding-top: 10px;
+}
+
+#authorstable {
+ vertical-align: middle;
+}
+
+#authorstable div.swatch {
+ width:15px;
+ height:15px;
+ margin: 5px;
+ margin-top:3px;
+ margin-right: 14px;
+ border: rgb(149, 149, 149) 1px solid;
+}
+
+#rightbar h2 {
+ font-weight: 700;
+ font-size: 1.2em;
+ padding-top: 20px;
+ padding-bottom: 4px;
+}
+
+#rightbar a {
+ color: rgb(50, 132, 213);
+ text-decoration: none;
+}
+
+#timeslider-wrapper {
+ position: relative;
+ left: 0px;
+ right: 0px;
+ top: 0px;
+}
+
+#timeslider-left {
+ position: absolute;
+ left:-2px;
+ background-image: url(/static/img/pad/timeslider/timeslider_left.png);
+ width: 134px;
+ height: 63px;
+}
+
+#timeslider-right {
+ position: absolute;
+ top:0px;
+ right:-2px;
+ background-image: url(/static/img/pad/timeslider/timeslider_right.png);
+ width: 155px;
+ height: 63px;
+}
+
+
+#timeslider {
+ margin:7px;
+ margin-bottom: 0px;
+ width: 894px;
+ height: 63px;
+ margin-left: 9px;
+ margin-right: 9px;
+ background-image: url(/static/img/pad/timeslider/timeslider_background.png);
+ position: relative;
+}
+
+div#timeslider #timeslider-slider {
+ position: absolute;
+ left: 0px;
+ top: 1px;
+ height: 61px;
+ width: 100%;
+}
+
+div#ui-slider-handle {
+ width: 13px;
+ height: 61px;
+ background-image: url(/static/img/pad/timeslider/crushed_current_location.png);
+ cursor: pointer;
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ user-select: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+* html div#ui-slider-handle { /* IE 6/7 */
+ background-image: url(/static/img/pad/timeslider/current_location.gif);
+}
+
+div#ui-slider-bar {
+ position: relative;
+ margin-right: 148px;
+ height: 35px;
+ margin-left: 5px;
+ top: 20px;
+ cursor: pointer;
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ user-select: none;
+
+}
+
+div#timeslider div#playpause_button {
+ background-image: url(/static/img/pad/timeslider/crushed_button_undepressed.png);
+ width: 47px;
+ height: 47px;
+ position: absolute;
+ right: 77px;
+ top: 9px;
+}
+
+div#timeslider div#playpause_button div#playpause_button_icon {
+ background-image: url(/static/img/pad/timeslider/play.png);
+ width: 47px;
+ height: 47px;
+ position: absolute;
+ top :0px;
+ left:0px;
+}
+* html div#timeslider div#playpause_button div#playpause_button_icon {
+ background-image: url(/static/img/pad/timeslider/play.gif); /* IE 6/7 */
+}
+
+div#timeslider div#playpause_button div.pause#playpause_button_icon {
+ background-image: url(/static/img/pad/timeslider/pause.png);
+}
+* html div#timeslider div#playpause_button div.pause#playpause_button_icon {
+ background-image: url(/static/img/pad/timeslider/pause.gif); /* IE 6/7 */
+}
+
+div #timeslider div#steppers div#leftstar {
+ position: absolute;
+ right: 34px;
+ top: 8px;
+ width:30px;
+ height:21px;
+ background: url(/static/img/pad/timeslider/stepper_buttons.png) 0px 44px;
+ overflow:hidden;
+}
+
+div #timeslider div#steppers div#rightstar {
+ position: absolute;
+ right: 5px;
+ top: 8px;
+ width:29px;
+ height:21px;
+ background: url(/static/img/pad/timeslider/stepper_buttons.png) 29px 44px;
+ overflow:hidden;
+}
+
+div #timeslider div#steppers div#leftstep {
+ position: absolute;
+ right: 34px;
+ top: 33px;
+ width:30px;
+ height:21px;
+ background: url(/static/img/pad/timeslider/stepper_buttons.png) 0px 22px;
+ overflow:hidden;
+}
+
+div #timeslider div#steppers div#rightstep {
+ position: absolute;
+ right: 5px;
+ top: 33px;
+ width:29px;
+ height:21px;
+ background: url(/static/img/pad/timeslider/stepper_buttons.png) 29px 22px;
+ overflow:hidden;
+}
+
+#timeslider div.star {
+ position: absolute;
+ top: 40px;
+ background-image: url(/static/img/pad/timeslider/star.png);
+ width: 15px;
+ height: 16px;
+ cursor: pointer;
+}
+* html #timeslider div.star {
+ background-image: url(/static/img/pad/timeslider/star.gif); /* IE 6/7 */
+}
+
+#timeslider div#timer {
+ position: absolute;
+ font-family: Arial, sans-serif;
+ left: 7px;
+ top: 9px;
+ width: 122px;
+ text-align: center;
+ color: white;
+ font-size: 11px;
+}
+
+#padcontent ul, ol, li {
+ padding: 0;
+ margin: 0;
+}
+#padcontent ul { margin-left: 1.5em; }
+#padcontent ul ul { margin-left: 0 !important; }
+#padcontent ul.list-bullet1 { margin-left: 1.5em; }
+#padcontent ul.list-bullet2 { margin-left: 3em; }
+#padcontent ul.list-bullet3 { margin-left: 4.5em; }
+#padcontent ul.list-bullet4 { margin-left: 6em; }
+#padcontent ul.list-bullet5 { margin-left: 7.5em; }
+#padcontent ul.list-bullet6 { margin-left: 9em; }
+#padcontent ul.list-bullet7 { margin-left: 10.5em; }
+#padcontent ul.list-bullet8 { margin-left: 12em; }
+
+#padcontent ul { list-style-type: disc; }
+#padcontent ul.list-bullet1 { list-style-type: disc; }
+#padcontent ul.list-bullet2 { list-style-type: circle; }
+#padcontent ul.list-bullet3 { list-style-type: square; }
+#padcontent ul.list-bullet4 { list-style-type: disc; }
+#padcontent ul.list-bullet5 { list-style-type: circle; }
+#padcontent ul.list-bullet6 { list-style-type: square; }
+#padcontent ul.list-bullet7 { list-style-type: disc; }
+#padcontent ul.list-bullet8 { list-style-type: circle; }
+
+#error {
+ position: absolute;
+ margin-left: 9px;
+ top:4px;
+ left: 0px;
+ right:9px;
+/* width:894px;*/
+ height:34px;
+ background-color: rgb(247, 247, 247);
+ z-index:10;
+ text-align: center;
+ font-family: Verdana;
+ padding-top: 20px;
+ font-size: 16px;
+}
+#error a {
+ color: rgb(50, 132, 213);
+ text-decoration: none;
+}
diff --git a/etherpad/src/static/css/etherpad.css b/etherpad/src/static/css/etherpad.css
new file mode 100644
index 0000000..70bf464
--- /dev/null
+++ b/etherpad/src/static/css/etherpad.css
@@ -0,0 +1,770 @@
+/*-----
+ Reset
+-----*/
+
+ html, body, div, span, applet, object, iframe,
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+ a, abbr, acronym, address, big, cite, code,
+ del, dfn, em, font, img, ins, kbd, q, s, samp,
+ small, strike, strong, sub, sup, tt, var,
+ dl, dt, dd, ol, ul, li,
+ fieldset, form, label, legend,
+ table, caption, tbody, tfoot, thead, tr, th, td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-weight: inherit;
+ font-style: inherit;
+ font-size: 1em;
+ font-family: inherit;
+ vertical-align: baseline;
+ }
+ :focus {
+ outline: 0;
+ }
+ body {
+ line-height: 1;
+ color: #333;
+ background: #f7f7f7;
+ font-size: 75%;
+ }
+ html>body {
+ font-size: 12px;
+ }
+ ol, ul {
+ list-style: none;
+ }
+ table {
+ border-collapse: separate;
+ border-spacing: 0;
+ }
+ caption, th, td {
+ text-align: left;
+ font-weight: normal;
+ }
+ blockquote:before, blockquote:after,
+ q:before, q:after {
+ content: "";
+ }
+ blockquote, q {
+ quotes: "" "";
+ }
+
+/*----------------------------------------------------------------*/
+/* global */
+/*----------------------------------------------------------------*/
+a.obfuscemail {
+ text-decoration: none;
+}
+
+a:link,a:visited {
+ text-decoration: none;
+ color: #004ca8;
+}
+a:hover {
+ text-decoration: underline;
+ color: #005CCB;
+}
+.clear {
+ clear: both;
+}
+em {
+ font-style: italic;
+}
+strong {
+ font-weight: bold;
+}
+
+/*----------------------------------------------------------------*/
+/* newpad button */
+/*----------------------------------------------------------------*/
+
+.fpcontent .newpadbuttonwrap {
+ width: 152px;
+ height: 35px;
+ background: url(/static/img/davy/btn/createpad-small.gif) no-repeat bottom left;
+}
+.fpcontent .newpadbuttonwrap a {
+ width: 152px;
+ position: relative;
+ padding: 35px 0 0 0;
+ overflow: hidden;
+ background: transparent url(/static/img/davy/btn/createpad-small.gif) no-repeat top left;
+ height: 0px;
+ display: block;
+}
+
+/*----------------------------------------------------------------*/
+/* 500 error page */
+/*----------------------------------------------------------------*/
+#errorpage .error500 {
+ font-size: 1em;
+ background: #fcc;
+ border: 1px solid #f00;
+ padding: 1em;
+ margin: 1em 2em;
+ font-weight: bold;
+}
+
+/*----------------------------------------------------------------*/
+/* padviewpage */
+/*----------------------------------------------------------------*/
+body#padviewbody {
+ background-color: #ebebeb;
+}
+#padviewpage a {
+ text-decoration: underline;
+}
+#padviewpage #padviewheader {
+ margin: 8px;
+ padding: 8px;
+ border: 1px solid #ccc;
+ background-color: #e0e0ff;
+ line-height: 160%;
+}
+#padviewpage #padviewheader h1 {
+ font-weight: bold;
+ font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
+ font-size: 2em;
+}
+#padviewpage .metadata {
+ color: #333;
+}
+#padviewpage .rlabel {
+ font-weight: bold;
+}
+#padviewpage p {
+ margin-top: 2px;
+}
+#padviewpage #padcontent {
+ border: 1px solid #ccc;
+ margin: 8px;
+ padding: 8px;
+ font-family: sans-serif;
+ font-size: 12px;
+ background-color: #fff;
+ line-height: 130%;
+}
+#padviewpage #padviewfooter {
+ margin: 8px;
+ padding: 8px;
+ font-size: 12px;
+}
+
+
+#padviewpage #export td.exportpic a img {
+ border: 0;
+}
+
+#padviewpage #export a.disabledexport {
+ color: gray;
+ text-decoration: none;
+}
+
+#padviewpage #export {
+ font-size: 1em;
+}
+
+#padviewpage #export .exportlink {
+ margin: 2px 0;
+}
+
+#padviewpage #export td.exportpic {
+ padding-left: 10px;
+}
+
+#padviewpage #export td.labelcell {
+ padding-left: 4px;
+}
+
+#export img {
+ vertical-align: middle;
+ padding: 4px;
+ padding-bottom: 8px;
+ padding-left: 3px;
+}
+
+#export span.titlelabel {
+ vertical-align: top;
+ padding-right: 12px;
+ font-size: 1.3em;
+ color: rgb(0, 0, 0);
+ font-weight: bold;
+ margin-top: 10px;
+}
+
+#export td.labelcell a {
+
+ vertical-align: middle;
+ font-size: 1em;
+ padding-right: 12px;
+ color: rgb(0, 52, 143);
+ font-weight: bold;
+}
+
+
+/*----------------------------------------------------------------*/
+/* feature tour page */
+/*----------------------------------------------------------------*/
+#featuretourpage {}
+#featuretourpage p { margin-top: 1em; }
+#featuretourpage #screencastmsg { margin: 2em 0; }
+#featuretourpage .featurebox {
+ clear: both;
+ padding: 1em 1em;
+ margin-top: 2em;
+ margin-left: auto;
+ margin-right: auto;
+ background: #eee;
+ border: 1px solid #ccc;
+}
+#featuretourpage .featurebox .featureprose {
+}
+#featuretourpage .featurebox .featureprose h2 {
+}
+#featuretourpage .featurebox .featureprose p {
+ padding: 0;
+ margin: 1em 0;
+}
+#featuretourpage .featurebox img {
+ border: 1px solid #aaa;
+ margin: 0 1em 1em 1em;
+}
+#featuretourpage #usersbox div.featureprose { }
+#featuretourpage #usersimg { float: right; }
+#featuretourpage #editsimg { padding: 0; margin: 0; }
+#featuretourpage #neverlosework img { float: left; }
+#featuretourpage #neverlosework div.featureprose { }
+#featuretourpage #lockimg { float: right; border: 0;}
+#featuretourpage #revisionsimg { float: left; margin-left: 0; }
+#featuretourpage #codeimg { float: left; margin-left: 0; }
+#featuretourpage h2 {
+ margin-top: 0;
+ font-size: 1.5em;
+ font-weight: bold;
+}
+#featuretourpage p {
+ font-size: 1.1em;
+}
+
+/*----------------------------------------------------------------*/
+/* product page */
+/*----------------------------------------------------------------*/
+
+#productpage p {
+ font-size: 1.2em;
+ color: #333;
+}
+
+#productpage h1 {
+}
+
+#productpage h2 {
+ font-size: 1.6em;
+ font-weight: bold;
+ font-family: inherit;
+ color: #399;
+ font-style: italic;
+ border-bottom: 1px solid #399;
+ margin-top: 1.5em;
+ margin-bottom: 0.3em;
+}
+
+#productpage #howuse {
+ margin-left: 80px;
+ margin-right: 80px;
+}
+
+#productpage #howuse p {
+ font-size: 1.2em;
+ line-height: 150%;
+}
+
+#productpage .tourbar { width: 100%; }
+#productpage .tourbar td { padding: 3px; }
+#productpage .tourbar .left { text-align: left; font-weight: bold; font-size: 1.6em; }
+#productpage .tourbar .right { text-align: right; }
+
+#productpage .tourbar a {
+ color: #33f;
+ font-size: 1.4em;
+ font-weight: bold;
+}
+
+#productpage #tourtop { border-bottom: 1px solid #999; }
+/* #productpage #tourbot { border-top: 1px solid #999; } */
+
+#productpage #pageshot img {
+ display: block;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 0;
+}
+
+#productpage .javascripton #tourbody {
+ /*height: 650px;*/
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+#productpage .javascripton .tourprose {
+ display: none;
+}
+#productpage #usecases table {
+ height: 300px;
+ padding: 20px auto;
+ border: 1px solid #aaa;
+ width: 100%;
+}
+#productpage #usecases td {
+ vertical-align: top;
+}
+
+#productpage #usecases p {
+ font-family: Georgia, serif;
+ font-size: 1.3em;
+ line-height: 1.3;
+}
+
+#productpage #usecases h3 {
+ padding: 0; margin: 0;
+ font-weight: bold;
+ color: black;
+ font-family: inherit;
+ font-size: 1.6em;
+ margin-top: 0.5em;
+}
+
+#productpage #usecases strong {
+ font-style: normal;
+ font-weight: normal;
+ background-color: #ffc;
+}
+
+#productpage #usecases p.intro { margin: 0.5em 0;}
+
+#productpage #usecases #prosecell {
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-top: 15px;
+ border-left: 1px solid #ccc;
+ background: #fff url(/static/img/oct/insetrect.gif) no-repeat right top;
+}
+
+#productpage #usecases #prosecell p {
+ padding: 0;
+ margin: 0;
+ margin-bottom: 0.8em;
+}
+
+#productpage .showpageshot #usecases { display: none; }
+#productpage .showusecases #pageshot { display: none; }
+
+#productpage #tourleftnavcell { width: 200px; }
+
+#productpage ul#tourleftnav { margin: 0; padding: 0; list-style: none; }
+#productpage ul#tourleftnav li { margin: 0; padding: 0; background: #fff; }
+#productpage ul#tourleftnav li a { color: #33f; text-decoration: none; }
+#productpage ul#tourleftnav li a:hover { text-decoration: underline; }
+#productpage ul#tourleftnav li a { outline: none; }
+#productpage ul#tourleftnav li { background: url(/static/img/oct/usecasesnavup.gif) repeat-x left center; border-bottom: 1px solid #ccc; }
+/*#productpage ul#tourleftnav li:hover { background: url(/static/img/oct/usecasesnavuph.gif) repeat-x left center; }*/
+#productpage ul#tourleftnav li.selected { background: url(/static/img/oct/usecasesnavdown.gif) repeat-x left center }
+/*#productpage ul#tourleftnav li.selected:hover { background: url(/static/img/oct/usecasesnavdownh.gif) repeat-x left center; }*/
+#productpage ul#tourleftnav li.selected a { color: #000; background: url(/static/img/oct/tinytriangle.gif) no-repeat 95% center; }
+
+#productpage #tourleftnav a {
+ font-size: 1.2em;
+ padding: 0.4em 0.4em;
+ display: block;
+ font-weight: bold;
+ font-family: inherit;
+ font-style: italic;
+ cursor: pointer;
+}
+
+.fpcontent .newpadbuttonwrap {
+ margin: 0 auto;
+}
+
+
+/*----------------------------------------------------------------*/
+/* faq page */
+/*----------------------------------------------------------------*/
+#faqpage hr {
+ width: 100%;
+ margin-top: 2em;
+ margin-bottom: 2em;
+ margin-left: auto;
+ margin-right: auto;
+ color: #ccc;
+}
+div#faqpage h2 {
+ border-bottom: 1px solid #aaa;
+ margin: 0;
+}
+#faqpage div.answer {
+ color: #222;
+ padding: 1em;
+}
+#faqpage ul.qlist { margin: 2em 0 4em 1.4em; }
+#faqpage ul.qlist li { margin: .5em 0; }
+
+/*----------------------------------------------------------------*/
+/* contact page */
+/*----------------------------------------------------------------*/
+#contactpage div.cbox {
+ padding: 1em;
+ margin: 2em 0;
+ width: 330px;
+ height: 200px;
+}
+#contactpage h2 {
+ margin: 0;
+}
+#contactpage #boxleft {
+ float: left;
+ margin-left: 1em;
+}
+#contactpage #boxright {
+ float: right;
+ margin-right: 1em;
+}
+#contactpage #boxright p {
+ font-size: 1.4em;
+ font-family: serif;
+ color: #222;
+ padding-left: 2em;
+}
+/*----------------------------------------------------------------*/
+/* company page */
+/*----------------------------------------------------------------*/
+
+#companypage div#appjetinc { width: 300px; float: left; padding: 2em; }
+#companypage div#appjetinc p { padding-left: 1em; }
+#companypage img#ajlogo { margin-top: 1em; border: 0; }
+#companypage img#pier38 { border: 1px solid #888; float: right; margin-top: 1em; }
+#companypage table img { border: 1px solid #444; margin-top: 4px; }
+#companypage table td { padding: 15px; vertical-align: top; }
+#companypage table td p.intro { margin-top: 0; }
+
+/*----------------------------------------------------------------*/
+/* blog */
+/*----------------------------------------------------------------*/
+
+.blogbody { background: #f8f8f8; }
+
+.blogpage a#subscribelink {
+ font-size: .92em;
+ display: block;
+ background: #fff;
+ border: 1px solid #666;
+ font-weight: bold;
+ margin-bottom: 1em;
+ padding: 4px 8px;
+ color: #049;
+ text-decoration: none;
+}
+
+.blogpage div#subscribewrap a:hover {
+ background: #def;
+}
+.blogpage a#subscribelink img {
+ border: 0;
+ float: left;
+}
+.blogpage div#subscribewrap span.subtext {
+ display: block;
+ float: left;
+ padding-left: 8px;
+ padding-top: 2px;
+}
+
+div#blogcol1 {
+ width: 520px;
+ padding-left: 50px;
+ float: left;
+ font-size: .9em;
+}
+
+div#blogcol2 {
+ float: left;
+ width: 240px;
+ margin-top: 24px;
+ margin-left: 1em;
+}
+
+div#recentpostsbox {
+ border: 1px solid #ccc;
+ background: #fefefe;
+ padding: 12px 6px;
+ font-size: .8em;
+}
+div#recentpostsbox p {
+ margin: 0;
+ font-weight: bold;
+ padding-left: .5em;
+}
+div#recentpostsbox a {
+ color: #049;
+ text-decoration: none;
+}
+div#recentpostsbox a:hover {
+ text-decoration: underline;
+}
+div#recentpostsbox ul li {
+ margin: 0;
+ margin-top: .4em;
+}
+
+.blogpage div.bpheader {
+ border-top: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ border-right: 1px solid #ccc;
+ border-left: 1px solid #ccc;
+ background: #eee;
+ margin-top: 24px;
+ padding: 1em;
+}
+
+.blogpage div.blogpost_mainpage_content {
+ background: #fff;
+ padding: 0 1em;
+ padding-top: 0.1em;
+ padding-bottom: 0.5em;
+ border-right: 1px solid #ccc;
+ border-left: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ font-size: 100%;
+ line-height: 1.4;
+}
+.blogpage div.blogpost_mainpage_content a {
+ text-decoration: underline;
+}
+.blogpage div.blogpost_mainpage_content a:hover {
+ color: red;
+}
+
+.blogpage div.bpheader div.postdate a {
+ text-decoration: none;
+ font-size: 1em;
+ font-weight: bold;
+ font-style: italic;
+ color: #555;
+}
+.blogpage div.bpheader h2 { margin: 0; border: 0; }
+.blogpage div.bpheader h2 a {
+ font-size: 1em;
+ text-decoration: none;
+ color: #049;
+ margin: 0;
+ font-style: normal;
+}
+.blogpage div#disqus_thread {
+ margin-top: 40px;
+}
+.blogpage .commentslink {
+ text-align: right;
+}
+.singleblogpost #blogposttop {
+ margin-left: 50px;
+}
+
+.blogpage h3 {
+ font-weight: bold;
+ font-size: 1em;
+ color: #050;
+}
+
+.blogpost_mainpage_content ol { }
+.blogpost_mainpage_content ol li {
+ margin-top: 1em;
+ margin-left: 2em;
+ list-style: decimal;
+}
+
+.blogpage div.code {
+ font-family: monospace;
+ border: 1px solid yellow;
+ padding: 0.5em;
+ background: #ffd;
+}
+
+.blogpage tt {
+ font-family: monospace;
+}
+
+
+/*----------------------------------------------------------------*/
+/* create pad */
+/*----------------------------------------------------------------*/
+#createpadpage form {
+ width: 80%;
+ margin-left: auto;
+ margin-right: auto;
+ border: 1px solid #ddd;
+ background: #eef;
+ font-size: 1.8em;
+ text-align: center;
+ padding: 2em;
+}
+#createpadpage #padurl {
+ background: #fff;
+ border: 1px solid #ccc;
+ padding: 1em;
+}
+#createpadpage input {
+ font-size: 1.8em;
+}
+/*----------------------------------------------------------------*/
+/* pad full */
+/*----------------------------------------------------------------*/
+#padfullpage #msg {
+ margin: 2em 0;
+ padding: 2em;
+ background: #eee;
+ border: 1px solid #aaa;
+ font-size: 1.3em;
+}
+#padfullpage #padurlwrap {
+ text-align: center;
+ margin-bottom: 3em;
+}
+#padfullpage #padurl {
+ background: #fff;
+ border: 1px solid #ccc;
+ padding: 1em;
+}
+/*----------------------------------------------------------------*/
+/* beta signup */
+/*----------------------------------------------------------------*/
+#betasignuppage img#betasign { float: left; margin-top: 20px; }
+#betasignuppage div#betaformwrap {
+ margin: 15px;
+ padding: 20px;
+ margin-left: 200px;
+ border: 1px solid #ccc;
+ background: #eee;
+}
+#betasignuppage div#betaformwrap p {
+ margin: 0;
+ color: #333;
+ margin-bottom: 1em;
+}
+#betasignuppage div#betaform { padding: 2em 0; }
+#betasignuppage div#betaform input#email { font-size: 1.6em; color: #555; }
+#betasignuppage div#betaform button { font-size: 1.6em; }
+#betasignuppage div#confirm { display: none; }
+#betasignuppage div#error {
+ margin: 1em 3em 2em 2em;
+ color: red;
+ display: none;
+}
+#betasignuppage div#confirm {
+ margin: 2em 2em 2em 0em;
+ color: green;
+ font-weight: bold;
+ display: none;
+}
+#betasignuppage div#subtext { font-size: .9em; color: #666; }
+
+/*----------------------------------------------------------------*/
+/* time slider */
+/*----------------------------------------------------------------*/
+
+body#padsliderbody {
+ font-size: 1.2em;
+ padding: 20px;
+ background-color: #fff;
+}
+
+#padsliderbody #stuff {
+ width: 600px;
+ margin-top: 10px;
+}
+
+#padsliderbody #sliderui {
+ margin: 10px;
+}
+
+#padsliderbody #controls {
+ background: #eee;
+ padding: 5px;
+ border: 1px solid #999;
+}
+
+#padsliderbody #currevdisplay {
+ margin-top: 3px;
+}
+
+#padsliderbody #controls a {
+ color: #00f;
+ text-decoration: underline;
+ cursor: pointer;
+}
+
+#padsliderbody #stuff {
+ padding: 5px;
+}
+
+/*----------------------------------------------------------------*/
+/* testimonials */
+/*----------------------------------------------------------------*/
+
+#testimonials {
+ padding: 0 3em;
+ font-family: times serif;
+}
+
+#testimonials .head {
+ font-weight: bold;
+ padding-top: 4px;
+ padding-right: 80px;
+}
+
+#testimonials .quote-open {
+ background: url(/static/img/about/quote-open.png) no-repeat left top;
+ padding-left: 80px;
+ margin-top: 2em;
+}
+
+#testimonials .quote-close {
+ background: url(/static/img/about/quote-close.png) no-repeat right bottom;
+ padding-right: 80px;
+ text-align: justify;
+ color: #222;
+}
+
+#testimonials .attrib {
+ font-style: italic;
+ text-align: right;
+ padding-left: 2em;
+ padding-right: 80px;
+ color: #444;
+}
+
+#testimonials .attrib p {
+ margin: 0;
+}
+
+
+/* pne faq */
+
+div.pne-faq dt {
+ font-size: 1.1em;
+ border-bottom: 1px solid #444;
+ color: #666;
+ margin: 1.6em 0 0.75em 0;
+}
+
+/* support page */
+
+div#support-content {
+ margin: 0 4em;
+}
+
+div#forums-content {
+ margin: 0 4em;
+}
diff --git a/etherpad/src/static/css/framedpage.css b/etherpad/src/static/css/framedpage.css
new file mode 100644
index 0000000..a99554b
--- /dev/null
+++ b/etherpad/src/static/css/framedpage.css
@@ -0,0 +1,175 @@
+/*------
+ Global Container
+------*/
+
+#container {
+ font-family: Arial, Helvetica, Calibri, sans-serif;
+}
+body.home {
+ background: #f7f7f7 url(/static/img/davy/bg/home2.png) repeat-x top;
+}
+.home #container {
+ width: 920px; margin: 0 auto;
+}
+body.nothome {
+ background: #f7f7f7 url(/static/img/davy/bg/product.png) repeat-x top;
+}
+.nothome #container {
+ width: 910px; margin: 0 auto;
+}
+
+/*------
+ Layout
+------*/
+
+#navigation,
+.home #top,
+.home #bottom,
+#footer {
+ width: 888px;
+ margin: 0 auto;
+}
+
+/* framed page general */
+div.fpcontent {
+ width: 848px;
+ margin: 0 auto;
+
+ font-size: 1.3em;
+ padding: 20px;
+
+ background-color: #fff;
+ border-left: 1px solid #ccc;
+ border-right: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ border-top: 0;
+}
+div.fpcontent h1 {
+ color: #666;
+ border-bottom: 1px solid #666;
+ margin: .8m 0 1em 0;
+ font-size: 1.8em;
+}
+div.fpcontent h2 {
+ color: #666;
+ border-bottom: 1px solid #666;
+ font-size: 1.4em;
+ margin: 1em 0;
+}
+div.fpcontent p {
+ margin: 1em 0;
+ line-height: 150%;
+}
+div.fpcontent ul {
+ list-style: disc;
+ padding-left: 1.5em;
+}
+div.fpcontent ul li {
+ margin: 1em 0;
+ padding-left: .5em;
+}
+
+/*----------
+ Navigation
+----------*/
+
+#topnav_wrap {
+ background: url(/static/img/davy/bg/product.png) repeat-x top;
+}
+#navigation {
+ height: 38px;
+ overflow: hidden;
+ background: url(/static/img/davy/bg/home2.png) repeat-x top;
+}
+#navigation h1 a {
+ display: block;
+ width: 120px;
+ position: relative;
+ padding: 38px 0 0 0;
+ overflow: hidden;
+ background: transparent url(/static/img/davy/gfx/product-logo.gif) no-repeat 0 6px;
+ height: 0px;
+ float: left;
+}
+.home #navigation h1 a {
+ display: none;
+}
+#navigation ul {
+ margin-right: -10px;
+}
+#navigation li {
+ display: inline;
+}
+#navigation li a {
+ font-family: Calibri, "Trebuchet MS", Trebuchet, Arial, sans-serif;
+ font-size: 1.208em;
+ text-transform: uppercase;
+ color: #fff;
+ text-shadow: 0 1px 0 #223f6b;
+ letter-spacing: 1px;
+ display: block;
+ padding: 11px 10px 13px 10px;
+ float: right;
+}
+.home #navigation .topnav_pricing a {
+ color: #ffc261;
+}
+.home #navigation .topnav_pricing a:hover {
+ color: #FEAC59;
+}
+#navigation li.selected a {
+ color: #bddbff;
+}
+.home #navigation li.selected a {
+ background: url(/static/img/davy/bg/home-nav-selected.png) no-repeat center 32px;
+}
+.nothome #navigation li.selected a {
+ background: url(/static/img/davy/bg/product-nav-selected-white.png) no-repeat center 32px;
+}
+#navigation li a:hover {
+ color: #DEEDFF;
+ text-decoration: none;
+}
+
+
+/*------
+ Footer
+------*/
+
+.home #footer {
+ border-top: 1px solid #d9d9d9;
+ margin-top: 24px;
+}
+
+.nothome #footer {
+ margin-top: 0px;
+}
+
+ #footer-inner {
+ border-top: 1px solid #f9f9f9;
+ padding: 12px 0;
+ color: #666;
+ font-size: .917em;
+ }
+
+#footer-left {
+ float: left;
+ width: 700px;
+}
+ #footer ul,
+ #footer li {
+ display: inline;
+ }
+ #footer li {
+ margin-left: 1em;
+ }
+
+ #footer #appjet {
+ float: right;
+ margin-right: -12px;
+ }
+ #footer #appjet a {
+ background: url(/static/img/davy/gfx/plane.gif) no-repeat right center;
+ padding-right: 12px;
+ }
+
diff --git a/etherpad/src/static/css/global-pro-account.css b/etherpad/src/static/css/global-pro-account.css
new file mode 100644
index 0000000..6c34446
--- /dev/null
+++ b/etherpad/src/static/css/global-pro-account.css
@@ -0,0 +1,52 @@
+div.error {
+ border: 1px solid red;
+ background: #fee;
+ padding: 1em;
+ margin: 1em 0;
+ width: 600px;
+ font-weight: bold;
+}
+
+form#global-sign-in {
+ background: #eeeef6;
+ padding: 1em;
+ border: 1px solid #ddd;
+ margin: 1em 0;
+ width: 600px;
+}
+
+form label {
+ color: #444;
+ margin-bottom: .2em;
+}
+
+form input {
+ border: 1px solid #377ec6;
+}
+
+form#global-sign-in label {
+ display: block;
+ margin-top: 1em;
+}
+
+form#global-sign-in button {
+ border: 0;
+ cursor: pointer;
+ color: #fff;
+ font-weight: bold;
+ overflow: visible;
+ padding: 0;
+ background: #70a4ec;
+ border: 1px solid #3773c6;
+ padding: 4px 16px;
+ margin-top: 14px;
+}
+
+.global-pro-account p {
+ font-size: 86%;
+}
+
+div.tip {
+ margin: .5em 0;
+ font-size: 90%;
+}
diff --git a/etherpad/src/static/css/home-opensource.css b/etherpad/src/static/css/home-opensource.css
new file mode 100644
index 0000000..bb0201e
--- /dev/null
+++ b/etherpad/src/static/css/home-opensource.css
@@ -0,0 +1,40 @@
+
+#home {
+ width: 600px;
+ margin: 0 auto;
+ padding: 2em;
+ text-align: center;
+}
+
+#home #title {
+ font-size: 3.6em;
+}
+
+#home a#home-newpad{
+ display: block;
+ padding: 1em;
+ margin: 12px 60px;
+ font-size: 1.6em;
+ border: 1px solid black;
+ background: #049;
+ color: #fff;
+}
+
+#home a#home-newpad:hover{
+ background: #26b;
+}
+
+#home a#home-newteam {
+ display: block;
+ padding: 1em;
+ margin: 12px 60px;
+ font-size: 1.6em;
+ border: 1px solid black;
+ background: #940;
+ color: #fff;
+}
+
+#home a#home-newteam:hover {
+ background: #b26;
+}
+
diff --git a/etherpad/src/static/css/lib/jquery.contextmenu.css b/etherpad/src/static/css/lib/jquery.contextmenu.css
new file mode 100644
index 0000000..15a69aa
--- /dev/null
+++ b/etherpad/src/static/css/lib/jquery.contextmenu.css
@@ -0,0 +1,244 @@
+/* Classic Windows Theme (default) */
+/* =============================== */
+.context-menu-theme-default {
+ border:2px outset white;
+ background-color:#D4D0C8;
+}
+.context-menu-theme-default .context-menu-item {
+ text-align:left;
+ cursor:pointer;
+ padding:4px 28px 4px 16px;
+ color:black;
+ font-family:Tahoma,Arial;
+ font-size:11px;
+}
+.context-menu-theme-default .context-menu-separator {
+ margin:4px 2px;
+ font-size:0px;
+ border-top:1px solid #808080;
+ border-bottom:1px solid white;
+}
+.context-menu-theme-default .context-menu-item-disabled {
+ color:#808080;
+}
+.context-menu-theme-default .context-menu-item .context-menu-item-inner {
+ background:none no-repeat fixed 999px 999px; /* Make sure icons don't appear */
+}
+.context-menu-theme-default .context-menu-item-hover {
+ background-color:#0A246A;
+ color:white;
+}
+.context-menu-theme-default .context-menu-item-disabled-hover {
+ background-color:#0A246A;
+}
+
+/* Windows XP Theme */
+/* ================ */
+.context-menu-theme-xp {
+ border:1px solid #666;
+ padding:1px;
+ background:#F9F8F7 url(/static/img/lib/jquery.contextmenu.images/cmenu-xp-bg.gif) repeat-y top left;
+}
+.context-menu-theme-xp .context-menu-separator {
+ margin:4px 2px;
+ font-size:0px;
+ border-top:1px solid #808080;
+ border-bottom:1px solid white;
+}
+.context-menu-theme-xp .context-menu-item {
+ text-align:left;
+ color:black;
+ font-family:arial;
+ font-size:11px;
+ cursor:pointer;
+}
+.context-menu-theme-xp .context-menu-item .context-menu-item-inner {
+ background:none no-repeat 2px center;
+ padding:4px 10px 4px 30px;
+}
+.context-menu-theme-xp .context-menu-item-hover .context-menu-item-inner {
+ background:#B6BDD2 none no-repeat 2px center;
+ padding:3px 9px 3px 29px;
+ border:1px solid #0A246A;
+}
+
+/* Windows Vista Theme */
+/* =================== */
+.context-menu-theme-vista {
+ background:#FAFAFA url(/static/img/lib/jquery.contextmenu.images/cmenu-vista-bg.gif) repeat-y left top;
+ border:1px solid #868686;
+}
+.context-menu-theme-vista .context-menu-item {
+ text-align:left;
+ cursor:pointer;
+ color:black;
+ font-family:Tahoma,Arial;
+ font-size:11px;
+}
+.context-menu-theme-vista .context-menu-separator {
+ margin:0px 0px 0px 32px;
+ font-size:0px;
+ border-top:1px solid #C5C5C5;
+ border-bottom:1px solid #F5F5F5;
+}
+.context-menu-theme-vista .context-menu-item-hover {
+ background:transparent url(/static/img/lib/jquery.contextmenu.images/cmenu-vista-menu-item-hover.gif) repeat-x left center;
+ border:1px solid #D7D0B3;
+}
+.context-menu-theme-vista .context-menu-item .context-menu-item-inner {
+ padding:4px 16px 4px 35px;
+ margin-left:1px;
+ background-color:none;
+ background-repeat:no-repeat;
+ background-position:3px center;
+ background-image:none;
+}
+.context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {
+ padding:3px 15px 3px 35px;
+ margin-left:0px;
+}
+.context-menu-theme-vista .context-menu-item-disabled {
+ color:#A7A7A7;
+}
+
+/* OSX Theme */
+/* ========= */
+.context-menu-theme-osx {
+ background-color:white;
+ opacity: .93;
+ filter: alpha(opacity=93);
+ zoom:1.0;
+ border:1px solid #b2b2b2;
+}
+.context-menu-theme-osx .context-menu-item {
+ text-align:left;
+ cursor:pointer;
+ color:black;
+ font-family:Lucida Grande,Arial;
+ font-weight:700;
+ font-size:12px;
+ opacity: 1.0;
+ filter: alpha(opacity=100);
+ z-index:1;
+}
+.context-menu-theme-osx .context-menu-separator {
+ margin:5px 1px 4px 1px;
+ font-size:0px;
+ border-top:1px solid #e4e4e4;
+}
+.context-menu-theme-osx .context-menu-item-hover {
+ background-color:#1C44F2;
+ color:white;
+}
+.context-menu-theme-osx .context-menu-item .context-menu-item-inner {
+ padding:2px 10px 2px 22px;
+ background-color:none;
+ background-repeat:no-repeat;
+ background-position:4px center;
+ background-image:none;
+}
+.context-menu-theme-osx .context-menu-item-disabled {
+ color:#939393;
+}
+
+/* Linux Human Theme */
+/* ================= */
+.context-menu-theme-human {
+ background:#F9F5F2;
+ border:1px solid #963;
+}
+.context-menu-theme-human .context-menu-item {
+ text-align:left;
+ cursor:pointer;
+ color:black;
+ font-family:Helvetica,DejaVu Sans,Arial;
+ font-size:12px;
+ line-height:20px;
+ height:28px;
+ border:1px solid #F9F5F2;
+ border-left:0;
+ border-right:0;
+}
+.context-menu-theme-human .context-menu-separator {
+ margin:0px 0px 0px 32px;
+ font-size:0px;
+ border-top:1px solid #C5C5C5;
+ border-bottom:1px solid #F5F5F5;
+}
+.context-menu-theme-human .context-menu-item-hover {
+ background:transparent url(/static/img/lib/jquery.contextmenu.images/cmenu-human-menu-item-hover.gif) repeat-x left center;
+ border-color:#963;
+}
+.context-menu-theme-human .context-menu-item .context-menu-item-inner {
+ padding:4px 16px 4px 35px;
+ margin-left:0px;
+ background-color:none;
+ background-repeat:no-repeat;
+ background-position:3px center;
+ background-image:none;
+}
+.context-menu-theme-human .context-menu-item-hover .context-menu-item-inner {
+}
+.context-menu-theme-human .context-menu-item-disabled {
+ color:#A7A7A7;
+}
+
+/* Gloss Theme */
+/* =========== */
+.context-menu-theme-gloss {
+ background:#f4f4f4 url(/static/img/lib/jquery.contextmenu.images/cmenu-gloss-bg.gif) repeat-y left center;
+ border:1px solid #f4f4f4;
+ padding:1px;
+ padding-right:0;
+}
+.context-menu-theme-gloss .context-menu-item {
+ text-align:left;
+ cursor:pointer;
+ color:black;
+ font-family:Helvetica,DejaVu Sans,Arial;
+ font-size:12px;
+ line-height:20px;
+ height:27px;
+ /*border:1px solid transparent;*/
+ border:1px solid #f4f4f4; /* IE6 doesn't have "transparent" -- DG */
+}
+.context-menu-theme-gloss .context-menu-separator {
+ margin:0px 0px 0px 32px;
+ font-size:0px;
+ border-top:1px solid #C5C5C5;
+ border-bottom:1px solid #F5F5F5;
+}
+.context-menu-theme-gloss .context-menu-item-hover {
+ background:transparent url(/static/img/lib/jquery.contextmenu.images/cmenu-gloss-menu-item-hover.gif) repeat-x left center;
+ color:#fff;
+ border-color:#000;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+.context-menu-theme-gloss .context-menu-item .context-menu-item-inner {
+ padding:4px 16px 4px 35px;
+ margin-left:0px;
+ background-color:none;
+ background-repeat:no-repeat;
+ background-position:3px center;
+ background-image:none;
+}
+.context-menu-theme-gloss .context-menu-item-hover .context-menu-item-inner {
+}
+.context-menu-theme-gloss .context-menu-item-disabled {
+ color:#A7A7A7;
+}
+
+.context-menu-theme-gloss-cyan .context-menu-item-hover {
+ background-image:url(/static/img/lib/jquery.contextmenu.images/cmenu-gloss-cyan-menu-item-hover.gif);
+ border-color:#00c;
+}
+
+.context-menu-theme-gloss-semitransparent .context-menu-item-hover {
+ background-image:url(/static/img/lib/jquery.contextmenu.images/cmenu-item-gloss-semitransparent-menu-item-hover.png);
+ border-color:#00c;
+ background-color:#30f;
+}
+
+
diff --git a/etherpad/src/static/css/pad2_ejs.css b/etherpad/src/static/css/pad2_ejs.css
new file mode 100644
index 0000000..71176ee
--- /dev/null
+++ b/etherpad/src/static/css/pad2_ejs.css
@@ -0,0 +1,910 @@
+
+*,html.body { margin: 0; padding: 0; }
+
+h1, h2, h3, h4, h5, h6 { display: inline; line-height: 2em; }
+
+.clear { clear: both; }
+
+html { font-size: 62.5%; }
+
+body { background: #ebebeb url(/static/img/jun09/pad/backgrad.gif) repeat-x left top; }
+body, textarea { font-family: Arial, sans-serif; }
+
+#padpage { margin-left: auto; margin-right: auto; width: 900px; }
+
+body.fullwidth #padpage { width: auto; margin-left: 6px; margin-right: 6px; min-width: 800px; }
+body.squish1width #padpage { width: 900px; }
+body.squish2width #padpage { width: 800px; }
+
+#topbar { height: 25px; background: #326cbd url(/static/img/jun09/pad/padtopback2.gif) repeat-x left top;
+ position: relative; }
+
+#topbarleft { float: left; height: 100%; overflow: hidden;
+ background: url(/static/img/jun09/pad/padtop5.png) no-repeat left top; width: 5px; }
+#topbarright { float: right; height: 100%; overflow: hidden;
+ background: url(/static/img/jun09/pad/padtop5.png) no-repeat right top; width: 5px; }
+
+.propad #topbar { background: #2c2c2c url(/static/img/jun09/pad/protop.png) repeat-x 0 -25px; }
+.propad #topbarleft { background: url(/static/img/jun09/pad/protop.png) no-repeat left top; }
+.propad #topbarright { background: url(/static/img/jun09/pad/protop.png) no-repeat right top; }
+
+a#backtoprosite, #accountnav {
+ display: block; position: absolute; height: 15px; line-height: 15px;
+ width: auto; top: 5px; font-size: 1.2em;
+}
+a#backtoprosite, #accountnav a { color: #cde7ff; text-decoration: underline; }
+
+a#backtoprosite { padding-left: 20px; left: 6px;
+ background: url(/static/img/jun09/pad/protop.png) no-repeat -5px -6px; }
+#accountnav { right: 10px; color: #fff; }
+
+#topbarcenter { margin-left: 150px; margin-right: 150px; }
+a#topbaretherpad { margin-left: auto; margin-right: auto; display: block; width: 127px;
+ position: relative; top: 0px; height: 0; padding-top: 25px;
+ background: url(/static/img/jun09/pad/padtop5.png) no-repeat -397px 0px; overflow: hidden; }
+
+.propad a#topbaretherpad { background: url(/static/img/jun09/pad/protop.png) no-repeat -397px 0px; }
+
+#specialkeyarea { top: 5px; left: 250px; color: yellow; font-weight: bold;
+ font-size: 1.5em; position: absolute; }
+
+#alertbar { margin-top: 6px;
+opacity: 0; filter: alpha(opacity = 0); /* IE */
+display: none;
+}
+
+#servermsg { position: relative; zoom: 1; border: 1px solid #992;
+ background: #ffc; padding: 0.8em; font-size: 1.2em; }
+#servermsg h3 { font-weight: bold; margin-right: 10px;
+ margin-bottom: 1em; float: left; width: auto; }
+#servermsg #servermsgdate { font-style: italic; font-weight: normal; color: #666; }
+a#hidetopmsg { position: absolute; right: 5px; bottom: 5px; }
+
+#shuttingdown { position: relative; zoom: 1; border: 1px solid #992;
+ background: #ffc; padding: 0.6em; font-size: 1.2em; margin-top: 6px; }
+
+#docbar { margin-top: 6px; height: 25px; position: relative; zoom: 1;
+ background: #fbfbfb url(/static/img/jun09/pad/padtopback2.gif) repeat-x 0 -31px; }
+
+.docbarbutton
+{
+ padding-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 4px;
+ padding-right: 4px;
+ border-left: 1px solid #CCC;
+ white-space: nowrap;
+}
+
+.docbarbutton img
+{
+ border: 0px;
+ width: 13px;
+ margin-right: 2px;
+ vertical-align: middle;
+ margin-top: 3px;
+ margin-bottom: 2px;
+}
+
+.docbarbutton a
+{
+ font-size: 10px;
+ line-height: 18px;
+ text-decoration: none;
+ color: #444;
+ font-weight: bold;
+}
+
+.docbarbutton.highlight
+{
+ background-color: #fef2bd;
+ border: 1px solid #CCC;
+ border-right: 0px;
+}
+
+#docbarleft { position: absolute; left: 0; top: 0; height: 100%;
+ overflow: hidden;
+ background: url(/static/img/jun09/pad/padtop5.gif) no-repeat left -31px; width: 7px; }
+
+<% /* changing the size of the title / rename area means adjusting
+ the #docbarpadtitle.width, #padtitlebuttons.left,
+ and #padtitleedit.width */ %>
+
+#docbarpadtitle { position: absolute; height: auto; left: 9px;
+ width: 280px; font-size: 1.6em; color: #444; font-weight: normal;
+ line-height: 22px; margin-left: 2px; height: 22px; top: 2px;
+ overflow: hidden; text-overflow: ellipsis /*not supported in FF*/;
+ white-space:nowrap; }
+.docbar-public #docbarpadtitle { padding-left: 22px;
+ background: url(/static/img/jun09/pad/public.gif) no-repeat left center; }
+
+#docbarrenamelink { position: absolute; top: 6px;
+ font-size: 1.1em; display: none; }
+#docbarrenamelink a { color: #999; }
+#docbarrenamelink a:hover { color: #48d; }
+#padtitlebuttons { position: absolute; width: 74px; zoom: 1;
+ height: 17px; top: 4px; left: 170px; display: none;
+ background: url(/static/img/jun09/pad/ok_or_cancel.gif) 0px 0px; }
+#padtitlesave { position: absolute; display: block;
+ height: 0; padding-top: 17px; overflow: hidden;
+ width: 23px; left: 0; top: 0; }
+#padtitlecancel { position: absolute; display: block;
+ height: 0; padding-top: 17px; overflow: hidden;
+ width: 35px; right: 0; top: 0; }
+#padtitleedit { position: absolute; top: 2px; left: 5px;
+ height: 15px; padding: 2px; font-size: 1.4em;
+ background: white; border-left: 1px solid #c3c3c3;
+ border-top: 1px solid #c3c3c3;
+ border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
+ width: 150px; display: none;
+}
+
+#padmain { margin-top: 6px; position: relative; zoom: 1; }
+
+#padeditor { margin-right: 300px; zoom: 1; }
+.hidesidebar #padeditor { margin-right: 0; }
+
+#editbar { height: 36px;
+ background: #a5bfe2 url(/static/img/jun09/pad/editbar_background.gif) repeat-x; position: relative; }
+
+#editbarleft { float: left; height: 100%; overflow: hidden;
+ background: url(/static/img/jun09/pad/editbar_background_left.gif) no-repeat left top; width: 2px; }
+#editbarright { float: right; height: 100%; overflow: hidden;
+ background: url(/static/img/jun09/pad/editbar_background_right.gif) no-repeat right top; width: 2px; }
+
+#editbartable
+{
+ position:absolute;
+ top: 6px;
+ left: 7px;
+ width: 250px;
+ height: 24px;
+ width:520px;
+}
+
+#editbarsavetable
+{
+ position:absolute;
+ top: 6px;
+ right: 7px;
+ height: 24px;
+ width:23px;
+}
+
+#editbarsavetable td, #editbartable td
+{
+ white-space: nowrap;
+}
+
+.editbarbutton
+{
+ border-top: 1px solid #8b9eba;
+ border-bottom: 1px solid #8b9eba;
+ border-left: 1px solid #758aa9;
+ background-color: white;
+}
+
+.editbarbutton img
+{
+ margin: 0px 2px;
+ border: 0px;
+ width: 16px;
+ height: 16px;
+}
+
+.editbarbutton a:active
+{
+ position: relative;
+ top: 1px;
+ left: 1px;
+}
+
+.editbargroupsfirst
+{
+ border-left-width: 0px !important;
+}
+
+#editbar #syncstatussyncing { position: absolute; height: 26px; width: 26px;
+ background: url(/static/img/jun09/pad/syncing2.gif) no-repeat center center;
+ right: 38px; top: 5px; display: none; }
+#editbar #syncstatusdone { position: absolute; height: 26px; width: 26px;
+ background: url(/static/img/jun09/pad/syncdone.gif) no-repeat center center;
+ right: 38px; top: 5px; display: none; }
+
+#editorcontainerbox {
+ border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;
+ border-bottom: 1px solid #c4c4c4;
+ background: #fff; overflow: hidden; position: relative;
+ zoom: 1; height: 397px; /*...initially*/ }
+
+#editorcontainer { height: 100%; }
+
+#editorcontainer iframe { width: 100%; padding: 0; margin: 0; }
+
+#editorloadingbox { padding-top: 100px; padding-bottom: 100px; font-size: 2.5em; color: #aaa;
+ text-align: center; position: absolute; width: 100%; height: 30px; z-index: 100; }
+
+#padsidebar { float: right; width: 290px; }
+.hidesidebar #padsidebar { width: 0; overflow: hidden; }
+
+#padusers { border: 1px solid #c4c4c4; background: #fafafa; position: relative; zoom: 1; }
+
+#myuser { background: #d9e7f9; padding: 5px; height: 53px; position: relative; }
+#myswatchbox { position: absolute; left: 5px; top: 5px; width: 22px; height: 22px;
+ /*border-top: 1px solid #c3cfe0; border-left: 1px solid #c3cfe0;
+ border-right: 1px solid #ecf3fc; border-bottom: 1px solid #ecf3fc;*/
+ border: 1px solid #bbb;
+ padding: 1px; background: transparent; cursor: pointer; }
+#myuser .myswatchboxhoverable, #myuser .myswatchboxunhoverable {
+ background: white;
+}
+#myuser .myswatchboxhoverable:hover {
+ background: #bbb;
+}
+#myswatch { width: 100%; height: 100%; background: transparent;/*...initially*/ }
+#mycolorpicker {
+ background: url(/static/img/jun09/pad/colorpicker.gif) no-repeat left top;
+ width: 232px; height: 140px;
+ position: absolute;
+ left: 13px; top: 13px; z-index: 101;
+ display: none;/*...initially*/
+}
+#mycolorpicker .n1 { left: 13px; }
+#mycolorpicker .n2 { left: 40px; }
+#mycolorpicker .n3 { left: 67px; }
+#mycolorpicker .n4 { left: 94px; }
+#mycolorpicker .n5 { left: 121px; }
+#mycolorpicker .n6 { left: 148px; }
+#mycolorpicker .n7 { left: 175px; }
+#mycolorpicker .n8 { left: 202px; }
+
+#mycolorpicker .n9 { left: 13px; top: 34px ! important;}
+#mycolorpicker .n10 { left: 40px; top: 34px ! important;}
+#mycolorpicker .n11 { left: 67px; top: 34px ! important;}
+#mycolorpicker .n12 { left: 94px; top: 34px ! important;}
+#mycolorpicker .n13 { left: 121px; top: 34px ! important;}
+#mycolorpicker .n14 { left: 148px; top: 34px ! important;}
+#mycolorpicker .n15 { left: 175px; top: 34px ! important;}
+#mycolorpicker .n16 { left: 202px; top: 34px ! important;}
+
+#mycolorpicker .n17 { left: 13px; top: 56px ! important;}
+#mycolorpicker .n18 { left: 40px; top: 56px ! important;}
+#mycolorpicker .n19 { left: 67px; top: 56px ! important;}
+#mycolorpicker .n20 { left: 94px; top: 56px ! important;}
+#mycolorpicker .n21 { left: 121px; top: 56px ! important;}
+#mycolorpicker .n22 { left: 148px; top: 56px ! important;}
+#mycolorpicker .n23 { left: 175px; top: 56px ! important;}
+#mycolorpicker .n24 { left: 202px; top: 56px ! important;}
+
+#mycolorpicker .n25 { left: 13px; top: 78px ! important;}
+#mycolorpicker .n26 { left: 40px; top: 78px ! important;}
+#mycolorpicker .n27 { left: 67px; top: 78px ! important;}
+#mycolorpicker .n28 { left: 94px; top: 78px ! important;}
+#mycolorpicker .n29 { left: 121px; top: 78px ! important;}
+#mycolorpicker .n30 { left: 148px; top: 78px ! important;}
+#mycolorpicker .n31 { left: 175px; top: 78px ! important;}
+#mycolorpicker .n32 { left: 202px; top: 78px ! important;}
+
+#mycolorpicker .pickerswatchouter {
+ border: 1px solid white;
+ width: 15px; height: 15px; position: absolute;
+ top: 12px;
+}
+#mycolorpicker .pickerswatch {
+ border: 1px solid #999;
+ width: 13px;
+ height: 13px;
+ position: absolute;
+ left: 0; top: 0;
+}
+#mycolorpicker .picked { border: 1px solid #666 !important; }
+#mycolorpicker .picked .pickerswatch { border: 1px solid #666; }
+#mycolorpickersave { position: absolute; left: 14px; top: 102px;
+ width: 47px; height: 0; padding-top: 20px; overflow: hidden;
+ cursor: pointer; }
+#mycolorpickercancel { position: absolute; left: 87px; top: 102px;
+ width: 44px; height: 0; padding-top: 20px; overflow: hidden;
+ cursor: pointer; }
+#myusernameform { margin-left: 35px; }
+#myusernameedit { font-size: 1.6em; color: #444;
+ padding: 3px; height: 18px; margin: 0; border: 0;
+ width: 197px; background: transparent; }
+#myusernameform input.editable { border: 1px solid #bbb; }
+#myuser .myusernameedithoverable:hover { background: white; }
+#mystatusform { margin-left: 35px; margin-top: 5px; }
+#mystatusedit { font-size: 1.2em; color: #777;
+ font-style: italic; display: none;
+ padding: 2px; height: 14px; margin: 0; border: 1px solid #bbb;
+ width: 199px; background: transparent; }
+#myusernameform .editactive, #myusernameform .editempty {
+ background: white; border-left: 1px solid #c3c3c3;
+ border-top: 1px solid #c3c3c3;
+ border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
+}
+#myusernameform .editempty { color: #ef641e; }
+
+#otherusers {
+ height: 100px;/*...initially*/
+ overflow: auto;
+}
+
+table#otheruserstable { display: none; }
+#nootherusers { padding: 10px; font-size: 1.2em; color: #999; font-weight: bold;}
+#nootherusers a { color: #48d; }
+
+#otheruserstable td {
+ border-bottom: 1px solid #e1e1e1;
+ height: 26px;
+ vertical-align: middle;
+ padding: 0 2px;
+}
+
+#otheruserstable .swatch {
+ border: 1px solid #999; width: 13px; height: 13px; overflow: hidden;
+ margin: 0 4px;
+}
+
+.usertdswatch { width: 1%; }
+.usertdname { font-size: 1.3em; color: #444; }
+.usertdstatus { font-size: 1.1em; font-style: italic; color: #999; }
+.usertdactivity { font-size: 1.1em; color: #777; }
+
+.usertdname input { border: 1px solid #bbb; width: 80px; padding: 2px; }
+.usertdname input.editactive, .usertdname input.editempty {
+ background: white; border-left: 1px solid #c3c3c3;
+ border-top: 1px solid #c3c3c3;
+ border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
+}
+.usertdname input.editempty { color: #888; font-style: italic;}
+
+#userlistbuttonarea { height: 28px; position: relative;
+ background: url(/static/img/jun09/pad/inviteshare2.gif) repeat-x 0 0; }
+#sharebutton {
+ background: url(/static/img/jun09/pad/inviteshare2.gif) no-repeat 0 -31px;
+ position: absolute; display: block; top: 3px; padding-top: 23px;
+ height: 0; overflow: hidden; width: 96px; left: 96px; }
+
+ /*#guestslabel { font-size: 1.2em; position: absolute; width: auto;
+ height: 22px; line-height: 22px; top: 4px; left: 8px; }
+#guestsmenu { font-size: 1.2em; position: absolute; left: 100px;
+ top: 5px; width: 95px; }
+.guestpolicystuff { display: none; }*/
+
+.guestprompt { border: 1px solid #ccc; font-size: 1.2em;
+ padding: 5px; color: #222; background: #ffc; }
+.guestprompt .choices { float: right; }
+.guestprompt a { margin: 0 0.5em; }
+
+#hdraggie {
+ background: url(/static/img/jun09/pad/hdraggie.gif) repeat-x center top;
+ height: 10px; cursor: S-resize; }
+
+#padchat { border: 1px solid #c4c4c4; }
+
+#chattop { background: #ecf2fa; padding: 5px; font-size: 1.2em; border-bottom: 1px solid #ddd; }
+#chattop a { color: #36b; }
+#chatlines { height: 198px;/*...initially*/ overflow: auto; background: #fafafa; position: relative; }
+#chatlines .chatline { color: #444; padding-left: 5px; padding-top: 2px; padding-bottom: 2px;
+ background: #ddd; overflow: hidden; }
+#chatlines .chatlinetime { display: block; font-size: 1em; color: #666; float: right; width: auto;
+ padding-right: 5px; }
+#chatlines .chatlinename, #chatlines .chatlinetext { font-size: 1.2em; }
+#chatlines h2 { margin: 0; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; color: #999; font-style: italic; font-weight: bold; font-size: 1.2em; }
+#chatbottom { background: #ecf2fa; padding: 4px; }
+#chatprompt { font-size: 1.2em; color: #444; float: left; line-height: 22px; width: 35px; text-align: right; }
+#chatentryform { margin-left: 40px; }
+#chatentrybox { font-size: 1.2em; color: #444;
+ padding: 2px; height: 16px; margin: 0; border-left: 1px solid #c3c3c3;
+ border-top: 1px solid #c3c3c3;
+ border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
+ width: 230px; }
+#padchat a#chatloadmore { display: none; font-size: 1.2em; padding: 2px 5px; font-style: italic; }
+#padchat #chatloadingmore { display: none; font-size: 1.2em; padding: 2px 5px; font-style: italic;
+ color: #999; }
+#padchat a#chatloadmore:focus { outline: 0; }
+
+#djs { font-family: monospace; font-size: 10pt;
+ height: 200px; overflow: auto; border: 1px solid #ccc;
+ background: #fee; margin: 0; padding: 6px;
+}
+#djs p { margin: 0; padding: 0; display: block; }
+
+#connectionbox {
+ position: absolute; left: 0; top: 0; width: 100%;
+ height: 191px;/*...initially; #padusers height */
+ z-index: 10; zoom: 1; overflow: hidden;
+}
+#connectionboxinner {
+ position: relative; width: 100%; height: 100%; overflow: hidden;
+}
+.cboxconnecting #connectionboxinner {
+ background: #ffd url(/static/img/jun09/pad/connectingbar.gif) no-repeat center 60px;
+}
+.cboxreconnecting #connectionboxinner {
+ background: #fed url(/static/img/jun09/pad/connectingbar.gif) no-repeat center 60px;
+}
+.cboxdisconnected #connectionboxinner {
+ background: #fdd;
+}
+.cboxdisconnected #connectionboxinner div { display: none; }
+.cboxdisconnected_userdup #connectionboxinner #disconnected_userdup { display: block; }
+.cboxdisconnected_initsocketfail #connectionboxinner #disconnected_initsocketfail { display: block; }
+.cboxdisconnected_looping #connectionboxinner #disconnected_looping { display: block; }
+.cboxdisconnected_slowcommit #connectionboxinner #disconnected_slowcommit { display: block; }
+.cboxdisconnected_unauth #connectionboxinner #disconnected_unauth { display: block; }
+.cboxdisconnected_unknown #connectionboxinner #disconnected_unknown { display: block; }
+.cboxdisconnected_initsocketfail #connectionboxinner #reconnect_advise,
+.cboxdisconnected_looping #connectionboxinner #reconnect_advise,
+.cboxdisconnected_slowcommit #connectionboxinner #reconnect_advise,
+.cboxdisconnected_unknown #connectionboxinner #reconnect_advise { display: block; }
+.cboxdisconnected div#reconnect_form { display: block; }
+.cboxdisconnected .disconnected h2 { display: none; }
+.cboxdisconnected .disconnected .h2_disconnect { display: block; }
+.cboxdisconnected_userdup .disconnected h2.h2_disconnect { display: none; }
+.cboxdisconnected_userdup .disconnected h2.h2_userdup { display: block; }
+.cboxdisconnected_unauth .disconnected h2.h2_disconnect { display: none; }
+.cboxdisconnected_unauth .disconnected h2.h2_unauth { display: block; }
+
+#connectionstatus {
+ position: absolute; width: 37px; height: 32px; overflow: hidden;
+ right: 0;
+ z-index: 11;
+}
+#connectionboxinner .connecting {
+ margin-top: 20px;
+ font-size: 2.0em; color: #555;
+ text-align: center; display: none;
+}
+.cboxconnecting #connectionboxinner .connecting { display: block; }
+
+#connectionboxinner .disconnected h2 {
+ font-size: 1.8em; color: #333;
+ text-align: left;
+ margin-top: 10px; margin-left: 10px; margin-right: 10px;
+ margin-bottom: 10px;
+}
+#connectionboxinner .disconnected p {
+ margin: 10px 10px;
+ font-size: 1.2em;
+ line-height: 1.1;
+ color: #333;
+}
+#connectionboxinner .disconnected { display: none; }
+.cboxdisconnected #connectionboxinner .disconnected { display: block; }
+
+#connectionboxinner .reconnecting {
+ margin-top: 20px;
+ font-size: 1.6em; color: #555;
+ text-align: center; display: none;
+}
+.cboxreconnecting #connectionboxinner .reconnecting { display: block; }
+
+#reconnect_form button {
+ position: relative; width: 268px; height: 28px; left: 10px;
+ font-size: 12pt;
+}
+
+/* We give docbar a higher z-index than its descendant impexp-wrapper in
+ order to allow the Import/Export panel to be on top of stuff lower
+ down on the page in IE. Strange but it works! */
+#docbar { z-index: 52; }
+
+#impexp-wrapper { width: 500px; right: 10px; }
+#impexp-panel { height: 160px; }
+.docbarimpexp-closing #impexp-wrapper { z-index: 50; }
+
+#savedrevs-wrapper { width: 100%; left: 0; }
+#savedrevs-panel { height: 79px; }
+.docbarsavedrevs-closing #savedrevs-wrapper { z-index: 50; }
+#savedrevs-wrapper .dbpanel-rightedge { background-position: 0 -10px; }
+
+#options-wrapper { width: 340px; right: 200px; }
+#options-panel { height: 114px; }
+.docbaroptions-closing #options-wrapper { z-index: 50; }
+
+#security-wrapper { width: 320px; right: 300px; }
+#security-panel { height: 130px; }
+.docbarsecurity-closing #security-wrapper { z-index: 50; }
+
+#revision-notifier { position: absolute; right: 8px; top: 25px;
+ width: auto; height: auto; font-size: 1.2em; background: #ffc;
+ border: 1px solid #aaa; color: #444; padding: 3px 5px;
+ display: none; z-index: 55; }
+#revision-notifier .label { color: #777; font-weight: bold; }
+
+/* We don't ever actually hide the wrapper, even when the panel is
+ cloased, so that its contents can always be manipulated accurately. */
+.dbpanel-wrapper { position: absolute;
+ overflow: hidden; /* animated: */ height: 0; top: 25px; /* /animated */
+ z-index: 51; zoom: 1; }
+.dbpanel-panel { position: absolute; bottom: 0; width: 100%; }
+
+.dbpanel-middle { margin-left: 7px; margin-right: 7px;
+ position: relative; height: 100%; overflow: hidden; zoom: 1; }
+.dbpanel-inner { background: #f7f7f7 /* covered up by images */;
+ width: 100%; height: 100%; position: absolute; overflow: hidden; top: -10px; }
+
+.dbpanel-top { position: absolute; top: 0; width: 100%;
+ height: 400px; background-image: url(/static/img/jun09/pad/docpanelmiddle2.png);
+ background-position: left top; }
+
+.dbpanel-bottom { position: absolute; height: 400px;
+ bottom: -390px; width: 100%;
+ background-image: url(/static/img/jun09/pad/docpanelmiddle2.png);
+ background-position: left top;
+}
+
+* html .dbpanel-top, * html .dbpanel-bottom { /* for IE 6+ */
+ background-color: transparent;
+ background-image: url(/static/img/apr09/blank.gif);
+ /* scale the image instead of repeating, but it amounts to the same */
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/jun09/pad/docpanelmiddle2.png", sizingMethod="scale");
+}
+
+.dbpanel-leftedge, .dbpanel-rightedge, .dbpanel-botleftcorner, .dbpanel-botrightcorner {
+ position: absolute;
+ background-repeat: no-repeat;
+ background-color: transparent;
+ background-image: url(/static/img/jun09/pad/docpaneledge2.png);
+}
+
+.dbpanel-leftedge, .dbpanel-rightedge { height: 100%; width: 7px; bottom: 11px; }
+.dbpanel-botleftcorner, .dbpanel-botrightcorner { height: 11px; width: 7px; bottom: 0; }
+
+.dbpanel-leftedge, .dbpanel-botleftcorner { left: 0; background-position: -7px 0; }
+.dbpanel-rightedge, .dbpanel-botrightcorner { right: 0; background-position: 0 0; }
+
+#importexport { position: absolute; top: 5px; left: 0; font-size: 1.2em; color: #444;
+ height: 100%; width: 100%; }
+
+* html .dbpanel-leftedge, * html .dbpanel-rightedge, * html .dbpanel-botleftcorner, * html .dbpanel-botrightcorner {
+ background-color: transparent;
+ background-image: url(/static/img/apr09/blank.gif);
+ /* crop the image */
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/jun09/pad/docpaneledge2.png", sizingMethod="crop");
+}
+* html .dbpanel-leftedge, * html .dbpanel-botleftcorner { left: -7px; width: 14px; }
+
+#impexp-importlabel { position: absolute; top: 5px; left: 10px; width: 300px; }
+
+#importform { position: absolute; top: 24px; left: 5px; width: 300px; height: 60px; }
+#importformsubmitdiv, #importformfilediv { padding: 5px 5px; }
+#importexport .importformenabled {
+ background: #cfc;
+ border: 1px solid #292;
+}
+#importexport span.nowrap { white-space: nowrap; }
+#importexport #importstatusball { margin-left: 3px; padding-top: 1px; display: none; }
+#importexport #importarrow { margin-left: 5px; padding-top: 1px; display: none; }
+#importexport .importmessage { border: 1px solid #992;
+ background: #ffc; padding: 5px; font-size: 85%; display: none; }
+#importexport #importmessagefail { margin-top: 5px; }
+#importexport #importmessagesuccess { margin: 0 20px; }
+#importexport a.disabledexport {
+ color: #333; text-decoration: none;
+ opacity: 0.5; filter: alpha(opacity = 50) /*IE*/;
+}
+#importexport #importfileinput { padding: 2px 0; }
+#importexport #importsubmitinput { padding: 2px; }
+
+#impexp-divider { position: absolute; left: 320px; top: 5px; height: 135px; width: 2px;
+ background: #ddd; }
+#impexp-close { display: block; position: absolute; right: 2px; bottom: 15px;
+ width: auto; height: auto; font-size: 85%; color: #444;
+ z-index: 61 /* > clickcatcher */}
+#impexp-disabled-clickcatcher {
+ display: none;
+ position: absolute; width: 100%; height: 100%;
+ z-index: 60;
+}
+
+#impexp-exportlabel { position: absolute; top: 5px; left: 350px;
+ width: 300px; }
+#exportlinks .exportlink {
+ display: block; position: absolute; height: 22px; width: auto;
+ background-repeat: no-repeat;
+ background-image: url(/static/img/jun09/pad/fileicons.gif);
+ line-height: 22px; padding-left: 22px; padding-right: 2px;
+}
+#exportlinks .n1 { left: 350px; top: 30px; }
+#exportlinks .n2 { left: 350px; top: 57px; }
+#exportlinks .n3 { left: 350px; top: 84px; }
+#exportlinks .n4 { left: 485px; top: 30px; }
+#exportlinks .n5 { left: 485px; top: 57px; }
+#exportlinks .n6 { left: 485px; top: 84px; }
+#exportlinks .exporthrefdoc { background-position: 2px -1px; }
+#exportlinks .exporthrefhtml { background-position: 2px -25px; }
+#exportlinks .exporthreflink { background-position: 2px -49px; }
+#exportlinks .exporthrefodt { background-position: 2px -73px; }
+#exportlinks .exporthrefpdf { background-position: 2px -97px; }
+#exportlinks .exporthreftxt { background-position: 2px -121px; }
+
+#savedrevisions { position: absolute; top: 0; left: 0; font-size: 1.2em;
+ color: #444; height: 100%; width: 100%; }
+#savedrevs-scrolly { height: 75px; width: auto; margin-right: 136px;
+ overflow: hidden; position: relative; top: 1px;
+}
+#savedrevs-scrollleft { height: 100%; width: 14px; position: absolute;
+ left: 0; top: 0; cursor: pointer;
+ background: url(/static/img/jun09/pad/savedrevarrows.gif) no-repeat right top;
+}
+#savedrevs-scrollright { height: 100%; width: 14px; position: absolute;
+ right: 0; top: 0; cursor: pointer;
+ background: url(/static/img/jun09/pad/savedrevarrows.gif) no-repeat left top;
+}
+#savedrevs-scrolly .disabledscrollleft { background-position: right bottom; }
+#savedrevs-scrolly .disabledscrollright { background-position: left bottom; }
+#savedrevs-scrollouter { margin-left: 14px; margin-right: 14px;
+ width: auto; height: 100%; overflow: hidden; position: relative;
+}
+#savedrevs-scrollinner { position: absolute; width: 1px; height: 100%;
+ overflow: visible; right: 0/*...initially*/; top: 0; }
+#savedrevisions .srouterbox { width: 120px; height: 100%;
+ position: absolute; top: 0;
+}
+#savedrevisions .srinnerbox { position: relative; top: 8px;
+ height: 59px; width: auto; border-left: 1px solid #ddd;
+ padding: 0 8px 0 8px; }
+#savedrevisions a.srname { display: block; white-space: nowrap;
+ text-overflow: ellipsis /*no FF support*/; overflow: hidden;
+ text-decoration: none; color: #444; cursor: text;
+ padding: 1px; height: 14px; position: relative; left: -1px;
+ width: 100px /*specify for proper overflow in IE*/;
+}
+#savedrevisions a.srname:hover { text-decoration: none; color: #444;
+ border: 1px solid #ccc; padding: 0; }
+#savedrevisions .sractions { font-size: 85%; color: #ccc;
+ margin-top: 1px; height: 12px; }
+#savedrevisions .sractions a { text-decoration: none;
+ color: #06c; }
+#savedrevisions .sractions a:hover { text-decoration: underline; }
+#savedrevisions .srtime { color: #666; font-size: 90%;
+ white-space: nowrap; margin-top: 3px; }
+#savedrevisions .srauthor { color: #666; font-size: 90%;
+ white-space: nowrap; overflow: hidden; text-overflow: ellipsis /*no FF*/;
+}
+#savedrevisions .srtwirly { position: absolute; display: block;
+ bottom: 0; right: 10px; display: none; }
+#savedrevisions .srnameedit {
+ position: absolute;
+}
+#savedrevs-savenow { display: block; position: absolute;
+ overflow: hidden; height: 0; padding-top: 24px; width: 81px;
+ top: 22px; right: 27px;
+ background: url(/static/img/jun09/pad/savedrevsgfx2.gif) no-repeat 0 0;
+}
+#savedrevs-savenow:active { background-position: 0 -24px; }
+#savedrevs-close { display: block; position: absolute; right: 7px; bottom: 8px;
+ width: auto; height: auto; font-size: 85%; color: #444; }
+form#reconnectform { display: none; }
+
+#padoptions { position: absolute; top: 0; left: 0; font-size: 1.2em;
+ color: #444; height: 100%; width: 100%; line-height: 15px; }
+#options-viewhead { font-weight: bold; position: absolute; top: 10px; left: 15px;
+ width: auto; height: auto; }
+#padoptions label { display: block; }
+#padoptions input { padding: 0; margin: 0; }
+#options-colorscheck { position: absolute; left: 15px; top: 34px; width: 15px; height: 15px; }
+#options-colorslabel { position: absolute; left: 35px; top: 34px; }
+#options-linenoscheck { position: absolute; left: 15px; top: 57px; width: 15px; height: 15px; }
+#options-linenoslabel { position: absolute; left: 35px; top: 57px; }
+#options-fontlabel { position: absolute; left: 15px; top: 82px; }
+#viewfontmenu { position: absolute; top: 80px; left: 90px; width: 110px; }
+#options-viewexplain { position: absolute; left: 215px; top: 15px; width: 100px; height: 70px;
+ padding-left: 10px; padding-top: 10px; border-left: 1px solid #ccc;
+ line-height: 20px; font-weight: bold; color: #999; }
+#options-close { display: block; position: absolute; right: 7px; bottom: 8px;
+ width: auto; height: auto; font-size: 85%; color: #444; }
+
+#padsecurity { position: absolute; top: 0; left: 0; font-size: 1.2em;
+ color: #444; height: 100%; width: 100%; line-height: 15px; }
+#security-close { display: block; position: absolute; right: 7px; bottom: 8px;
+ width: auto; height: auto; font-size: 85%; color: #444; }
+#security-passhead { font-weight: bold; position: absolute; top: 90px; left: 15px;
+ width: auto; height: auto; }
+#security-passbody { position: absolute; left: 75px; top: 90px; }
+#security-passwordedit { height: 15px; border: 1px solid #bbb;
+ position: absolute; top: 0; left: 15px; width: 120px; }
+#security-password a { text-decoration: none; display: block;
+ width: auto; height: auto; }
+#password-savelink, #password-cancellink {position: absolute; top: 0; }
+#security-password a:hover { text-decoration: underline; }
+#password-savelink { left: 144px; color: #06c; }
+#password-cancellink { left: 180px; color: #666; }
+#password-nonedit { left: 15px; position: absolute;
+ width: 220px; top: 0; }
+#password-setlink { color: #06c; }
+#password-clearlink { color: #06c; }
+#password-display { height: 15px; width: auto; }
+#password-inedit { display: none; }
+#password-display, #password-setlink, #password-clearlink {
+ float: left; margin-right: 10px;
+}
+#password-display { font-size: 18px; }
+#security-password .nopassword #password-display { font-size: 100%; }
+#security-password .nopassword #password-clearlink { display: none; }
+#security-password .nopassword #password-setlink { left: 60px; }
+
+#security-access { position: absolute; left: 15px; width: 200px; }
+#security-accesshead { font-weight: bold; position: absolute; top: 10px;
+ left: 0; width: auto; height: auto; }
+#security-access input, #security-access label { position: absolute; }
+#security-access input { left: 10px; }
+#security-access label { left: 30px; width: 250px; }
+#access-private, #access-private-label { top: 35px; }
+#access-public, #access-public-label { top: 60px; }
+#security-access label { color: #999; }
+#security-access label strong { font-weight: normal; padding-right: 10px;
+ color: #444; }
+
+#mainmodals { z-index: 600; /* higher than the modals themselves
+ so that modals are on top in IE */ }
+
+.modalfield { font-size: 1.2em; padding: 1px; border: 1px solid #bbb;
+ position: absolute;}
+#mainmodals .editempty { color: #aaa; }
+
+<% feedbackbox = {width:400, height:270}; %>
+#feedbackbox {
+ position: absolute; display: none;
+ width: <%=feedbackbox.width%>px; height: <%=feedbackbox.height%>px;
+ left: 100px/*set in code*/; bottom: 50px;
+ z-index: 501; zoom: 1;
+}
+#feedbackbox-tl, #feedbackbox-tr, #feedbackbox-bl, #feedbackbox-br,
+#feedbackbox-hide, #feedbackbox-send, #feedbackbox-back {
+ position: absolute; display: block;
+ background-repeat: no-repeat;
+ background-image: url(/static/img/jun09/pad/feedbackbox2.gif);
+}
+#feedbackbox-tl { width: <%=feedbackbox.width-8%>px;
+ height: <%=feedbackbox.height-8%>px; left: 0; top: 0;
+ background-position: left top; }
+#feedbackbox-tr { width: 8px; height: <%=feedbackbox.height-8%>px;
+ right: 0; top: 0; background-position: right top; }
+#feedbackbox-bl { width: <%=feedbackbox.width-8%>px;
+ height: 8px; left: 0; bottom: 0;
+ background-position: left bottom; }
+#feedbackbox-br { width: 8px; height: 8px; bottom: 0; right: 0;
+ background-position: right bottom; }
+#feedbackbox-hide { width: 22px; height: 22px; right: 9px; top: 7px;
+ background-position: -569px -6px;
+}
+#feedbackbox-back { width: <%=feedbackbox.width-16%>px;
+ height: <%=feedbackbox.height-16%>px; left: 8px; top: 8px;
+ background-position: -8px -8px;
+ background-color: white; }
+#feedbackbox-contents { width: <%=feedbackbox.width-16%>px;
+ height: <%=feedbackbox.height-16%>px; left: 8px; top: 8px;
+ position: absolute; font-size: 1.4em; color: #444; }
+#feedbackbox-contentsinner { padding: 10px; }
+#feedbackbox-send { width: 50px; height: 22px; right: 15px; bottom: 15px;
+ background-position: -535px -363px;
+}
+#feedbackbox-email { left: 90px; top: 48px; width: 356px; height: auto; }
+#feedbackbox-message { left: 90px; top: 84px; width: 358px; height: 100px; }
+#feedbackbox-response { position: absolute; bottom: 15px; left: 15px;
+ width: 390px; height: auto; font-size: 1.2em; display: none; }
+#feedbackbox .goodresponse { font-weight: bold; color: green; }
+#feedbackbox .badresponse { font-weight: bold; color: red; }
+#feedbackbox p { margin-bottom: 1em; }
+#feedbackbox ul { margin: 1em 0 1em 2em }
+#feedbackbox li { padding: 0.3em 0; }
+#feedbackbox li a { display: block; font-weight: bold; }
+#feedbackbox li a:hover { background: #ffe; }
+#feedbackbox a, #feedbackbox li a:visited { color: #47b; }
+#feedbackbox tt { font-size: 110%; }
+
+<% var shareboxfull = {width:485, height:326}; %>
+#sharebox {
+ position: absolute;
+ width: 485px;
+ left: 300px/*set in code*/; top: 100px; display: none;
+ z-index: 501; zoom: 1;
+ overflow: hidden;
+ background: white; border: 1px solid #999;
+}
+#sharebox { height: 160px/*set in code*/; }
+.nonprouser #sharebox { height: 110px/*set in code*/; }
+#sharebox-inner { width: 100%; }
+#sharebox-forms { position: absolute; top: 50px; width: 100%; }
+#sharebox-hide, #sharebox-send {
+ position: absolute; background-repeat: no-repeat;
+ background-image: url(/static/img/jun09/pad/sharebox4.gif);
+}
+#sharebox-hide, #sharebox-send { display: block; }
+#sharebox-hide { width: 22px; height: 22px; right: 9px; top: 7px;
+ background-position: <%= -(shareboxfull.width-31) %>px -6px;
+}
+#sharebox-send { width: 87px; height: 22px; right: 15px; top: <%= shareboxfull.height-22-15 %>px;
+ background-position: <%= -(shareboxfull.width-87-15) %>px <%= -(shareboxfull.height-22-15) %>px;
+}
+#sharebox-url { position: absolute; left: 20px; top: 42px; width: 440px; height: 18px;
+ text-align: left; font-size: 1.3em; line-height: 18px; padding: 2px; }
+
+#sharebox-to { left: 90px; top: 117px; height: auto; width: 378px; background: #ffe; }
+#sharebox-subject { left: 90px; top: 150px; height: auto; width: 378px; font-weight: bold; }
+#sharebox-message { left: 90px; top: 182px; width: 380px; height: 90px; }
+#sharebox-response { position: absolute; bottom: 15px; left: 15px;
+ width: 350px; height: auto; font-size: 1.2em; display: none; }
+#sharebox .goodresponse { font-weight: bold; color: green; }
+#sharebox .badresponse { font-weight: bold; color: red; }
+#sharebox-dislink { position: absolute; left: 12px; top: 78px;
+ height: 22px; width: 220px; cursor: pointer;
+ background-image: url(/static/img/jun09/pad/sharedistri.gif);
+ background-repeat: no-repeat;
+ background-position: 0 5px;
+}
+.sharebox-open #sharebox-dislink { background-position: 0 -28px; }
+#sharebox-shownwhenexpanded { display: none; }
+.sharebox-open #sharebox-shownwhenexpanded { display: block; }
+
+#sharebox-pastelink { font-size: 155%; font-weight: bold;
+ top: 13px; left: 17px; position: absolute; color: #444; }
+#sharebox-orsend { font-size: 145%; font-weight: bold;
+ top: 80px; left: 31px; position: absolute; color: #444; }
+#sharebox-fieldname-to, #sharebox-fieldname-subject, #sharebox-fieldname-message {
+ position: absolute; font-weight: bold; font-size: 125%;
+ left: 15px; color: #222;
+}
+#sharebox-fieldname-to { top: 119px; }
+#sharebox-fieldname-subject { top: 152px; }
+#sharebox-fieldname-message { top: 183px; }
+
+#sharebox-stripe { position: absolute; left: 10px;
+ width: 436px; top: 8px; height: 45px; line-height: 1.2; }
+#sharebox-stripe div { padding: 5px; font-size: 130%; }
+#sharebox-stripe strong { font-weight: bold; }
+.sharebox-stripe-public { background: #cfc; }
+.sharebox-stripe-private { background: #fec; }
+.sharebox-stripe-public .private { display: none; }
+.sharebox-stripe-private .public { display: none; }
+#sharebox-stripe a { color: #06c; }
+
+.nonprouser #sharebox-stripe { display: none; }
+.nonprouser #sharebox-forms { top: 0; }
+
+#viewbarcontents { display: none; }
+#viewzoomtitle {
+ position: absolute; left: 10px; top: 4px; height: 20px; line-height: 20px;
+ width: auto;
+}
+#viewzoommenu {
+ position: absolute; top: 3px; left: 50px;
+ width: 65px;
+}
+#bottomarea { height: 28px; overflow: hidden; position: relative;
+ font-size: 1.2em; color: #444; }
+#widthprefcheck { position: absolute;
+ background-image: url(/static/img/jun09/pad/layoutbuttons.gif);
+ background-repeat: no-repeat; cursor: pointer;
+ width: 86px; height: 20px; top: 4px; right: 2px; }
+.widthprefunchecked { background-position: -1px -1px; }
+.widthprefchecked { background-position: -1px -23px; }
+#sidebarcheck { position: absolute;
+ background-image: url(/static/img/jun09/pad/layoutbuttons.gif);
+ background-repeat: no-repeat; cursor: pointer;
+ width: 86px; height: 20px; top: 4px; right: 90px; }
+.sidebarunchecked { background-position: -1px -45px; }
+.sidebarchecked { background-position: -1px -67px; }
+#feedbackbutton { display: block; position: absolute; width: 68px;
+ height: 0; padding-top: 17px; overflow: hidden;
+ background: url(/static/img/jun09/pad/bottomareagfx.gif);
+ top: 5px; right: 220px;
+}
+
+#modaloverlay {
+ z-index: 500; display: none;
+ background-image: url(/static/img/jun09/pad/overlay2.png);
+ background-repeat: repeat-both;
+ width: 100%; position: absolute;
+ height: 400px; left: 0; top: 0;
+}
+
+* html #modaloverlay { /* for IE 6+ */
+ opacity: 1; /* in case this is looked at */
+ background-image: none;
+ background-repeat: no-repeat;
+ /* scale the image */
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/jun09/pad/overlay2.png", sizingMethod="scale");
+}
diff --git a/etherpad/src/static/css/pro-signup.css b/etherpad/src/static/css/pro-signup.css
new file mode 100644
index 0000000..b58d86d
--- /dev/null
+++ b/etherpad/src/static/css/pro-signup.css
@@ -0,0 +1,69 @@
+.pro-signup {
+}
+
+.pro-signup #about {
+ width: 400px;
+ font-size: 86%;
+ color: #333;
+}
+
+.pro-signup h1 {
+ border: 0;
+}
+
+.pro-signup h3 {
+ font-size: 1.2em;
+ font-weight: bold;
+ margin: 0 0 .75em 0;
+ color: #888;
+}
+
+form#pro-act-form {
+}
+
+div.inputdiv {
+ width: 400px;
+ float: left;
+ background: #efe;
+ padding: .75em;
+ border-right: 1px solid #999;
+}
+
+div.inputdiv p {
+ margin: .2em 0 .6em 0;
+}
+
+div.inputhelp {
+ width: 300px;
+ font-size: 86%;
+ color: #555;
+ float: left;
+ padding-left: 1em;
+ padding-top: .5em;
+}
+
+form input {
+ border: 1px solid #377ec6;
+}
+
+form button {
+ border: 0;
+ cursor: pointer;
+ color: #fff;
+ font-weight: bold;
+ overflow: visible;
+ padding: 0;
+ background: #70a4ec;
+ border: 1px solid #3773c6;
+ padding: 4px 6px;
+ margin-top: 4px;
+}
+
+div.err {
+ margin: 1em 0;
+ padding: 1em;
+ font-weight: bold;
+ border: 1px solid #500;
+ background: #fdd;
+}
+
diff --git a/etherpad/src/static/css/pro/account.css b/etherpad/src/static/css/pro/account.css
new file mode 100644
index 0000000..212a847
--- /dev/null
+++ b/etherpad/src/static/css/pro/account.css
@@ -0,0 +1,254 @@
+.account-container {
+ width: 434px;
+ margin: 0 auto;
+}
+
+#account-error {
+ margin: 1em 0;
+ padding: 1em;
+ background: #fee;
+ border: 1px solid #f66;
+ font-weight: bold;
+}
+
+#account-message {
+ margin: 1em 0;
+ padding: 1em;
+ background: #efe;
+ border: 1px solid #ccc;
+ font-weight: bold;
+}
+
+#signin-notice {
+ margin: 1em 0;
+ padding: 1em;
+ background: #fff6cc;
+ border: 1px solid #ccc;
+}
+
+/*---- blue box (general) ----*/
+/* TODO: move to different file, bluebox.css? */
+
+div.bb {
+ background: #f7f7f7;
+}
+
+div.bb div.bb-top {
+ position: relative;
+ width: 100%;
+ height: 30px;
+ background: url(/static/img/pro/box/blue-boxtop.gif) repeat-x 0 -30px;
+}
+
+div.bb div.bb-topleft {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 30px;
+ width: 9px;
+ background: url(/static/img/pro/box/blue-boxtop.gif) no-repeat 0 0;
+}
+
+div.bb div.bb-topright {
+ position: absolute;
+ top: 0;
+ right: 0;
+ height: 30px;
+ width: 9px;
+ background: url(/static/img/pro/box/blue-boxtop.gif) no-repeat -9px 0;
+}
+
+div.bb div.bb-title {
+ color: #fff;
+ font-weight: bold;
+ line-height: 30px;
+ padding-left: 10px;
+}
+
+div.bb div.bb-in {
+ border-left: 1px solid #ccc;
+ border-right: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+}
+
+button.bluebutton {
+ border: 0;
+ cursor: pointer;
+ color: #fff;
+ font-weight: bold;
+ overflow: visible;
+ padding: 0;
+ background: #70a4ec;
+ border: 1px solid #3773c6;
+ padding: 4px 6px;
+}
+
+button.bluebutton120 {
+ background: url(/static/img/pro/buttons/bluebutton120.gif) no-repeat;
+ width: 120px;
+ height: 26px;
+ padding: 0;
+ border: 0;
+}
+
+
+/*---- sign-in box ----*/
+
+div.bb-signin div.bb-in {
+ padding: 10px 12px 20px 12px;
+}
+
+div.bb-signin label#email-label,
+div.bb-signin label#password-label {
+ display: block;
+ float: left;
+ width: 92px;
+ margin-top: 10px;
+ font-size: 1.1em;
+ color: #333;
+ padding-top: 5px;
+}
+
+div.bb-signin input.textin,
+div.bb-signin input.passin {
+ border: 1px solid #c2c2c2;
+ background: #ffffff;
+ margin-top: 10px;
+ width: 300px;
+ font-size: 1.1em;
+ float: right;
+}
+
+div.bb-signin input#rememberMe,
+div.bb-signin label#rememberMe-label {
+ float: left;
+}
+div.bb-signin input#rememberMe {
+ margin-top: 32px;
+}
+div.bb-signin label#rememberMe-label {
+ margin-left: 10px;
+ margin-top: 32px;
+ color: #555;
+ font-size: .9em;
+ display: block;
+}
+
+div.bb-signin button.bluebutton {
+ float: right;
+ margin-top: 24px;
+}
+
+
+div.account-container div#bottom-text {
+ padding-top: 20px;
+ padding-left: 4px;
+ font-size: .9em;
+}
+div.account-container div#bottom-text a {
+ text-decoration: none;
+}
+
+#guest-signin-choice {
+ display: block;
+ border: 1px solid green;
+ background: #efe;
+ padding: 1em;
+ margin: 1em 0;
+}
+
+#account-signin-choice {
+ display: block;
+ border: 1px solid blue;
+ background: #eef;
+ padding: 1em;
+ margin: 1em 0;
+}
+
+div#guest-knock-box {
+ width: 500px;
+ margin: 0 auto;
+ border: 1px solid green;
+ background: #efe;
+ font-weight: bold;
+ padding: 1em;
+ font-size: 1.5em;
+}
+
+div#guest-knock-denied {
+ border: 1px solid red;
+ background: #fee;
+ font-weight: bold;
+ font-size: 1.5em;
+ padding: 1em;
+ margin: 0 auto;
+ width: 500px;
+ display: none;
+}
+
+/*---- recover lost password ----*/
+
+div.bb-forgotpass div.bb-in {
+ padding: 10px 12px 12px 12px;
+}
+
+div.bb-forgotpass div#instructions {
+ font-size: .8em;
+ color: #222;
+}
+
+div.bb-forgotpass label {
+ float: left;
+ width: 92px;
+ margin-top: 10px;
+ font-size: 1.1em;
+ color: #333;
+ padding-top: 5px;
+}
+
+div.bb-forgotpass input.textin {
+ border: 1px solid #c2c2c2;
+ background: #fff;
+ margin-top: 14px;
+ width: 300px;
+ float: right;
+}
+
+div.bb-forgotpass button {
+ float: right;
+ margin-top: 16px;
+}
+
+
+/*---- my account ----*/
+/* TODO: re-style this and move to different file */
+
+div.my-account {
+ width: 600px;
+}
+
+div.my-account h2 {
+ font-size: 1.2em;
+ border-bottom: 1px solid #444;
+ color: #444;
+ margin: 1em 0;
+}
+
+div.my-account table {
+ width: 500px;
+}
+
+div.my-account table .ti input {
+ width: 100%;
+}
+
+div.my-account table th {
+ width: 160px;
+}
+
+div.my-account table th,
+div.my-account table td {
+ padding: 4px 8px;
+}
+
+
diff --git a/etherpad/src/static/css/pro/framedpage-pro.css b/etherpad/src/static/css/pro/framedpage-pro.css
new file mode 100644
index 0000000..cffa58b
--- /dev/null
+++ b/etherpad/src/static/css/pro/framedpage-pro.css
@@ -0,0 +1,125 @@
+/*--- farmed page styles ---*/
+
+/*------
+ Global Container
+------*/
+
+body#framedpagebody {
+ background: #fff;
+}
+
+#container {
+ font-family: Arial, Helvetica, Calibri, sans-serif;
+ width: 920px; margin: 0 auto;
+}
+
+/*------
+ Layout
+------*/
+
+/* framed page general */
+div.fpcontent {
+ width: 888px;
+ margin: 0 auto;
+ font-size: 1.3em;
+ background-color: #fff;
+ padding-top: 1em;
+}
+
+div.fpcontent p {
+ margin: 1em 0;
+ line-height: 150%;
+}
+div.fpcontent ul {
+ list-style: disc;
+ padding-left: 2em;
+}
+div.fpcontent ul li {
+ margin: 1em 0;
+}
+
+/* top header */
+
+body.pro-withtopbar {
+ background: url(/static/img/pro/header/pro-header-plustopnav-back.gif) repeat-x top !important;
+}
+
+#pro-topbar {
+ height: 48px;
+}
+
+#pro-topbar-inner {
+ width: 888px;
+ margin: 0 auto;
+ height: 48px;
+ line-height: 48px;
+ background: url(/static/img/pro/header/pro-header-logo.png) no-repeat top center;
+}
+
+#pro-topbar div#org-name a {
+ font-size: 1.4em;
+ color: #fff;
+ vertical-align: center;
+}
+
+#pro-topbar #accountnav {
+ float: right;
+ vertical-align: center;
+ color: #fff;
+}
+
+#pro-topbar #accountnav a {
+ color: #cde7ff;
+ text-decoration: underline;
+}
+
+
+/* navigation */
+
+#pro-topnav {
+ background: url(/static/img/pro/topnav/pro-topnav-back.gif) repeat-x top;
+ height: 36px;
+}
+
+#pro-topnav-inner {
+ margin: 0 auto;
+ height: 36px;
+ width: 888px;
+}
+
+#pro-topnav ul {
+ float: left;
+}
+#pro-topnav ul li {
+ display: block;
+ height: 36px;
+ float: left;
+}
+#pro-topnav ul li a {
+ display: block;
+ line-height: 36px;
+ margin: 0 20px;
+}
+#pro-topnav ul li.topnav_home a {
+ margin-left: 0;
+}
+#pro-topnav ul li a:hover { }
+#pro-topnav ul li.selected a {
+ color: #000;
+ background: url(/static/img/pro/topnav/pro-topnav-notch.gif) no-repeat center 28px;
+}
+
+#shuttingdown { position: relative; zoom: 1; border: 1px solid #992;
+ background: #ffc; padding: 0.6em; font-size: 1.2em; margin-top: 6px; }
+
+
+/*--- framed page styles ---*/
+
+div.global-pro-notice {
+ margin: .5em 1em;
+ border: 1px solid #f84;
+ background: #ffc;
+ font-weight: bold;
+ padding: 1em;
+}
+
diff --git a/etherpad/src/static/css/pro/padlist.css b/etherpad/src/static/css/pro/padlist.css
new file mode 100644
index 0000000..13d3171
--- /dev/null
+++ b/etherpad/src/static/css/pro/padlist.css
@@ -0,0 +1,115 @@
+
+/*---- nav ----*/
+
+#padlist-nav {
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+}
+
+#padlist-nav ul {
+ margin: 0;
+ padding: 0;
+ float: left;
+}
+
+#padlist-nav form {
+ float: right;
+ padding-top: 2px;
+}
+
+#padlist-nav ul li {
+ list-style: none;
+ float: left;
+ padding: 0;
+ margin: 0;
+}
+
+#padlist-nav ul li a {
+ display: block;
+ padding: 8px 12px;
+ font-size: .8em;
+}
+
+#padlist-nav ul li a.selected {
+ color: black;
+}
+
+#padlist-nav ul li a#nav-all-pads {
+ padding-left: 0;
+}
+
+/*---- showing sentence ----*/
+
+#showing-desc {
+ margin-top: 12px;
+ color: #464;
+ font-size: .8em;
+ font-style: italic;
+}
+
+/*---- table ----*/
+
+#padtable {
+ margin-top: 1em;
+ border-top: 1px solid #ccc;
+ border-left: 1px solid #ccc;
+}
+
+#padtable th {
+ font-weight: bold;
+}
+
+#padtable th,
+#padtable td {
+ border-right: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ padding: 4px 8px;
+}
+
+#padtable td.actions {
+ padding: 0;
+}
+
+#padtable tr:hover {
+ background: #ffffaa;
+}
+#padtable tr.toprow:hover {
+ background: inherit;
+}
+
+#padtable div.gear-drop {
+ width: 36px;
+ height: 20px;
+ background: url(/static/img/pro/padlist/gear-drop.gif) no-repeat center 4px;
+ cursor: pointer;
+ padding: 4px 8px;
+}
+
+#padtable tr.selected {
+/* background: #6670ff; */
+ background: #ffff88;
+}
+#padtable tr.selected td {
+ border-top: 1px solid black;
+ border-bottom: 1px solid black;
+ border-right: 0;
+}
+#padtable tr.selected td.first {
+ border-left: 1px solid black;
+}
+#padtable tr.selected td.last {
+ border-right: 1px solid black;
+}
+#padtable tr.selected td a {
+ color: #000;
+}
+
+div.padlist-notice {
+ border: 1px solid #ccc;
+ font-weight: bold;
+ background: #fff6cc;
+ padding: 1em;
+ margin-bottom: 1em;
+ font-size: 82.5%;
+}
+
diff --git a/etherpad/src/static/css/pro/pro-admin.css b/etherpad/src/static/css/pro/pro-admin.css
new file mode 100644
index 0000000..e7462c9
--- /dev/null
+++ b/etherpad/src/static/css/pro/pro-admin.css
@@ -0,0 +1,343 @@
+/*----------------------------------------------------------------*/
+/* admin leftnav */
+/*----------------------------------------------------------------*/
+
+#admin-layout-table {
+ width: 100%;
+}
+
+#admin-layout-table td {
+}
+
+#admin-leftnav {
+ font-size: .81em;
+ border: 1px solid #ccc;
+ white-space: nowrap;
+ background: #eee;
+ padding: 0;
+}
+
+#admin-leftnav .leftnav-title {
+ padding: .75em .25em .25em .25em;
+ border-bottom: 1px solid #ccc;
+}
+#admin-leftnav ul {
+ padding: 0;
+ list-style: none;
+}
+
+#admin-leftnav ul ul {
+ list-style: disc;
+}
+
+#admin-leftnav li {
+ display: block;
+ width: 100%;
+ margin: 0;
+}
+
+#admin-leftnav li a {
+ display: block;
+ margin: 0;
+ padding: .5em;
+}
+
+#admin-leftnav li a:hover {
+ text-decoration: none;
+ background: #ffc;
+}
+
+#admin-leftnav li.selected a {
+ color: #000;
+ font-weight: bold;
+ background: #fff;
+}
+
+/*----------------------------------------------------------------*/
+/* admin content area */
+/*----------------------------------------------------------------*/
+
+#admin-right {
+ padding-left: 1em;
+}
+
+#admin-right h3 {
+ font-weight: bold;
+ font-size: 1.1em;
+ color: #666;
+ border-bottom: 1px solid #666;
+ margin: 1.25em 0;
+}
+
+#admin-right h3.top {
+ margin-top: 0;
+}
+
+/*----------------------------------------------------------------*/
+/* server dashboard */
+/*----------------------------------------------------------------*/
+
+#responsecodes-table {
+ border 1px solid #ccc;
+}
+#responsecodes-table td,
+#responsecodes-table th {
+ padding: .4em;
+}
+#responsecodes-table th {
+ font-weight: bold;
+ border-bottom: 1px solid #ccc;
+ padding-right: 2em;
+}
+
+/*----------------------------------------------------------------*/
+/* license manager */
+/*----------------------------------------------------------------*/
+
+div.lm-error-msg {
+ border: 1px solid #f99;
+ font-weight: bold;
+ background: #fdd;
+ padding: 0 1em;
+ margin-bottom: 1em;
+}
+
+div.lm-notice-msg {
+ border: 1px solid #ccc;
+ font-weight: bold;
+ background: #fff6cc;
+ padding: 0 1em;
+ margin-bottom: 1em;
+}
+
+#lm-status {
+ border: 1px solid #ccc;
+ padding: 1em;
+ background: #dfd;
+}
+
+#lm-status table td {
+ padding: .5em 1.5em .5em 0;
+ border-bottom: 1px solid #ccc;
+ white-space: nowrap;
+}
+
+#lm-edit-button-wrap { margin: 1em 0; }
+
+#lm-edit {
+ background: #eef;
+ border: 1px solid #ccc;
+ padding: 0 1em 1em 1em;
+}
+#lm-edit p {
+ margin: 1em 0 0 0;
+}
+#lm-edit-submit-wrap { margin: 1em 0; }
+
+#lm h3 {
+/* margin-left: 1em; */
+}
+
+/*----------------------------------------------------------------*/
+/* accountmanager */
+/*----------------------------------------------------------------*/
+
+.manage-accounts {
+ font-size: .76em;
+}
+
+.manage-accounts #message {
+ border: 1px solid #ccc;
+ background: #efe;
+ color: #666;
+ font-weight: bold;
+ padding: 1em;
+}
+
+.manage-accounts #warning {
+ border: 1px solid #ccc;
+ background: #ffd;
+ color: #333;
+ font-weight: bold;
+ padding: 1em;
+ margin-top: 1em;
+}
+
+.manage-accounts form#new-account-button {
+ margin: 1em 0;
+}
+
+table#accountlist {
+ border: 1px solid #ccc;
+ border-bottom: 0;
+}
+
+table#accountlist tr:hover {
+ background: #ffc;
+}
+
+table#accountlist th,
+table#accountlist td {
+ white-space: nowrap;
+ padding: .5em 1em .5em .5em;
+ border-bottom: 1px solid #ccc;
+}
+
+table#accountlist th {
+ font-weight: bold;
+ background-color: #eef;
+}
+
+.manage-accounts p.free-notice {
+ font-style: italic;
+ color: #162;
+}
+
+.manage-accounts p.account-tally {
+ font-style: italic;
+}
+
+/* new account form */
+
+.new-account-form {
+ border: 1px solid #ccc;
+ background: #eef;
+ padding: 0;
+ margin: 0;
+}
+
+.new-account-form .forminner {
+ padding: 1em;
+}
+
+.new-account-form div.formfield {
+ margin-top: .5em;
+ padding: 0 1em;
+}
+
+.new-account-form div.formfield label { display: block; margin-top: 1em; }
+.new-account-form div.formfield input.checkboxinput { float: left; width: 20px; }
+.new-account-form div.formfield input.textinput { display: block; width: 240px; }
+.new-account-form div.formfield input.temppassinput { display: block; width: 240px; }
+.new-account-form div.formfield label.checkboxlabel { float: left; margin-top: .333em; padding-left: .25em; }
+.newaccount .buttons-wrap { margin-left: 2em; }
+
+.newaccount #bottom-note {
+ color: #555;
+ margin-left: 2em;
+ width: 50%;
+}
+
+#error-message {
+ border: 1px solid red;
+ background: #fee;
+ padding: 1em;
+ font-weight: bold;
+ margin-bottom: 1em;
+}
+
+/* manage account page */
+
+table#manage-account {
+ border-left: 1px solid #ccc;
+ border-top: 1px solid #ccc;
+ background: #eef;
+}
+table#manage-account td,
+table#manage-account th {
+ border-right: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ padding: 4px 8px;
+}
+table#manage-account th {
+ text-align: right;
+}
+
+#delete-account-page div.confirm {
+ font-weight: bold;
+}
+
+#delete-account-page div.account-info {
+ border: 1px solid #555;
+ background: #fcc;
+ padding: 1em;
+ margin: 1em 0;
+ font-family: monospace;
+}
+
+#delete-account-page div.note {
+ margin-top: 1em;
+ margin-right: 222px;
+ font-size: .9em;
+ color: #555;
+}
+
+
+/*----------------------------------------------------------------*/
+/* PNE server config */
+/*----------------------------------------------------------------*/
+
+table#pne-config {
+ font-family: monospace;
+ font-size: 12px;
+ border-top: 1px solid #ccc;
+ border-left: 1px solid #ccc;
+ white-space: nowrap;
+ background: #fefefe;
+}
+
+table#pne-config th {
+ border-bottom: 2px solid #666;
+ font-weight: bold;
+}
+table#pne-config td {
+ padding: 2px;
+ border-bottom: 1px solid #ccc;
+ border-right: 1px solid #ccc;
+}
+
+table#pne-config td.key {
+ color: #009;
+ padding-right: 4px;
+}
+table#pne-config td.val { color: #420; }
+
+/*----------------------------------------------------------------*/
+/* Pro config */
+/*----------------------------------------------------------------*/
+
+div#pro-config-message {
+ border: 1px solid #ccc;
+ padding: 1em;
+ font-weight: bold;
+ margin: 1em 0;
+ background: #cfc;
+}
+
+table#t-pro-config {
+ display: block;
+ border-left: 1px solid #aaa;
+ border-right: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+}
+
+table#t-pro-config th,
+table#t-pro-config td {
+ border-top: 1px solid #aaa;
+ padding: 1em;
+ text-align: top;
+ vertical-align: top;
+}
+
+table#t-pro-config td textarea {
+ width: 100%;
+ height: 260px;
+}
+
+table#t-pro-config th {
+ text-align: right;
+ color: #963;
+ font-weight: bold;
+}
+
+
diff --git a/etherpad/src/static/css/pro/pro-home.css b/etherpad/src/static/css/pro/pro-home.css
new file mode 100644
index 0000000..03f163a
--- /dev/null
+++ b/etherpad/src/static/css/pro/pro-home.css
@@ -0,0 +1,65 @@
+
+#welcome-msg {
+ font-size: 1.2em;
+ color: #333;
+}
+
+#homeright {
+ width: 320px;
+ float: right;
+}
+
+#homeleft {
+ width: 548px;
+ float: left;
+}
+
+#homeleft-title {
+ font-weight: bold;
+ font-size: 1.0em;
+ margin-top: 1em;
+}
+
+.news-time-sep {
+ margin-top: 2em;
+}
+
+.news-time-sep .date {
+ float: left;
+ background: #fff;
+ padding-right: 1em;
+ color: #666;
+ font-size: .9em;
+}
+
+.news-time-sep .line {
+ height: .5em;
+ border-bottom: 1px solid #ccc;
+}
+
+.news-item {
+ padding: 0 2em 0 1em;
+ font-size: .86em;
+}
+
+/*--------------------------------------------------------------------------------
+ * recent pads
+ *--------------------------------------------------------------------------------*/
+
+#recent-pads #viewall {
+ display: block;
+ float: left;
+ margin: 0.8em 0;
+ font-size: 0.8em;
+}
+
+#homeright #padtable {
+ width: 100%;
+}
+
+#homeright h3 {
+ font-size: 1.0em;
+ font-weight: bold;
+ margin-top: 1em;
+}
+
generated by cgit v1.2.3-1-g7c22 (git 2.25.1) at 2024-06-02 00:57:45 +0000