Comprehensive changes due to reorganization of user interface of pdf-as-web. One main change was to use div's instead of tables for organizing the page structure.

git-svn-id: https://joinup.ec.europa.eu/svn/pdf-as/trunk@811 7b5415b0-85f9-ee4d-85bd-d5d0c3b42d1c

1 files changed, 236 insertions, 78 deletions

diff --git a/pdf-as-web/src/main/webapp/css/pdfas-styles.css b/pdf-as-web/src/main/webapp/css/pdfas-styles.css
index b556ffc..8bb9e30 100644
--- a/pdf-as-web/src/main/webapp/css/pdfas-styles.css
+++ b/pdf-as-web/src/main/webapp/css/pdfas-styles.css
@@ -1,131 +1,289 @@
-div#pdfas-container td {

-	border: none;

+.freetext {

+	width: 290px;

+	height: 110px;

+	font: 1em 'Courier New', courier, monospace;

+	margin: 0px 0px 0px 0px;

+	overflow: scroll;

+	

 }

 

-table.pdfassignature {

-	background-color: #F5F5F0;

-	font-size: 1em;

-	border: 1px solid red;

-	border-collapse: collapse;

-	table-layout: auto;

-	width: 650px;

+.pdfasverticalspace {

+	padding: 20px 0px 0px 0px;

+}

+

+.pdfasverticalspaceinternetexplorer {

+	padding: 30px 0px 0px 0px;

 }

 

-table.pdfassignature td.pdfaslabel {

-	font-family: Helvetica, Times;

+.pdfassmallverticalspace {

+	padding: 10px 0px 0px 0px;

+}

+

+div.inhalt {

+	float: left;

+	position: relative;

+	text-align: left;

+}

+

+div.rechts {

+	float: left;

+	position: relative;

 	text-align: center;

-	min-width: 100px;

-	/* word-spacing: nowrap; */

+	width: 220px;

+	height: auto;

+	margin-left: 15px;

+	background: #e6f2fa;

 }

 

-table.pdfassignature td {

-	border: 1px solid black !important;

+div.rechtsinternetexplorer {

+	float: left;

+	position: relative;

+	text-align: center;

+	width: 230px;

+	height: auto;

+	margin-left: 15px;

+	background: #e6f2fa;

 }

 

-textarea.freetext {

-	width: 450px;

-	height: 150px;

-	font: 1em 'Courier New', courier, monospace;

-	margin: 0px 0px 0px 0px;

+div.rechtsinhalt {

+	float: left;

+	text-align: center;

+	width: 94%;

+	height: 90%;

+	margin-left: 3%;

+	margin-right: 3%;

+	margin-top: 5%;

+	margin-bottom: 5%;

 }

 

-table#pdfasupperformtable {

-	margin-top: 10px;

+div.rechtsinhaltinternetexplorer {

+	float: left;

+	text-align: center;

+	width: 90%;

+	height: 86%;

+	margin-left: 3%;

+	margin-right: 3%;

+	margin-top: 5%;

+	margin-bottom: 5%;

 }

 

-table.pdfassignature td.pdfasvalue {

-	font-family: monospace;

-	border: 1px solid black;

-	border-collapse: collapse;

+div.links {

+	float: left;

 	text-align: left;

-	font-size: 1.2em;

+	position: relative;

+	width: 490px;

+	height: auto;

+	background: #e6f2fa;

 }

 

-div.pdfasnobreak {

+div.linksinternetexplorer {

 	float: left;

-	white-space: nowrap;

+	text-align: left;

+	position: relative;

+	width: 490px;

+	height: auto;

+	background: #e6f2fa;

 }

 

-table.pdfassignature td.pdfasvalue input {

-	font-family: monospace;

+div.linksfixwithiniframe {

+	float: left;

+	text-align: left;

+	position: relative;

+	width: 490px;

+	height: 330px;

+	background: #e6f2fa;

 }

 

-div.pdfasverticalspace {

-	padding: 20px 0px 0px 0px;

+div.linksinhalt {

+	float: left;

+	margin-top: 5%;

+	margin-bottom: 5%;

+	text-align: left;

+	width: 100%;

+	height: 90%;

 }

 

-div.pdfassmallverticalspace {

-	padding: 10px 0px 0px 0px;

+div.linksinhaltmargin {

+	float: left;

+	margin-top: 5%;

+	margin-bottom: 5%;

+	margin-right: 3%;

+	margin-left: 3%;

+	text-align: left;

+	width: 94%;

+	height: 90%;

 }

 

-div.pdfasnote {

-	padding: 10px 0px 0px 0px;

-	margin: 0px 0px 0px 0px;

-	max-width: 700px;

+div.linksinhaltinternetexplorer {

+	float: left;

+	margin-top: 5%;

+	margin-bottom: 5%;

+	margin-right: 3%;

+	margin-left: 3%;

 	text-align: left;

+	width: 90%;

+	height: 86%;

 }

 

-.pdfasemphasis {

-	color: #2c5486;

-	font-weight: bold;

+div.linkslabelkurz {

+	float: left;

+	margin-right: 2%;

+	text-align: right;

+	width: 25%;

 }

 

-pre.pdfasnt {

-	font: 1em, courier new, courier, monospace;

-	border: 1px solid black;

+div.linksauswahllang {

+	float: left;

 	text-align: left;

-	padding: 5px;

-	height: 40ex;

-	width: 640px;

-	overflow: auto;

+	width: 73%;	

 }

 

-a.pdfasbacklink {

-	padding: 0px 0px 0px 0px;

-	margin: 20px 0px 10px 0px;

+

+

+div.linkslabellang {

+	float: left;

+	margin-right: 1%;

+	text-align: left;

+	width: 80%;

 }

 

-.pdfaspreviewfield {

-	font: 1em, courier new, courier, monospace;

-	width: 94%;

-	margin: 0px 0px 0px 0px;

+

+

+div.linksauswahlkurz {

+	float: left;

+	text-align: left;

+	width: 19%;	

+}

+

+

+

+.pdfas-container {

+	position: absolute;

+	float: left;

+	border: none;

+}

+

+div.rechtslinks {

+	float: left;

+	text-align: center;

+	width: 50%;	

+}

+

+div.rechtsrechts {

+	float: left;

+	text-align: center;

+	width: 50%;	

+}

+

+div.linkssourcefield {

+	float: left;

+	width: 63%;

+	position: relative;

+}

+

+div.fakefile {

+	position: absolute;

+	top: 0px;

+	left: 0px;

+	z-index: 1;

+	display: none;

+}

+

+.fileupload {

+	position: relative;

+	text-align: right;

+	filter:alpha(opacity: 0);

+	opacity: 0;

+	z-index: 2;

+	display:block;

 }

 

-table.pdfaslisttable {

-	border-style: none;

-	border-collapse: collapse;

+.fileuploadinvisible {

+	position: relative;

+	text-align: right;

+	filter: alpha(opacity: 0);

+	opacity: 0;

+	z-index: 2;

+	display: none;

+}

+

+

+div.linkssigblock {

+	float: left;

 	text-align: left;

-	font-size: 1em;

-	width: 100%;

+	width: 95%;

 }

 

-.pdfaslisttablecontainer {

-	border: 1px solid black;

-	padding: 5px 5px 5px 5px;

-	margin: 0px 0px 15px 0px;

+div.linksnotesigblock {

 	float: left;

-	width: 98%;

+	text-align: left;

+	width: 90%;

+	font-size: x-small;

 }

 

-table.pdfaslisttable td.pdfasvalue {

+div.linksnote {

+	float: left;

+	text-align: left;

 	width: 90%;

 }

 

-table.pdfaslisttable td.pdfascaption {

-	width: 10%;

-	vertical-align: top;

-	padding-right: 10px;

-	white-space: nowrap;

+div.pdfasverticalspace {

+	float: left;

+	text-align: right;

+	padding: 20px 0px 0px 0px;

+	width: 100%;

+}

+

+div.pleasewaitinhalt  {

+	position: absolute;

+	top: 50%;

+	height: 100%;

+	float: left;

+	text-align: center;

+}

+

+div.pdfasnt {

+	font: 1em, courier new, courier, monospace;

+	position: relative;

+	border: 1px solid black;

+	text-align: left;

+	padding: 5px;

+	width: 420px;

+	height: auto;

+	overflow: scroll;

+}

+

+.languagelinkdeactivated {

+	padding:3px 0 3px 6px;

+	display:none;

+	margin:5px 0 5px 0;

+	font-size:1.1em;

+	color:#853902;

 }

 

-.pdfasok {

-	background-color: #bdff7b;

+.languagelinkdeactivated img { 

+	margin:0 4px 0 2px;

 }

 

-.pdfasnok {

-	background-color: #f66;

+.pleasewaitbody {

+	text-align: center;

+	position: absolute;

+	top: 50%;

+	width: 100%;

+	height: 100%;

+	background: #e6f2fa;

 }

 

-fieldset.pdfasresultfieldset {

-	padding: 5px 5px 5px 5px;

+div.pdfasemphasis {

+	color: #2c5486;

+	font-weight: bold;

 }

+

+div.error {

+	border: 2px solid #ff0000;

+	color: #ff0000;

+	font-size: 1em;

+	margin-top: 10px;

+	padding: 5px;

+}

+