From 556f5cdfc84c343532418be2514c783a4e71fc3b Mon Sep 17 00:00:00 2001 From: rpiazzi Date: Fri, 23 Sep 2011 14:59:14 +0000 Subject: 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 --- pdf-as-web/src/main/webapp/css/pdfas-styles.css | 314 ++++++++++++++++++------ 1 file changed, 236 insertions(+), 78 deletions(-) (limited to 'pdf-as-web/src') 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; +} + -- cgit v1.2.3