5 files changed, 902 insertions, 0 deletions
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;
+}
+