/* ----------------------------------- Skupna .css komponenta za detajle v orodju Srž 202 oblikovanje za opise in navodila vključitev barv iz nastavljihih ozadja :root :root { bod --b0: m.ib ozadje okolja --c0: barva aktivnh elementov: a, details, gumbi --d0: ozadje :hover --e0: barva :hover gor --b1: ozadje #gor --c1: barva --d1: a.ib ozadje gl_3 --e1: barva srz med --b2: ..ib ozadje izhodiščna barva --c2: c.ib barva --d2: m.ib ozadje --e2: c.ib barva dol --b3: ozadje --c3: barva --d3: ozadje --e3: barva mid --b4: m.ib ozadje --c4: c.ib barva --d4: m.ib ozadje --e4: c.ib barva } m. monokromatska 3 ali 4 barve c. komplementarna a. analogna d. deljeno komplementarna t. triadno 201 popravki predvsem pri parametru font-size, in nov progress */ body { font-family: Times Roman; margin-top: 5px; color: var(--c0); font-size:16px; font-weight:500; background-color: #eed; } table { table-layout: fixed;} progress{ width: 100px;} details { padding-top:0px; z-index:100;} summary { padding-top:0px; z-index:100;} form { padding-top:0px; z-index:101;} summary { color: var(--c0); font-size:18px; padding-top:5px; opacity:1.0} summary:hover { opacity:0.7;} a { color: var(--c0); opacity:0.7} a:hover { color: var(--c0); opacity:1.0} ol { padding-inline-start: 20px} .gl_1 { font-weight:700; font-size: 20px; padding-left: 10px; color: var(--c2); } .gl_2 { font-weight:700; font-size: 20px; color: var(--c2); } .gl_3 { font-weight:700; font-size: 18px; padding-left: 10px; color: var(--e1); } .gl_4 { font-weight:700; font-size: 40px; color: var(--c2); } .gl_5 { font-weight:700; font-size: 14px; color: var(--c2); text-align: right; line-height: 18px;} .m_dol { font-weight:700; font-size: 14px; border-bottom: 1px solid #007; text-align: right; line-height: 25px; width: 100%;color: #007; } .m_gor { font-weight:700; font-size: 14px; border-bottom: 1px solid #007; line-height: 25px; background-color: var(--d2); text-align: right; vertical-align: middle; color: #a00; } .s_dol { font-weight:700; font-size: 14px; text-align: right;color: #007; } .n_dol { font-weight:700; font-size: 14px; text-align: right;color: #777; } .s_gor { font-weight:700; font-size: 14px; text-align: right;color: var(--e1); background-color: #ffd; } .l_dol { font-weight:700; font-size: 16px; opacity: 0.6; color: var(--c0); text-decoration: none; font-style: italic} .l_gor { font-weight:700; font-size: 16px; opacity: 1.0; color: var(--e0); text-decoration: none; font-style: italic} .na_0 { color: #007; background-color: #ffd; border-top: 2px solid #007; border-bottom: 2px solid #007; } .na_1 { font-size: 16px; padding: 10px; line-height:26px } .na_2 { font-weight:500; font-size:16px; color: #007; } .na_3 { font-weight:500; font-size:16px; color: #007; background-position: top right; background-color: var(--b4); } tr.ul {height:80px; vertical-align: middle} td.uc {font-size: 22px;} td.us {font-size: 16px; font-weight:700; text-align: center} td.ui {font-size: 16px; font-weight:700; text-align: center; border-top: 2px solid;} td.ux {font-size: 18px; width: 150px} td.uy {font-size: 18px; width: 200px} td.uw {font-size: 18px; width: 250px} td.uz {font-size: 18px; width: 300px} .gp_0 { font-weight:500; font-size:16px; color: #007; } .gp_1 { font-weight:700; font-size:16px; color: #000; } .gp_2 { font-weight:700; font-size:16px; color: #a00; } .tb_0 {font-weight:700; font-size: 16px; text-align: left ; color: var(--c2); background-color: #eea; border-bottom: 1px solid; } .tb_1 {font-weight:700; font-size: 16px; text-align: right; color: var(--c2); background-color: #eea; border-bottom: 1px solid; } .tb_2 {font-weight:500; font-size: 16px; text-align: left; color: var(--c2); border-bottom: 1px solid; } .tb_3 {font-weight:500; font-size: 16px; text-align: right; color: var(--c2); border-bottom: 1px solid; } .ol_q0 { font-size: 15px; font-weight:700; margin-top: 15px; margin-bottom: 0px} .ul_a0 { font-size: 15px; font-weight:700; margin-left: 15px; padding-left: 0px} .li_q0 { font-size: 15px; } .li_a0 { font-size: 15px; font-weight:500; margin-left: 0px; padding-left: 5px} .li_o0 { font-size: 15px; margin-left: 0px; padding-left: 5px; font-weight:700; color: #000;} .li_e0 { font-size: 15px; margin-left: 0px; padding-left: 5px; font-weight:700; color: #900;} .ol_q1 { font-size: 18px; margin-top: 18px; margin-bottom: 0px} .ul_a1 { font-size: 18px; margin-left: 15px; padding-left: 0px} .li_q1 { font-size: 18px; } .li_a1 { font-size: 17px; margin-left:0px; padding-left: 5px} .li_o1 { font-size: 17px; margin-left:0px; padding-left: 5px; font-weight:700; color: #000; } .li_e1 { font-size: 17px; margin-left:0px; padding-left: 5px; font-weight:700; color: #900; } .nast { font-size: 13px; width: 20px; text-align: right;} .gumb { font-weight:700; font-size:16px; width:75px; height:30px; z-index: 101; background-color: var(--d4); text-align: center; padding-top:9px; border: 1px outset ; border-radius:5px; color: var(--e4); } .seto { font-size: 18px; color: var(--e1); font-weight: 700; padding-top: 5px;} .seto:hover {color: var(--e4);} /* --- določitev osnovnih polj --- */ #bod {background-color: var(--b0); color: var(--c2); font-size: 16px; font-weight: 500; background-image: linear-gradient(var(--b0),var(--b0));} #srz {position: absolute; width: 760px; height: 570px; background-color: var(--b2); color: var(--c2); font-size: 16px; font-weight: 500; background-image: linear-gradient(var(--b2),var(--d2));} #gor {width: 760px; height: 70px; margin-left: 0px; border-top:2px solid; border-bottom:2px solid ;} #med {width: 745px; height: 496px; margin-left: 15px; } #dol {border-top:2px solid ;} #mid {position: absolute; width: 320px; height: 496px; overflow-y: auto; visibility: hidden; border-top:2px solid; border-bottom:2px solid; padding: 0px 5px; background-color: var(--b4); color: var(--c4); font-size: 14px; font-weight: 500; background-image: linear-gradient(var(--d4),var(--b4));z-index: 99;} #mid > details > ul { padding-left: 20px;} #set {position: absolute; width: 320px; height: 470px; overflow-y: auto; visibility: hidden; border-top:0px solid; border-bottom:2px solid; padding: 0px 5px; z-index:200; background-color: var(--b4); color: var(--c4); font-size: 14px; font-weight: 500; } /* --- določitev gumba Gib --- */ #gmb {position: absolute; width: 55px; height: 60px; z-index: 101; background-color: transparent; color:var(--c4) font-size: 48px; font-weight: 500; text-align: center; vertical-align: middle;} .-bg {display: block; height: 6vh; width: 40px; font-family: sans-serif; margin: 2px; text-align: center; vertical-align: middle; line-height: 6vh; font-size: 4vh; background:var(--b4);color:var(--c4);border-radius:5px; border-style:outset;} .-bg:hover {background: var(--d4); color: var(--e4); border-style: inset;} #en_d {position: absolute; visibility: visible; width: 40px; height: 12px;} /* #me_u {position: absolute; width: 100px; height: 80px; color: #007; visibility: hidden; z-index: 2; background-color: #ffd; padding: 0px; border: 0px solid #007; } #op_0 {position: absolute; width: 740px; height: 480px; color: #007; visibility: hidden; z-index: 1; background-color: transparent; padding: 10px; border-top: 2px solid #007; } #op_1 {position: absolute; width: 600px; height: 480px; color: #007; visibility: hidden; z-index: 1; background-color: #ffd; padding: 10px 10px 10px 150px; border-top: 2px solid #007; } #op_2 {position: absolute; width: 600px; height: 480px; color: #007; visibility: hidden; z-index: 1; background-color: #ffd; padding: 10px 10px 10px 150px; border-top: 2px solid #007; } #op_3 {position: absolute; width: 500px; height: 480px; color: #007; visibility: hidden; z-index: 1; background-color: #ffd; padding: 10px 110px 10px 150px; border-top: 2px solid #007; } #op_5 {position: absolute; visibility: hidden; z-index: 1 } */