Merge pull request #718 from 0ip/remove_old_css

Remove old Etherpad CSS code
pull/719/merge
John McLear 2012-05-20 05:57:42 -07:00
commit f3845c4020
4 changed files with 9 additions and 545 deletions

View File

@ -169,232 +169,6 @@ a img {
bottom: 0px;
width: 100%;
}
.maximized #padpage {
left: 8px;
right: 8px;
width: auto;
margin-left: 0;
}
body.fullwidth #padpage {
width: auto;
margin-left: 6px;
margin-right: 6px;
}
body.squish1width #padpage {
width: 800px
}
body.squish2width #padpage {
width: 700px
}
a#backtoprosite,
#accountnav {
display: block;
position: absolute;
height: 15px;
line-height: 15px;
width: auto;
top: 5px;
font-size: 1.2em;
display: none;
}
a#backtoprosite,
#accountnav a {
color: #cde7ff;
text-decoration: underline;
}
a#backtoprosite {
padding-left: 20px;
left: 6px;
background: url(static/img/protop.gif) no-repeat -5px -6px;
}
#accountnav {
right: 30px;
color: #fff;
}
#specialkeyarea {
top: 5px;
left: 250px;
color: yellow;
font-weight: bold;
font-size: 1.5em;
position: absolute;
}
#alertbar {
margin-top: 6px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
display: none;
position: absolute;
left: 0;
right: 0;
z-index: 53;
}
#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/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;
}
.menu,
.menu ul {
font-size: 10pt;
list-style-type: none;
}
.menu ul {
padding-left: 20px
}
.menu 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/padtop5.gif) no-repeat left -31px;
width: 7px;
}
#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; /*not supported in FF*/
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.docbar-public #docbarpadtitle {
padding-left: 22px;
background: url(static/img/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/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: 0px;
position: absolute;
@ -412,35 +186,6 @@ a#hidetopmsg {
top: 0;
zoom: 1;
}
.hidesidebar #padeditor {
right: 0
}
#vdraggie {
/* background: url(static/img/vdraggie.gif) no-repeat top center;;*/
width: 16px;
height: 16px;
background-image: url('../../static/img/etherpad_lite_icons.png');
background-repeat: no-repeat;
background-position: 0px -300px;
cursor: W-resize;
bottom: 0;
position: absolute;
right: 268px;
top: 0;
width: 56px;
z-index: 10;
display: inline-block;
}
.toolbarsavetable {
position: absolute;
top: 6px;
right: 8px;
height: 24px;
}
.toolbarsavetable td,
.toolbartable td {
white-space: nowrap
}
#myswatchbox {
position: absolute;
left: 5px;
@ -471,24 +216,6 @@ a#hidetopmsg {
padding-left: 10px;
padding-top: 10px;
}
/*
#mycolorpicker ul li
{
float: left;
}
#mycolorpicker .picked {
border: 1px solid #000 !important;
}
#mycolorpicker .picked .pickerswatch {
border: 1px solid #fff;
}
*/
#mycolorpickersave {
left: 10px;
font-weight: bold;
@ -751,73 +478,6 @@ table#otheruserstable {
font-size: 12pt;
padding: 5px;
}
/* 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: 650px;
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;
}
#mainmodals {
z-index: 600; /* higher than the modals themselves: */
}
@ -829,17 +489,6 @@ down on the page in IE. Strange but it works! */
#mainmodals .editempty {
color: #aaa
}
.expand-collapse {
height: 22px;
background-image: url(static/img/sharedistri.gif);
background-repeat: no-repeat;
background-position: 0 3px;
padding-left: 17px;
text-decoration: none;
}
.expand-collapse.expanded {
background-position: 0 -31px
}
.modaldialog {
position: absolute;
top: 100px;
@ -877,69 +526,6 @@ down on the page in IE. Strange but it works! */
vertical-align: top;
text-align: left;
}
.sharebox-url {
width: 440px;
height: 18px;
text-align: left;
font-size: 1.3em;
line-height: 18px;
padding: 2px;
}
#viewbarcontents {
display: none
}
#viewzoomtitle {
position: absolute;
left: 10px;
top: 4px;
height: 20px;
line-height: 20px;
width: auto;
}
#bottomarea {
height: 28px;
overflow: hidden;
position: absolute;
height: 28px;
bottom: 0px;
left: 0px;
right: 0px;
font-size: 1.2em;
color: #444;
}
#widthprefcheck {
position: absolute;
background-image: url(static/img/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/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
}
#modaloverlay {
z-index: 500;
@ -959,67 +545,7 @@ down on the page in IE. Strange but it works! */
background-image: none;
background-repeat: no-repeat; /* scale the image */
}
a#topbarmaximize {
float: right;
width: 16px;
height: 16px;
margin-right: -143px;
margin-top: 4px;
background: url(static/img/maximize_normal.png);
}
.maximized a#topbarmaximize {
background: url(static/img/maximize_maximized.png)
}
.toolbarinner h1 {
line-height: 29px;
font-size: 16px;
padding-left: 6pt;
margin-top: 0;
white-space: nowrap;
}
.toolbarinner h1 a {
font-size: 12px
}
.bigbutton {
display: block;
background-color: #a3bde0;
color: #555555;
border-style: solid;
border-width: 2px;
border-left-color: #d6e2f1;
border-right-color: #86aee1;
border-top-color: #d6e2f1;
border-bottom-color: #86aee1;
margin: 10pt;
text-align: center;
text-decoration: none;
padding: 50pt;
font-size: 20pt;
-webkit-border-radius: 3pt;
-moz-border-radius: 3pt;
border-radius: 3pt;
}
.modaldialog .bigbutton {
padding-left: 0;
padding-right: 0;
width: 100%;
}
ul#colorpickerswatches {
padding-left: 3px;
padding-top: 5px;
}
ul#colorpickerswatches li {
border: 1px solid #ccc;
width: 14px;
height: 14px;
overflow: hidden;
margin: 3px 6px;
padding: 0px;
}
ul#colorpickerswatches li:hover {
border: 1px solid #000;
cursor: pointer;
}
#chatbox {
position: absolute;
bottom: 0px;
@ -1134,24 +660,6 @@ ul#colorpickerswatches li:hover {
color: #fff;
text-decoration: none;
}
#importexportline {
border-left: 1px solid #fff;
height: 190px;
position: absolute;
width: 0px;
left: 260px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: .8;
}
.impexpbutton {
background-image: -webkit-linear-gradient(center top , #EEEEEE, white 20%, white 20%);
background-image: -moz-linear-gradient(center top , #EEEEEE, white 20%, white 20%);
background-image: -o-linear-gradient(center top , #EEEEEE, white 20%, white 20%);
background-image: -ms-linear-gradient(center top , #EEEEEE, white 20%, white 20%);
background-image: linear-gradient(center top , #EEEEEE, white 20%, white 20%);
padding: 3px;
}
#exporthtml {
background-position: 0px -299px
}
@ -1389,7 +897,7 @@ input[type=checkbox] {
}
@media screen and (max-width: 600px) {
.toolbar ul li.separator {
padding: 1px;
display: none;
}
.toolbar ul li a {
padding: 4px 1px
@ -1428,27 +936,6 @@ input[type=checkbox] {
bottom: 0;
border-top: 1px solid #ccc;
}
#chaticon {
bottom: 3px;
right: 55px;
border-right: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #f7f7f7;
background: -webkit-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: -moz-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: -o-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: -ms-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: linear-gradient(#f7f7f7, #f1f1f1 80%);
border: 0;
}
#chatbox {
bottom: 32px;
right: 0;
border-top-right-radius: 0;
border-right: none;
}
#usericonback {
margin-top: 4px
}
@ -1475,7 +962,7 @@ input[type=checkbox] {
.selected {
background: none !important
}
#timesliderlink {
#chaticon, #timesliderlink {
display: none !important
}
.popup {

View File

@ -6,6 +6,8 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link rel="shortcut icon" href="favicon.ico">
<style>
body {
margin: 0;

View File

@ -10,6 +10,8 @@
<meta name="robots" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link rel="shortcut icon" href="../favicon.ico">
<% e.begin_block("styles"); %>
<link href="../static/css/pad.css" rel="stylesheet">
<link href="../static/custom/pad.css" rel="stylesheet">

View File

@ -5,6 +5,8 @@
<meta name="robots" content="noindex, nofollow">
<title>Etherpad Lite Timeslider</title>
<link rel="shortcut icon" href="../../favicon.ico">
<link rel="stylesheet" href="../../static/css/pad.css">
<link rel="stylesheet" href="../../static/css/timeslider.css">
<link rel="stylesheet" href="../../static/custom/timeslider.css">
@ -13,35 +15,6 @@
<body id="padbody" class="timeslider limwidth">
<div id="padpage">
<div id="padtop">
<div id="alertbar">
<div id="servermsg">
<h3>Server Notice<span id="servermsgdate"><!-- --></span>:</h3><a id=
"hidetopmsg" href="javascript:%20void%20pad.hideServerMessage()" name=
"hidetopmsg">hide</a>
<p id="servermsgtext"><!-- --></p>
</div>
</div>
<div id="navigation"></div>
<div id="docbar" class="menu docbar">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="docbartable"
class="docbartable">
<tr>
<td><img src="../../static/img/roundcorner_left.gif" /></td>
<td id="docbarpadtitle" class="docbarpadtitle" title=
"Public Pad: Public Pad"><span>Public Pad</span></td>
<td width="100%">&nbsp;</td>
<td><img src="../../static/img/roundcorner_right.gif" /></td>
</tr>
</table>
</div><!-- /docbar -->
</div>
<div id="timeslider-top">
<div id="timeslider-wrapper">
<div id="timeslider" unselectable="on" style="display: none">