/******************************************************************************* * * LEIDEN OPEN VARIATION DATABASE (LOVD) WEBSITE * * Created : 2010-05-17 * Modified : 2022-01-11 * * Copyright : 2004-2022 Leiden University Medical Center; http://www.LUMC.nl/ * Programmer : Ivo F.A.C. Fokkema * Last edited : Ivo F.A.C. Fokkema * *************/ /* Standard styles */ body {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; padding : 10px;} table {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; text-align : left;} input, textarea, button, select {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; background : #FFFFFF; border : 1px solid #224488; margin-top : 1px; margin-bottom : 1px; padding-left : 2px; padding-right : 2px;} select {padding-left : 0px; padding-right : 0px; max-width: 100%} input:hover, input:focus, textarea:hover, textarea:focus, button:hover, select:hover, select:focus {background : #F0F3FF; border : 1px solid #112244;} /* Headings */ H1 {font-size : 24px; font-weight : bold; margin-top : 0px; margin-bottom : 10px;} H2 {font-size : 20px; font-weight : bold; font-style : italic; margin-top : 0px; margin-bottom : 5px;} H2.LOVD {color : #224488; border-bottom : 1px solid #224488; margin-bottom : 10px;} H3 {font-size : 18px; font-weight : bold; margin-top : 0px; margin-bottom : 2px;} H3.LOVD {color : #224488; border-bottom : 1px solid #224488; margin-bottom : 5px;} H4 {font-size : 16px; font-weight : bold; font-style : italic; margin-top : 0px; margin-bottom : 0px;} H4.LOVD {color : #224488; border-bottom : 1px solid #224488; margin-bottom : 5px;} H5 {font-size : 15px; font-weight : bold; margin-top : 0px; margin-bottom : 0px;} H6 {font-size : 14px; font-weight : bold; margin-top : 0px; margin-bottom : 0px;} .S18 {font-size : 18px;} .S16 {font-size : 16px;} .S15 {font-size : 15px;} .S13 {font-size : 13px;} .S11 {font-size : 11px;} .S09 {font-size : 9px;} /* Links */ a {color : #0000FF} a:active {color : #0000FF} a:visited {color : #0000FF} a img {border : 0px;} a.hide {color : #000000; text-decoration : none;} /* Top table with the logo */ table.logo {font-size : 11px; background : #224488; color : #FFFFFF;} table.logo a {color : #FFFFFF;} table.logo a:visited {color : #FFFFFF;} table.logo a:active {color : #FFFFFF;} /* Top table with the submenu */ table.submenu {font-size : 11px; background : #F0F3FF; border : 1px solid #224488;} table.submenu table {font-size : 11px;} table.submenu table td {padding : 5px;} table.submenu a {color : #000000; text-decoration : none;} table.submenu a:visited {color : #000000;} table.submenu a:active {color : #000000;} /* Grey area's bottom include and in the release news items. */ div.grey {font-size : 11px; color : #999999; border-top : 1px dotted #999999;} div.grey a {color : #9999FF;} /* For lovd_showInfoTable() */ table.info {border : 1px solid #224488; background : #F0F3FF;} /* Just for the LOVD list */ td.topline {border-top : 1px solid black;} /* Error table required by lovd_displayError(); *//* table.error {font-size : 11px; border: 1px solid #000000; background : #F0F3FF; margin-left : auto; margin-right : auto;} table.error th {font-size : 13px; border-bottom : 1px dotted #000000; background : #224488; color : #FFFFFF; padding : 0px 4px;} table.error td {padding : 0px 4px;} /* Error messages on forms, required by lovd_errorPrint() */ div.err {font-size : 11px; border : 1px solid #FF0000; background : #F3F3F3; padding : 5px;} input.err, textarea.err, button.err, select.err {border : 1px solid #EE0000;} input.err:hover, input.err:focus, textarea.err:hover, textarea.err:focus, button.err:hover, select.err:hover, select.err:focus {background : #FFF3F0; border : 1px solid #CC0000;} /* Lines and notes on the forms *//* img.form_hr {background : #CCCCCC;} img.help {margin-top : 4px; cursor : help;} span.form_note {font-size : 11px; color : #666666;} /* Table for downloads */ table.downloads {border : 1px solid #224488; border-top : 0px; font-size : 11px;} table.downloads tr.tgz {background : #C8DCFA;} table.downloads tr.tgz td.sort {background : #AFC8FA;} table.downloads tr.zip {background : #F0F3FF;} table.downloads tr.zip td.sort {background : #C8DCFA;} table.downloads tr.tgz td {border-top : 1px solid #224488;} table.downloads_old {border : 1px solid #535353; border-top : 0px; font-size : 11px;} table.downloads_old a {color : #505050;} table.downloads_old tr.tgz {background : #E0E0E0;} table.downloads_old tr.tgz td.sort {background : #D0D0D0;} table.downloads_old tr.zip {background : #F6F6F6;} table.downloads_old tr.zip td.sort {background : #E0E0E0;} table.downloads_old tr.tgz td {border-top : 1px solid #535353;} /* For tables on the setup page *//* table.setup {border : 1px solid #224488; background : #F0F3FF; padding : 5px;} table.setup td {padding-left : 5px; font-size : 11px;} table.setup tr.pointer {cursor : pointer;} table.setup tr.pointer:hover {background : #E0E9FF;} /* Often used table for views of lists and entries. *//* table.data {font-size : 11px; border : 1px solid #AFC8FA;} table.data a {color : #0000FF;} table.data a.hide {color : #000000; text-decoration : none;} /* Somehow it doesn't get the color-thing when it's not defined within table.data *//* table.data th {background : #AFC8FA; padding-left : 4px; padding-right : 4px;} table.data td {background : #F0F3FF; padding-left : 4px; padding-right : 4px;} table.data tr.data:hover td {background : #C8DCFA;} /* Used for ordering the data tables per column. *//* table.data th.order {cursor : pointer;} table.data th.order th {padding : 0px;} table.data th.order td {background : #AFC8FA; padding : 0px;} /* background = inherit; is fine but unsupported by IE (#AFC8FA) -> it is, in IE7 *//* table.data th.ordered {background : #8CAFF0; color : #FFFFFF; cursor : pointer;} table.data th.ordered th, table.data th.ordered td {background : #8CAFF0; padding : 0px;} /* background = inherit; is fine but unsupported by IE (#8CAFF0) -> it is, in IE7 *//* table.data td.ordered {background : #C8DCFA;} table.data tr.data:hover td.ordered {background : #AFC8FA;} /* Searching styles... *//* table.data input {font-size : 11px;} /* Table for pagination *//* table.pagesplit_nav {font-size : 11px;} table.pagesplit_nav td.num {border : 1px solid #224488; cursor : pointer; width : 20px; text-align : center;} table.pagesplit_nav td.selected {border : 1px solid #224488; cursor : default; width : 20px; text-align : center; background : #224488; color : #FFFFFF; font-weight : bold;} table.pagesplit_nav th {border : 1px solid #224488; cursor : pointer; text-align : center; padding : 0px 5px;} table.pagesplit_nav th.inactive {border : 1px solid #888888; cursor : default; color : #888888;} table.pagesplit_nav a {color : #000000; text-decoration: none;} table.pagesplit_nav select {font-size : 11px;} /* Variant search interface */ #websitevariantsearch_results div.error {display : none; margin : 2px; padding : 5px; background : #F3F3F3; border : 1px solid #FF0000;} #websitevariantsearch_results div.result {display : none; margin : 2px; padding : 5px; background : #F0F3FF; border : 1px solid #224488; cursor : pointer;} #websitevariantsearch_results div.result a {color : #000000; text-decoration : none;} #websitevariantsearch_results div.result a:active {color : #000000;} #websitevariantsearch_results div.result a:visited {color : #000000;} #websitevariantsearch_results div.result i {font-size : 11px; color : #999999;} #websitevariantsearch_results div.result span.right {float: right;}