/* Γενικά ο IE4 δεν τα πάει καλά με την κληρονομικότητα. Αν π.χ. δηλώσεις σε ένα table font-size, και στο εσωτερικό του έχεις άλλο table, το δεύτερο table θα έχει κανονικό size, όχι μικρό! Το ίδιο μάλιστα ισχύει και για το body, δηλαδή table μέσα σε table δεν κληρονομεί font-size από το body!!! Έτσι αναγκαστικά όλα τα font-sizes πηγαίνουν στο άμεσα ενδιαφερόμενο container! Επίσης το color δεν το πιάνει στα tables, το θέλει στα td!!! */ body { font-size: 10pt; margin: 0px; padding: 0px; color: #000000; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; } a { text-decoration: none; } a:hover { text-decoration: underline; } /* Ο πίνακας με το logo του Διερμηνευτή και το βασικό μενού */ table.header { margin: 0px; padding: 0px; width: 100%; color: #ffffff; background-color: #6d9ace; border: 0px none; border-spacing: 0px; border-collapse: collapse; /* border-bottom: solid 1px #dfe6ef; This doesn't work well in I.E., it needs an additional
and then it doesn't always align well with the logo table cell. */ } table.header th { margin: 0px; padding: 0px; white-space: nowrap; } table.header td.logo { width: 64px; padding: 0px 8px 0px 8px; } div.logo_text { /* TODO delete: align: left; */ float:left; } table.header h1 { text-align: center; font-size: 29px; font-weight: normal; margin: 0px; padding: 0px; } table.header h2 { text-align: center; font-size: 12px; font-weight: normal; margin: 0px; padding: 0px; } table.header td.news { text-align: right; padding-right: 10px; font-size: 7.5pt; font-weight: normal; } /* Το μενού που εμφανίζεται στο header */ table.header td.menu { font-size: 9pt; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; vertical-align: bottom; padding: 4px 10px 3px 0px; text-align: right; } .menu a { margin: 0px; padding: 2px 10px 3px 10px; border: 1px solid #696969; border-bottom: 0px none; color: #496c9f; background-color: #6d9ace; background-image: url("images/menu_bg.png"); background-position: bottom left; background-repeat: repeat-x; } .menu a:hover { padding: 2px 10px 4px 10px; text-decoration: none; color: #40a0e0; background-color: #ffffff; background-image: none; } .menu a.current { padding: 2px 10px 5px 10px; color: #0080b3; background-image: none; background-color: #ffffff; } .menu a.current:hover { padding: 2px 10px 5px 10px; color: #40a0e0; background-image: none; } /* Σε αυτόν το μεγάλο πίνακα στοιχίζονται τα υπόλοιπα */ table.nomargin { border: 0px none; margin: 0px; padding: 0px; width: 100%; } table.nomargin td { vertical-align: top; } /* Ο πλαϊνός πίνακας που περιλαμβάνει και τα sidemenu */ table#sidebar { margin: 0px 10px 0px 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; } tr.sideheader { background-color: #6d9ace; color: #ffffff; font-size: 9pt; } tr.sidecontent { color: #496c9f; background-color: #dfe6ef; /* good background color! #eaedf4 */ } tr.sidefooter { background-color: #6d9ace; font-size: 4px; /* konqueror does not respect height on empty cells */ height: 6px; min-height: 6px; max-height: 6px; } tr.sidespacer { height: 1em; } tr.sideheader td.l { background-image: url('images/side_tl.gif'); background-position: top left; } tr.sideheader td.c { background-image: url('images/side_tc.gif'); /* Αν το background-position είναι top, ο IE4 ζωγραφίζει μόνο το δεξί μισό του κελιού!!! */ background-position: top left; background-repeat: repeat-x; font-weight: bold; height: 1.5em; vertical-align: middle; white-space: nowrap; } tr.sideheader td.c a, tr.sideheader td.c a:hover, tr.sideheader td.c a:active, tr.sideheader td.c a:visited { color: #ffffff; } tr.sideheader td.r { background-image: url('images/side_tr.gif'); background-position: top right; } tr.sidecontent td.c { border: 1px solid #d3e1f0; border-top: inherit; border-bottom: inherit; } tr.sidefooter td.l { background-image: url('images/side_bl.gif'); background-position: bottom left; } tr.sidefooter td.c { background-image: url('images/side_bc.gif'); background-position: bottom left; background-repeat: repeat-x; } tr.sidefooter td.r { background-image: url('images/side_br.gif'); background-position: bottom right; } table.sidemenu { width: 100%; margin: 0px; padding: 0px; border: 1px solid #ffffff; border-bottom: 0px; font-size: 9pt; } table.sidemenu td { border: 0px; border-bottom: 1px solid white; vertical-align: middle; white-space: nowrap; padding-left: 5px; padding-right: 5px; } table.sidemenu td.icon { width: 16px; padding-left: 3px; padding-right: 0px; } table.sidemenu a, table.sidemenu a:hover, table.sidemenu a:visited { font-weight: bold; color: #496c9f; } /* Ο πίνακας που περιέχει το κυρίως κείμενο */ table.content { border: 0px none; border-spacing: 0px; } tr.mainheader img, tr.mainfooter img { margin: 0px; padding: 0px; border: 0px none; } tr.mainheader td.l, tr.mainheader td.c, tr.mainheader td.r, tr.mainfooter td.l, tr.mainfooter td.c, tr.mainfooter td.r { margin: 0px; padding: 0px; font-size: 1px; border-spacing: 0px; border:0px none; } tr.mainheader td.c, tr.mainfooter td.c { } tr.mainheader td.l, tr.mainheader td.r, tr.mainfooter td.l, tr.mainfooter td.r { /* for debugging background-color: black; */ } tr.mainheader td.c { border-top: 2px solid #6d9ace; } tr.maincontent td.l { border-left: 2px solid #6d9ace; } tr.maincontent td.content { margin: 0px; padding: 0px; } tr.maincontent td.r { border-right: 2px solid #6d9ace; } tr.mainfooter td.l { } tr.mainfooter td.c { border-bottom: 2px solid #6d9ace; } tr.mainfooter td.r { } td.content { font-size: 10pt; text-align: left; margin: 0px; padding: 0px; border: 8px solid white; text-align: justify; } td.content hr { color: #6d9ace; height: 1px; border: 1px inset #6d9ace; } td.content ul { margin: 15px; margin-top: 5px; padding: 5px; padding-left: 15px; /* todo: list-style-position:inside; */ } td.content li { margin-bottom: 4pt; } td.content a, td.content a:hover, td.content a:active, td.content a:visited { font-weight: bold; color: #496c9f; } td.content h2 a, td.content h2 a:hover, td.content h2 a:active, td.content h2 a:visited { color: #303030; } td.content h3 a, td.content h3 a:hover, td.content h3 a:active, td.content h3 a:visited { color: #404040; } td.content h1 { margin: 0pt 0pt 4pt 0pt; color: #202020; font-size: 16pt; } td.content h2 { margin: 0pt 0pt 4pt 0pt; color: #303030; font-size: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif; } td.content h3 { margin: 0pt 0pt 4pt 0pt; color: #404040; font-size: 12pt; } td.content img { margin: 5px 0px 5px 8px; padding: 0px; vertical-align: text-top; } td.content p { margin: 0px; margin-bottom: 8pt; } td.content p.download { margin: 0px; padding: 0px; text-align: right; } td.content b { color: #505050; } td.content h1 img /* TODO: I only want this for downloads, but it'll work on content as a side effect... */ { vertical-align: middle; margin-right: 5px; } td.content h2 img { vertical-align: middle; margin-right: 5px; } p.download img { vertical-align: middle; margin-right: 5px; } img.align_right { margin: 0 0 4pt 4pt; border: 0pt; clear: right; float: right; } /* from glossa.css */ TD.StoixisnKevtro { color: #0000FF; background-color: #FFFFFF; padding: 5.75pt; text-align: center; vertical-align: middle; } CODE { font-family: "Courier New Greek", "Lucida Console Greek", "Courier New", "Lucida Console", monospace; } CODE.GLOSSA { font-family: "Courier New Greek", "Lucida Console Greek", "Courier New", "Lucida Console", monospace; color: #000000; background-color: #FFFFFF; } CODE.GLOSSA_BLOCK { font-family: "Courier New Greek", "Lucida Console Greek", "Courier New", "Lucida Console", monospace; /* background-color: #F9F9F9; #It doesn't work well on 16 colors. */ color: #000000; display: block; border: 1px dashed #2F6FAB; padding: 4pt; } SPAN.SX { font-style: italic; color: #404040; background-color: #FFFFFF; } SPAN.DL { font-weight: bold; color: #0000FF; background-color: #FFFFFF; } SPAN.AN { color: #000000; background-color: #FFFFFF; } SPAN.AK { color: #008000; background-color: #FFFFFF; } SPAN.PR { color: #808000; background-color: #FFFFFF; } SPAN.AL { color: #800080; background-color: #FFFFFF; } SPAN.SB { font-weight: bold; color: #FF0000; background-color: #FFFFFF; } SPAN.AX { color: #FFFFFF; background-color: #FF0000; } CODE.SX { font-style: italic; color: #404040; background-color: #FFFFFF; } CODE.DL { color: #0000FF; background-color: #FFFFFF; font-weight: bold; } CODE.AN { color: #000000; background-color: #FFFFFF; } CODE.AK { color: #008000; background-color: #FFFFFF; } CODE.PR { color: #808000; background-color: #FFFFFF; } CODE.AL { color: #800080; background-color: #FFFFFF; } CODE.SB { color: #FF0000; background-color: #FFFFFF; font-weight: bold; } CODE.AX { color: #FFFFFF; background-color: #FF0000; }