/******************************************************************************* * * LOVD STYLESHEET * * Created : 2002-11-26 * Modified : 2010-06-24 * For LOVD : 2.0-27 * * Access : Public * * Copyright : 2004-2010 Leiden University Medical Center; http://www.LUMC.nl/ * Programmer : Ing. Ivo F.A.C. Fokkema * Last edited : Ing. Ivo F.A.C. Fokkema * * * This file is part of LOVD. * * LOVD is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation; either version 2 of the License, or * (at your option) any later version. * * LOVD is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with LOVD; if not, write to the Free Software * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA * *************/ /* Standard styles */ body {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; text-align : justify;} table {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; text-align : justify;} input, button {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; border : 1px solid #224488; margin-top : 1px; margin-bottom : 1px; padding-left : 2px; padding-right : 2px;} input:hover, input:focus {background : #F0F3FF; border : 1px solid #112244;} input[type="submit"]:hover {background : #F0F3FF;} button:hover {background : #F0F3FF;} select {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; border : 1px solid #224488; margin-top : 1px; margin-bottom : 1px;} select:hover, select:focus {background : #F0F3FF; border : 1px solid #112244;} textarea {font-family : Verdana, Helvetica, Arial, sans-serif; font-size : 13px; color : #000000; border : 1px solid #224488; margin-top : 1px; margin-bottom : 1px; padding-left : 2px; padding-right : 2px;} textarea:hover, textarea: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;} H3 {font-size : 18px; font-weight : bold; margin-top : 0px; margin-bottom : 2px;} H4 {font-size : 16px; font-weight : bold; font-style : italic; margin-top : 0px; margin-bottom : 0px;} 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} /* 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;} /* Footer message: Powered by LOVD ... */ table.footer {font-size : 11px; background : #224488; color : #FFFFFF; border-top : 2px solid #000000; border-bottom : 2px solid #000000;} table.footer a {color : #FFFFFF;} table.footer a:visited {color : #FFFFFF;} table.footer a:active {color : #FFFFFF;} /* For Richard Heyes' AutoComplete library: */ .autocomplete {font-family: Verdana; font-size: 11px; background-color: white; border: 1px solid black; position: absolute; cursor: default; overflow: auto; overflow-x: hidden;} .autocomplete_item {padding: 1px; padding-left: 5px; color: black; width: 100%;} .autocomplete_item_highlighted {padding: 1px; padding-left: 5px; color: white; background-color: #0A246A;} /* For : Tim Taylor's ToolMan DHTML Library */ ul.sortable {list-style-type: none; padding-left : 0px; width : 500px; border : 1px solid #AFC8FA;} ul.sortable li {margin : 1px; background : #F0F3FF; padding-left : 4px; padding-right : 4px;} ul.sortable img.handle {cursor : move;} ul.sortable input {border : 0px;} /* Default aligning in tables used on forms has been changed from justified to left. */ form table {text-align : left;} /* For lovd_showInfoTable() */ table.info {border : 1px solid #224488; background : #F0F3FF;} /* 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;} /* For lovd_viewNavigation() */ table.navigation {font-size : 11px; border-top : 3px double #000000; border-bottom : 3px double #000000;} table.navigation a {font-weight : bold; text-decoration : none; color : #000000;} table.navigation td {padding-left : 5px; padding-right : 5px;} /* Error messages on forms, required by lovd_errorPrint() */ div.err {font-size : 11px; border : 1px solid #FF0000; background : #F3F3F3; padding : 5px;} /* Lines and notes on the forms */ img.form_hr {background : #CCCCCC;} span.form_note {font-size : 11px; color : #666666;} /* For tables on the setup page */ table.setup {border : 1px solid #224488; background : #F0F3FF; padding : 5px;} table.setup tr.setup {font-size : 11px; cursor : pointer; cursor : hand;} table.setup tr.setup:hover {background : #E0E9FF;} /* Table for LOVD gene homepage and variant detail view. */ table.gene {border : 1px solid #AFC8FA;} table.gene th {background : #AFC8FA; padding-left : 4px; padding-right : 4px;} table.gene td {background : #F0F3FF; padding-left : 4px; padding-right : 4px;} /* Often used table for views of lists and entries. */ table.data {font-size : 11px; border : 1px solid #AFC8FA; text-align : left;} table.data a {color : #0000FF;} table.data a.data {color : #000000; text-decoration : none;} 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.hover td {background : #C8DCFA;} table.data tr.del a {color : #AAAAAA;} table.data tr.del td {background : #F8FAFF; color : #AAAAAA;} table.data tr.del_hover a {color : #AAAAAA;} table.data tr.del_hover td {background : #C8DCFA; color : #AAAAAA;} table.data tr.marked td {background : #FFF0F0;} table.data tr.marked_hover td {background : #FAD5D5;} /* Used for ordering the data tables per column. */ table.data th.order {cursor : pointer; cursor : hand;} table.data th.order th {padding : 0px;} table.data th.order td {background : #AFC8FA; padding : 0px;} /* background = inherit; is fine but unsupported by IE */ table.data th.ordered {background : #8CAFF0; color : #FFFFFF; cursor : pointer; cursor : hand;} table.data th.ordered th {background : #8CAFF0; padding : 0px;} /* background = inherit; is fine but unsupported by IE */ table.data th.ordered td {background : #8CAFF0; padding : 0px;} /* background = inherit; is fine but unsupported by IE */ table.data td.ordered {background : #C8DCFA;} table.data tr.del td.ordered {background : #F0F3FF;} table.data tr.del_hover td.ordered {background : #AFC8FA;} table.data tr.marked td.ordered {background : #FFD5D5;} table.data tr.marked_hover td.ordered {background : #FFC0C0;} table.data tr.hover td.ordered {background : #AFC8FA;} /* Searching styles... */ table.data input {font-size : 11px;} table.data select {font-size : 11px;} table.data textarea {font-size : 11px;} /* setup_logs uses an alternative for the data table. */ table.data_red {font-size : 11px; border : 1px solid rgb(255, 100, 100);} table.data_red a {color : #000000;} table.data_red th {background : rgb(255, 100, 100); padding-left : 4px; padding-right : 4px;} table.data_red td {background : rgb(255, 230, 230); padding-left : 4px; padding-right : 4px;} table.data_red tr.hover td {background : rgb(255, 210, 210);} /* Searching styles for the alternative data table... */ table.data_red input {font-size : 11px;} table.data_red select {font-size : 11px;} table.data_red textarea {font-size : 11px;}