/* CSS for project Transporent author: Janis Zalitis Notes: Please read above before doing ANY changes in CSS file: Contents: 1.Global styles (attached to certain HTML elements) 2.Layout element styles (attached to certain parts of site layout) 3.Block styles (attached separately to each block) 4.CoolTables Editing this file: To search for a style, please first take time to evaluate where it belongs (from contents above). First three categories are short and easy to search in. Categories 2 and 3 are attached to file "layouts/main.html", so if you want to find what part of the layout they represent, scan that file. Category 4 contains entirely from block style definitions, so you cab type the block name youre searching for in the search dialogue and hit "find" to find the definitions of needed block. AND: always leave a comment saying who did it and when, when changing something! 1.Global */ html * { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 8pt; color: #000000; } .MiddleVert { vertical-align: middle; } .GrayComment { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 7pt; color: #888888; } .RedFont { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 8pt; color: #FF5F00; } hr { height: 1px; } table { border-width: 0px; } form { padding: 0px 0px; margin: 0px 0px; } body.Padd, form.Padd { padding: 10px 10px; margin: 10px 10px; background-color: #ffffff; } .CB { border-style: solid; border-width: 0px; border-color: #FF5F00; background-color: #fff; } input, textarea, select { border-style: solid; border-width: 1px; border-color: #FF5F00; background-color: #fff; } input.newField { border-style: solid; border-width: 1px; border-color: #FF5F00; background-color: #fff; width: 95%; text-align:right; padding-right: 5px; } input.smallfield { border-style: solid; border-width: 1px; border-color: #FF5F00; background-color: #fff; width: 70px; text-align:right; } input.smallfield_disabled { border-style: none; border-width: 0px; border-color: #FF5F00; background-color: #fff; width: 70px; text-align:right; } input.smallfield2 { border-style: solid; border-width: 1px; border-color: #FF5F00; background-color: #fff; width: 140px; text-align:right; } input.field100, select.field100 { border-style: solid; border-width: 1px; border-color: #FF5F00; background-color: #fff; width: 100%; text-align:left; } input.field100_disabled { border-style: none; border-width: 0px; border-color: #FF5F00; background-color: #fff; width: 100%; text-align:left; } input.smalldatefield { border-style: solid; border-width: 1px; border-color: #FF5F00; background-color: #fff; width: 70px; text-align:right; cursor:pointer; } input.smalldatefield_disabled { border-style: none; border-width: 0px; border-color: #FF5F00; background-color: #fff; width: 70px; text-align:left; } a.nounderline { text-decoration:none; } input[type="checkbox"] { border-style: solid; border-width: 5px; border-color: #FF5F00; background-color: #FF5F00; } b { font-weight: bold; } span.asterisk { color: red; } .error { color: red; } .success { color: gray; } .nowr { white-space: nowrap; } /* global form styles */ table.PathTable { width: 663px; } table.PathTable td { border-bottom: 1px solid gray; border-right: 1px solid gray; } table.PathTable td.PathCellRightLastLine { text-align: right; border: 0px; border-right: 1px solid gray; } table.PathTable td.PathCellRight { text-align: right; border-bottom: 1px solid gray; border-right: 1px solid gray; } table.PathTable td.PathTableLastLine { border: 0px; border-right: 1px solid gray; } table.PathTable td.PathCellRightLastCell { text-align: right; border: 0px; } table.PathTable td.PathCellRightLastColumn { text-align: right; border: 0px; border-bottom: 1px solid gray; } table.formtable { width: 100%; } td.formtable { text-align: left; } td.formName { text-align: left !important; padding: 0px 0px 10px 0px; } td.formField { text-align: right; padding: 0px 0px 10px 0px; } td.formCaption { text-align: right; padding-top: 10px; padding-bottom: 10px; border-top: 2px solid black; border-bottom: 2px solid black; background-color: #FF5F00; color:white; font-weight:bold; } td.formLable { text-align: left; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid black; } td.formLableD { text-align: left; padding-top: 10px; padding-bottom: 10px; border-top: double black; } td.formLableD2 { text-align: left; padding-top: 10px; padding-bottom: 10px; border-bottom: double black; border-top: 1px solid black; } td.formData { text-align: right; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid black; } td.formDataD { text-align: right; padding-top: 10px; padding-bottom: 10px; border-top: double black; } td.formDataD2 { text-align: right; padding-top: 10px; padding-bottom: 10px; border-bottom: double black; border-top: 1px solid black; } td.formfield { text-align: right; padding: 0px 0px 10px 0px; } td.formFieldBL { text-align: right; padding: 0px 0px 10px 0px; border-bottom: 1px solid #000000; } td.customFormField { text-align: left; padding: 0px 0px 10px 0px; } td.formError { color: red; text-align: left; padding: 10px 0px 0px 0px; } .formButton { color: #FF5F00; font-weight: normal; text-decoration: underline; cursor:pointer; cursor:hand; } .formICheckbox { border-width: 0px; } .formDesc { padding: 0px 0px 10px 0px; } /* links */ a.changedLink, a.changedLink:visited, a.changedLink:hover { color: #FF5F00; } a.RedLink { color: #FF0000; white-space: nowrap; } a.xl0, a.xl0:visited { color: #000000; white-space: nowrap; } a.xl0sel { color: #FF5F00; white-space: nowrap; } a.l0, a.l0:visited { color: #000000; } a.l0sel { color: #FF5F00; } a.l1 { text-transform: uppercase; text-decoration: none; color: #000000; } a.l1sel { text-transform: uppercase; text-decoration: none; color: #FF5F00; } a.l2 { color: #000000; } a.l2sel { color: #FF5F00; } /* 2.Layout elements level 1 */ table.main { width: 780px; margin-top: 20px; } td.top { width: 780px; } td.left { padding: 15px 0px 0px 15px; width: 120px; vertical-align: top; } td.middle { width: 650px; padding: 15px 10px 10px 0px; vertical-align: top; } td.bottom { width: 780px; height: 40px; vertical-align: middle; padding: 0px 20px 0px 20px; } /* level 2 head childs */ table.headLeft { width: 515px; padding-left: 15px; } td.menu { vertical-align: bottom; } td.logoLeft { vertical-align: bottom; text-align: right; } td.logoRight { width: 105px; vertical-align: bottom; text-align: left; } td.langs { padding: 0px 0px 3px 0px; vertical-align: bottom; width: 90px; } .historyTable{ border-top:medium double #000000; } td.list { vertical-align: bottom; } .listd { vertical-align: bottom; text-align:center; } .listdata { vertical-align: bottom; text-align:center; cursor:pointer; } .datatimes { text-align:center; cursor:pointer; } .datatimes:hover { cursor:pointer; } /* left childs */ table.special { width: 100%; } table.special td { padding: 0px 0px 10px 0px; } /* 3.Block styles Free Text */ table.ftMain { width: 100%; vertical-align: top; padding-bottom: 15px; } td.ftTitle, td.ftTitle p, td.ftTitle p b, td.ftTitle b { font-weight: bold; font-size: 9pt; text-align:left; } a.ftLink, a.ftLink:active, a.ftLink:hover, a.ftLink:visited { color: #000000; text-decoration: underline; } .ftRight { text-align: right; } /* Langs */ table.lMain { width: 100%; } table.lMain td { padding-right: 15px; } /* Search */ table.sMain { width: 450px; } a.sTitle, a.sTitle:active, a.sTitle:hover, a.sTitle:visited { text-transform: uppercase; cursor:pointer; cursor:hand; text-decoration: none; color: #AEAEAE; } td.sTitle { text-transform: uppercase; text-decoration: none; color: #AEAEAE; } td.sTitle2 { text-transform: uppercase; text-decoration: none; color: #AEAEAE; padding-right: 5px; } table.sMain input { width: 100px; vertical-align: bottom; } .sSearch { padding-left: 5px; text-decoration: underline; cursor:pointer; cursor:hand; color: #AEAEAE; } .rSearch { text-decoration: none; cursor:pointer; cursor:hand; color: #AEAEAE; } /* Header */ table.hMain, table.hMainUN { text-transform: uppercase; font-weight: bold; padding: 0px 0px 3px 0px; vertical-align: bottom; } table.hMain td { padding-right: 25px; } table.hMainUN td { padding-right: 12px; } table.hMain td a, table.hMainUN td a { text-decoration: none; } /* Folder View */ td.fw { vertical-align: top; } td.l2area { padding: 0px 0px 5px 15px; } /* Site Map */ table.smMain { margin-bottom: 15px; } td.smTitle { color: #FF5F00; text-transform: uppercase; font-weight: bold; padding-bottom: 10px; } td.RedColor { text-transform: uppercase; text-decoration: none; color: #FF5F00; } a.smOne { text-transform: uppercase; text-decoration: none; font-weight: bold; color: #000000; padding-left: 15px; } a.smTwo { text-transform: uppercase; text-decoration: none; color: #000000; padding-left: 30px; } a.smThree { color: #000000; padding-left: 35px; } /* Footer */ table.fMain { width: 100%; } /* Banner Static */ table.bsMain { } table.bsMain input { border-width: 0px; } /* Question */ table.qMain { width: 265px; vertical-align: top; } table.formTable input { width: 150px; } table.formTable textarea { width: 150px; height: 100px; } /* News */ table.nMain { width: 100%; } td.nTitle { text-transform: uppercase; font-weight: bold; color: #FC3102; padding: 0px 0px 10px 0px; } td.nTxt { text-align: justify; vertical-align: top; } .nLink { text-align: right; padding: 5px 0px 15px 0px; } /* Vestkopa */ table.vMain { width: 330px; } /* Forma AV */ table.favMain { width: 400px; } table.favMain td { text-align: right; padding-bottom: 10px; } table.favMain td select { width: 205px; } table.favMain td input, textarea { width: 200px; } /* Forma AT */ table.fatMain { width: 335px; } table.fatMain td { text-align: right; padding-bottom: 10px; } table.fatMain td select { width: 205px; } table.fatMain td input, textarea { width: 200px; } #tdInfo div { text-align: left !important; padding: 5px 5px 5px 5px !important; border: #AEAEAE 1px solid; background-color: #D6D3CE; width: 295px; } /* Forma AN */ table.fanMain { width: 400px; } table.fanMain td { text-align: right; padding-bottom: 10px; } td.fanField { text-align: left !important; padding-bottom: 10px; padding-left: 10px; } table.fanMain td select { width: 205px; } table.fanMain td input, textarea { width: 200px; } table.fanChkTable { } table.fanChkTable td { text-align: left !important; padding-right: 1px; } table.fanChkTable td input { width: 15px; border-width: 0px; } table.fanSelTable td { border-width: 0px; padding: 0px 2px; } td.fanAster { width: 39%; text-align: left !important; } /* Aptauja */ table.aMain { width: 100%; } table.aMain td { text-align: left; } table.aMain td input { border-width: 0px; padding-left: 5px; } td.aQuestion { padding: 5px 0px 5px 0px; } /* Auto meklēšana */ table.amMain { width: 100%; } table.amMain select { width: 150px; } /* 4.CoolTables */ .ctMain, .ctHeader, .ctEven, .ctOdd { } table.ctMain { margin-bottom: 15px; } table.ctMain td { padding: 5px 4px 5px 4px; } table.ctMain a { text-decoration: underline; color: #000000; } td.ctHeader { color: #FFFFFF; background-color: #FF5F00; vertical-align: top; border-bottom: 1px solid white; font-weight: bold; } td.ctHeader p { color: #FFFFFF; background-color: #FF5F00; vertical-align: top; font-weight: bold; } td.ctHeader a, td.ctHeader p a { color: #FFFFFF; text-decoration: underline; background-color: #FF5F00; vertical-align: top; font-weight: bold; } td.ctEven, td.ctEven p { background-color: #CCCCCC; } td.ctOdd, td.ctOdd p { } .vFillGray { background-image: url(/v_gray_sixt.gif); background-repeat: repeat-y; vertical-align: top; } .tab-head{ background-color: #FF5F00; color:#FFFFFF; font-weight:bold; text-align:left; } td.pre-emb{ font-family: Arial; color:#FFFFFF; font-size:5px; } td.tab-head-emb{ background-color: #FFFFFF; color:#000000; font-weight:bold; bodrer-width: 0px; border-left: 0px solid #000000; border-bottom: 1px solid #000000; text-align:left; } td.test{ border-width:0px; border-color:#000000; border-style: solid; border-bottom-width:1px } .fieldlist{ font-size:10px; width:100%; /*height:3cm;*/ } fieldset{ padding: 0px 10px 0px 5px; } @media print { .noPrint{display:block} } @media screen { .noPrint{display:block} } @media print { .noShow{display:none} } @media screen { .noShow{display:none} } @media screen { .tprint{display:none} } table.tabs { width: 662px; white-space: nowrap; border-spacing: 0px } td.tab { background-color: #F2F2F2; border: 1px solid #E8E8E6; border-bottom: 2px solid #EBE7E4; border-right: 2px solid #808080; padding: 0.25em 0.5em 0.25em 0.5em; cursor: pointer } td.tabEmpty { width: 100%; border-bottom: 2px solid #EBE7E4; } td.tabSelected { padding: 0.25em 0.5em 0.25em 0.5em; border: solid 1px #EBE7E4; border-right: 2px solid #808080; border-bottom: 2px none; border-left: 1px none; } span.buttonX { curson:pointer; white-space:nowrap; } span.buttonX:hover { color:#fff; curson:pointer; white-space:nowrap; } a.tyreButtonA { background-color:#FF5F00; text-decoration:none; float:right; padding:1px 3px 1px 3px; border:1px solid #b75502; border-radius:5px 5px 5px 5px; box-shadow:3px 3px 3px rgba(0,0,0,0.5); color:#000;zoom:1; margin-bottom:1px; } a.acceptToU { background-color:#FF5F00; text-decoration:none; margin:auto; padding:1px 3px 1px 3px; border:1px solid #b75502; border-radius:5px 5px 5px 5px; box-shadow:3px 3px 3px rgba(0,0,0,0.5); color:#000;zoom:1; margin-bottom:1px; } .sx-base-navigations{font-family:Verdana,Arial,"Liberation Sans","Bitstream Vera",Geneva,Helvetica,sans-serif;font-size:12px;border-bottom:1px solid #4b4b4b;margin:0; padding:0; width:100%; float:left; position:relative; z-index:10002; zoom:1;} .sx-base-navigations ul,.sx-base-navigations ul li{list-style:none;list-style-image:none;} .sx-base-navigation-main{float:left} .sx-base-navigation-meta{float:right} .sx-base-navigation-main .sx-base-navigation,.sx-base-navigation-meta .sx-base-navigation{position:relative;list-style:none;margin:0;padding:0} .sx-base-navigation-main .sx-base-navigation{float:left} .sx-base-navigation-meta .sx-base-navigation{float:right} .sx-base-navigation-item{display:block;float:left;padding:0;color:#dadada;height:30px;position:relative;font-family:Verdana,Arial,"Liberation Sans","Bitstream Vera",Geneva,Helvetica,sans-serif;font-size:12px;} .sx-base-navigation-item a.sx-base-navigation-link{display:block;float:left;color:#dadada;padding:7px 7px 0px 7px;border-style:none solid;border-width:0px;border-color:#000;height:23px;margin:0px;margin-right: 2px; text-decoration:none;font-family:Verdana,Arial,"Liberation Sans","Bitstream Vera",Geneva,Helvetica,sans-serif;font-size:12px;} .sx-base-navigation-item a.sx-base-navigation-link-spec{display:block;float:left;color:#dadada;padding:7px 7px 0px 7px;border-style:none solid;border-width:0px;border-color:#000;height:23px;margin:0px;margin-right: 2px; text-decoration:none;font-family:Verdana,Arial,"Liberation Sans","Bitstream Vera",Geneva,Helvetica,sans-serif;font-size:12px;} .sx-base-navigation-item a.sx-base-navigation-item-active{background-color:#4b4b4b;color:#fff;padding-top:4px;border-top:3px solid #f60;margin:0px;margin-right: 2px;font-family:Verdana,Arial,"Liberation Sans","Bitstream Vera",Geneva,Helvetica,sans-serif;font-size:12px;} .sx-base-navigation-item a.sx-base-navigation-link:hover{text-decoration:none;background-color:#fff;color:#000;} a.sx-base-navigation-element{text-decoration:none; color:#000;text-wrap:none;white-space: nowrap;font-weight:bold;font-size:11px;font-family:Verdana,Arial,"Liberation Sans","Bitstream Vera",Geneva,Helvetica,sans-serif;} a.sx-base-navigation-element-small{text-decoration:none; color:#666;text-wrap:none;white-space: nowrap;font-weight:normal;font-size:10px;font-family:Verdana,Arial,"Liberation Sans","Bitstream Vera",Geneva,Helvetica,sans-serif;} a.sx-base-navigation-element-wrap{text-decoration:none; color:#000;text-wrap:none;font-weight:bold;font-size:11px;} a.sx-base-navigation-element-small-wrap{text-decoration:none; color:#666;text-wrap:none;font-weight:normal;font-size:10px;} a.sx-base-navigation-element-active{text-decoration:none; color:#FF5F00;text-wrap:none;white-space: nowrap;font-weight:bold;font-size:11px;} a.sx-base-navigation-element-small-active{text-decoration:none; color:#FF5F00;text-wrap:none;white-space: nowrap;font-weight:normal;font-size:10px;} .sx-base-navigation-item a.ddm {background-image: url(sx-base-sprites.gif); background-repeat: no-repeat; background-position: 100% 4px; border-top: 3px solid #000;margin-left:-2px;height:20px;cursor:hand;display:none;} .sx-base-navigation-item a.ddm-active {background-image: url(sx-base-sprites.gif); background-repeat: no-repeat; background-position: 100% -26px; border-top:3px solid #f60;margin-left:-2px;background-color:#4b4b4b;height:20px;cursor:hand;display:none;} .sx-base-navigation-item a.ddm:hover {background-position: 100% -26px;border-top:3px solid #4b4b4b;} span.sx-base-navigation-element{text-decoration:none; color:#000;text-wrap:none;white-space: nowrap;font-weight:bold;font-size:11px;font-family:Verdana,Arial,"Liberation Sans","Bitstream Vera",Geneva,Helvetica,sans-serif;} span.sx-base-navigation-element-wrap{text-decoration:none; color:#000;text-wrap:none;font-weight:bold;font-size:11px;} span.sx-base-navigation-element-active{text-decoration:none; color:#FF5F00;text-wrap:none;white-space: nowrap;font-weight:bold;font-size:11px;cursor:default;} span.sx-base-navigation-element-active:hover{text-decoration:none;} /* right menu */ div.sx-base-navigation-meta ul li ul { padding:0; position: absolute; top: 30px; right: +1px; min-width: 200px; box-shadow: none; display: none; opacity: 0; visibility: hidden; cursor: pointer; border: 1px solid #554E3E; border-top: 0px; } div.sx-base-navigation-meta ul li ul li { background: white; display: block; color: #000; padding: 3px 10px 2px 10px; } div.sx-base-navigation-meta ul li ul li:hover {text-decoration:underline;} div.sx-base-navigation-meta ul li:hover ul { display: block; opacity: 1; visibility: visible; } /* left menu */ div.sx-base-navigation-main ul li ul { padding:0; position: absolute; top: 30px; left: -1px; min-width: 200px; box-shadow: none; display: none; opacity: 0; visibility: hidden; border: 1px solid #554E3E; border-top: 0px; } div.sx-base-navigation-main ul li ul li { background: white; display: block; color: #000; padding: 3px 10px 2px 10px; } div.sx-base-navigation-main ul li ul li.usual:hover {text-decoration:underline;} div.sx-base-navigation-main ul li:hover ul { display: block; opacity: 1; visibility: visible; } button.greenbutton { background-color: #4CAF50; border: none; color: white; padding: 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; border-radius:8px; cursor:pointer; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } button.greenbutton:active { box-shadow: 00 0 0; }