/* =============================================================================
SwedenCode MU - muhobby.lt dizainas
-----------------------------------------------------------------------------
Spalvos ir geometrija perimtos 1:1 iš muhobby.lt:
#008fc0 žydras puslapio fonas
#0f1841 tamsiai mėlynas turinio blokas
762px fiksuotas rėmas, 2px balta linija, margin 20px auto
337/378 kairysis / dešinysis stulpelis
Tahoma 12px, nuorodos baltos, hover raudonos
9-slice skydelių antraštės: new_left_l + new_center + new_right_r (30px)
body_left2 / body_right2 / body_center2 - skydelių kūnai (repeat-y)
Prekės ženklas SĄMONINGAI lieka "SwedenCode MU": perimtas dizainas, ne vardas.
========================================================================== */
*, *::before, *::after{ box-sizing: border-box; }
body{
margin: 0; padding: 0;
background: #008fc0;
color: #fff;
font: 12px/1.5 Tahoma, Arial, sans-serif;
text-align: center;
}
/* muhobby #main yra content-box: width:762 + 2px remelis is abieju pusiu = 766
isorinio ploco. Mano globalus border-box padarydavo 762 KARTU su remeliu,
t.y. turinys buvo 758 - 4px siauresnis nei originale. Matuota, ne is akies. */
#main{
width: 766px; margin: 20px auto; border: 2px solid #fff;
background: #0f1841; text-align: left;
}
/* --------------------------------------------------------------- baneris -- */
#header{
height: 141px; position: relative; overflow: hidden;
background: #000 url('../../../images/banner_1.png') no-repeat right center;
background-size: auto 141px;
}
#header::after{ /* gradientas, kad užrašas liktų skaitomas */
content: ""; position: absolute; inset: 0;
background: linear-gradient(90deg, #000 0%, rgba(0,0,0,.85) 42%, transparent 78%);
}
#header .wm1, #header .wm2{
position: relative; z-index: 2; display: block;
font-family: "Palatino Linotype", Georgia, serif;
font-weight: bold; letter-spacing: .04em; line-height: 1;
text-shadow: 0 2px 0 #06121f, 0 0 14px rgba(90,180,255,.5);
}
#header .wm1{
margin: 34px 0 0 34px; font-size: 40px;
background: linear-gradient(180deg,#eaf4ff 0%,#8fb6d8 45%,#3f6f96 100%);
-webkit-background-clip: text; background-clip: text; color: transparent;
}
#header .wm2{
margin: 6px 0 0 96px; font-size: 34px;
background: linear-gradient(180deg,#dff4ff 0%,#67c9e6 45%,#1f7fa0 100%);
-webkit-background-clip: text; background-clip: text; color: transparent;
}
/* ------------------------------------------------------------ navigacija -- */
/* Originale: height:27 + po 2px remelio virsuje ir apacioje = 31px isoriniu.
Su border-box 27px reiskia 23px turinio - juosta buvo 4px zemesne. */
#titlebar{
height: 31px; background: url('title.png') repeat-x;
border-top: 2px solid #fff; border-bottom: 2px solid #fff;
}
#titlebar ul{ margin: 0; padding: 5px 25px 0 0; text-align: center; list-style: none; }
#titlebar li{ display: inline-block; padding-right: 15px; }
#titlebar a{ color: #000; text-decoration: none; font-size: 12px; }
#titlebar a:hover{ color: #f00; }
/* ---------------------------------------------------------- stulpeliai ---- */
#bodyarea{ width: 762px; padding: 0; overflow: hidden; }
#colL{ float: left; width: 337px; }
#colR{ float: right; width: 378px; }
#colC{ clear: both; width: 760px; }
/* ------------------------------------------------------------- skydeliai -- */
/* Kūno gradientai yra FIKSUOTO pločio (309/347/715 px, 1px aukščio, repeat-y).
Todėl skydelio plotis privalo sutapti su paveikslėliu - kitaip lieka tamsi
juosta ten, kur gradientas baigiasi. Tai ir buvo matyti pirmame bandyme. */
.pnl{ margin: 8px 0 6px 0; }
#colL .pnl{ width: 309px; margin-left: 14px; }
#colR .pnl{ width: 347px; margin-left: 16px; }
#colC .pnl{ width: 715px; margin: 4px auto 10px auto; }
.pnl-h{ position: relative; height: 30px; display: flex; }
.pnl-h .l{ width: 13px; height: 30px; background: url('new_left_l.png') no-repeat; flex: none; }
.pnl-h .c{ flex: 1 1 auto; height: 30px; background: url('new_center.png') repeat-x; }
.pnl-h .r{ width: 13px; height: 30px; background: url('new_right_r.png') no-repeat; flex: none; }
.pnl-h span{
position: absolute; left: 16px; top: 8px;
font-weight: bold; color: #fff; font-size: 12px;
}
.pnl-b{
margin-top: -9px; padding: 14px 14px 12px 14px;
background: url('body_left2.png') repeat-y; color: #eaf4ff;
min-height: 40px;
}
#colR .pnl-b{ background-image: url('body_right2.png'); }
#colC .pnl-b{ background-image: url('body_center2.png'); }
/* --------------------------------------------------------------- turinys -- */
.pnl-b a{ color: #fff; text-decoration: none; }
.pnl-b a:hover{ color: #f00; }
.pnl-b table{ line-height: normal; font-weight: normal; text-align: start; }
.pnl-b td{ font-size: 12px; }
/* žaidimo meniu - muhobby sąrašo stilius */
ul.gmenu{ margin: 0; padding: 0; list-style: none; }
ul.gmenu li{ padding: 3px 0 3px 14px; position: relative; }
ul.gmenu li::before{
content: ""; position: absolute; left: 2px; top: 9px;
width: 5px; height: 5px; background: #4fc3e8;
}
ul.gmenu a{ color: #dff0fb; font-size: 12px; }
ul.gmenu a:hover{ color: #f00; }
/* prisijungimo forma */
.pnl-b input[type=text], .pnl-b input[type=password]{
background: #2a2a2a; color: #fff; text-align: center;
border: 1px solid #749493; font: 12px Tahoma, sans-serif;
width: 150px; padding: 2px;
}
.pnl-b input[type=text]:focus, .pnl-b input[type=password]:focus{
color: brown; border-color: brown;
}
.pnl-b input[type=submit], .pnl-b .button{
background: #2a2a2a; color: #fff; border: 1px solid #749493;
font: 12px Tahoma, sans-serif; padding: 3px 12px; cursor: pointer;
width: auto; height: auto;
}
.pnl-b input[type=submit]:hover{ border-color: red; color: red; }
.pnl-b .register{ display: inline-block; padding-top: 4px; color: brown; font-size: 11px; }
.cp{ font-size: 11px; color: #cfe6f5; }
.cp li{ list-style: none; padding: 2px 0; }
table.gs td{ padding: 2px 6px; }
/* ----------------------------------------------------------------- foot --- */
#foot{
border-top: 2px solid #fff; padding: 6px 10px;
font-size: 11px; color: #9ec6dd; text-align: center;
background: #0a1130;
}
/* ------------------------------------------------------------ responsyvu -- */
@media (max-width: 800px){
#main{ width: auto; margin: 0; border: 0; }
#bodyarea, #colL, #colR, #colC{ width: auto; float: none; }
#header{ height: 110px; background-size: auto 110px; }
#header .wm1{ margin: 22px 0 0 16px; font-size: 30px; }
#header .wm2{ margin: 4px 0 0 60px; font-size: 25px; }
#titlebar{ height: auto; }
#titlebar ul{ padding: 4px 6px; }
#titlebar li{ padding: 3px 8px; }
img{ max-width: 100%; height: auto; }
.pnl-b{ overflow-x: auto; }
}
/* MuCore vidiniai stiliai piešia pilką tekstą (#807878 ir pan.) - ant muhobby
mėlyno fono jis beveik neįskaitomas. Pakeliam kontrastą, spalvų prasmės
nekeisdami: žalia = online, raudona = klaida. */
.pnl-b font, .pnl-b span, .pnl-b div, .pnl-b td{ color: inherit; }
.pnl-b font[color="#807878"]{ color: #cfe6f5 !important; }
.pnl-b .welcome, .pnl-b .yellow{ color: #ffd24a !important; }
.pnl-b b, .pnl-b strong{ color: #ffffff; }
table.gs td{ color: #dff0fb; }
/* -----------------------------------------------------------------------------
Kontrastas centriniame skydelyje.
body_center2.png yra šviesus žydras gradientas, o MuCore naujienų metaduomenis
piešia pilkai (#807878 ir panašiai) - ant šviesaus fono jie beveik dingsta.
Todėl visą turinį darom baltą su plona tamsia briauna, o metaduomenis -
šviesiai mėlynus. Spalvų PRASMĖS nekeičiam: žalia = online, raudona = klaida.
-------------------------------------------------------------------------- */
#colC .pnl-b{ color: #ffffff; text-shadow: 0 1px 1px rgba(0,20,40,.55); }
#colC .pnl-b a{ color: #ffffff; }
#colC .pnl-b a:hover{ color: #ffe08a; }
#colC .pnl-b b, #colC .pnl-b strong{ color: #ffffff; }
#colC .pnl-b font[color="#807878"],
#colC .pnl-b .date, #colC .pnl-b .posted{ color: #d8ecff !important; }
/* naujienų antraštės ir "By Administrator" */
#colC .pnl-b hr{ border: 0; border-top: 1px solid rgba(255,255,255,.35); }
/* Kairysis ir dešinysis skydeliai: tas pats principas */
#colL .pnl-b, #colR .pnl-b{ text-shadow: 0 1px 1px rgba(0,20,40,.45); }
/* registracijos mygtukas: rank.css deda reg_new.png su ISKEPTU anglisku
uzrasu "Register New Account". Paveikslelio nekeiciam - tiesiog atsisakom
jo ir piesiam teksta muhobby stiliumi. */
.pnl-b a.register{
background: #2a2a2a !important;
border: 1px solid #749493 !important;
width: auto !important; height: auto !important;
padding: 4px 14px !important;
color: #fff !important; font: 12px Tahoma, sans-serif;
display: inline-block; text-align: center;
}
.pnl-b a.register::after{ content: "Sukurti paskyrą"; }
.pnl-b a.register:hover{ background: #3a3a3a !important; border-color: red !important; color: red !important; }
/* =============================================================================
muhobby skydelių lentelės
-----------------------------------------------------------------------------
Matmenys nuimti nuo gyvo muhobby.lt (getComputedStyle), ne iš akies:
būsenos lentelė width 85%, centruota, langelių padding 1px 1px 1px 2px,
kairysis stulpelis 150px, dešinysis 100px
GM lentelė 1px solid pilkas rėmelis lentelei IR kiekvienam langeliui,
tekstas centruotas, smulkus šriftas (originale )
Spalvos - iš šito šablono paletės, ne juoda ant tamsaus, kaip originale.
========================================================================== */
/* ------------------------------------------------ [Serverio būsena] ------- */
table.mh-status{ width: 85%; margin: 0 auto 8px auto; border-collapse: collapse; }
table.mh-status td{ padding: 1px 1px 1px 2px; font-size: 12px; vertical-align: top; }
table.mh-status td.k{ width: 60%; }
table.mh-status td.v{ width: 40%; text-align: right; padding-right: 4px; }
table.mh-status td.k.hot, table.mh-status td.k.hot a{ color: #e6a877; }
table.mh-status a{ color: #eaf4ff; }
table.mh-status a:hover{ color: #f00; }
table.mh-status .up{ color: #0ae0a0; font-weight: bold; }
table.mh-status .down{ color: #e57042; font-weight: bold; }
.mh-admin{ font-size: 11px; line-height: 1.7; }
.mh-admin .lb{ padding-left: 10px; }
.mh-admin .lb2{ padding-left: 10px; }
.mh-admin b{ color: #fff; }
/* ------------------------------------- [Geriausio GameMaster rinkimai] ---- */
.mh-lead{ font-size: 11px; margin: 0 0 6px 0; }
table.mh-gm{
width: 100%; border-collapse: collapse;
border: 1px solid #8a9aa8; margin-bottom: 7px;
}
table.mh-gm th, table.mh-gm td{
border: 1px solid #8a9aa8; padding: 3px 2px;
font-size: 10px; font-weight: normal; text-align: center; line-height: 1.3;
}
table.mh-gm th{ color: #cfe6f5; }
table.mh-gm td.n{ width: 24px; }
table.mh-gm td.who{ color: #0ae0a0; font-weight: bold; }
table.mh-gm td.mail{ word-break: break-all; }
table.mh-gm td.empty{ padding: 8px 4px; color: #cfe6f5; }
table.mh-gm .up{ color: #0ae0a0; }
table.mh-gm .off{ color: #9fb4c4; }
/* --------------------------------------------- [Žaidėjų Resetų TOP] ------- */
table.mh-top{ width: 100%; border-collapse: collapse; margin-bottom: 6px; }
table.mh-top th, table.mh-top td{
padding: 2px 3px; font-size: 11px; text-align: center; line-height: 1.35;
}
table.mh-top th{ font-weight: bold; color: #cfe6f5; border-bottom: 1px solid #8a9aa8; }
table.mh-top td.n{ width: 26px; color: #e6a877; font-weight: bold; }
table.mh-top td.who{ text-align: left; color: #fff; }
table.mh-top td.prize{ color: #ffd24a; white-space: nowrap; }
table.mh-top sup{ font-size: 9px; }
/* ------------------------------------------- [AUKCIONO NAUJIENOS] -------- */
.mh-warn{ color: #ff5a5a; text-align: center; font-size: 11px; margin: 2px 0 8px 0; }
table.mh-auc{ margin: 0 auto; border-collapse: collapse; }
table.mh-auc th{
border: 1px solid #8a9aa8; padding: 2px 14px;
font-size: 11px; font-weight: normal; text-align: center;
}
/* ---------------------------------------------- [EVENTŲ NAUJIENOS] ------- */
/* Originale skydelis tuščias ir žemas - kūno aukštį palaiko šitas blokas. */
.mh-events{ min-height: 18px; font-size: 11px; line-height: 1.5; }
.mh-events:empty{ min-height: 18px; }
/* ------------------------------------------------ [Resetų taisyklės] ----- */
.mh-rules{ font-size: 11px; line-height: 1.5; }
.mh-rules p{ margin: 0 0 6px 0; }
.mh-rules p:last-child{ margin-bottom: 0; }
.mh-rules b{ color: #fff; }
/* bendra išnašų eilutė po lentelėmis */
.mh-note{ font-size: 10px; line-height: 1.45; color: #cfe6f5; }
.mh-note b{ color: #e6a877; }
/* Siauruose ekranuose lentelės nesulaužo stulpelio - leidžiam slinkti. */
@media (max-width: 800px){
table.mh-gm{ font-size: 10px; }
.pnl-b table{ max-width: 100%; }
}
/* =============================================================================
Antras 1:1 sluoksnis - personažų piešiniai, prisijungimo forma, būsenos
lentelės lygiavimas. Viskas nuimta nuo gyvo muhobby main.css / DOM.
========================================================================== */
/* ---------------------------------------------------- personažų piešiniai --
muhobby main.css:
#left #bg_left_down #people { background:url(img/bk.png) no-repeat right bottom; }
#right #bg_right_down #people1 { background:url(img/elfe.png) no-repeat right bottom; }
T.y. piešiniai kabinami ne ant kiekvieno skydelio, o ant PIRMOJO kiekvieno
stulpelio skydelio kūno: kairėje - Blade Knight, dešinėje - Elf.
Kiti trys (mg, elf-dl, sm_bk_mg) jų CSS yra UŽKOMENTUOTI, todėl gyvame
puslapyje nesimato - čia jų irgi nededam. */
#colL .pnl:first-child > .pnl-b{
background-image: url('bk.png'), url('body_left2.png');
background-repeat: no-repeat, repeat-y;
background-position: right bottom, left top;
min-height: 168px;
}
#colR .pnl:first-child > .pnl-b{
background-image: url('elfe.png'), url('body_right2.png');
background-repeat: no-repeat, repeat-y;
background-position: right bottom, left top;
min-height: 158px;
}
/* ------------------------------------------------------ prisijungimo forma -
muhobby: du 150px laukai vienas po kitu, po jais mygtukas "Prisijungti".
Piešinys yra dešinėje apačioje, todėl turinį laikom kairėje. */
.mh-login{ padding: 4px 0 0 10px; }
.mh-login .login_field{ width: 150px; }
.mh-btn{ margin-left: 0; }
.mh-login-links{ padding: 2px 0 2px 10px; font-size: 12px; line-height: 1.75; }
.mh-login-links a{ color: #e6a877; }
.mh-login-links a:hover{ color: #f00; }
/* --------------------------------------------- [Serverio būsena] lygiavimas -
Originale: | etiketė, | reikšmė, abi kairėje.
Pirmame variante reikšmes buvau nustūmęs į dešinį kraštą - ne 1:1.
Etiketės muhobby yra rudos (#people1 a { color:brown }), visos, ne tik
"Users connected". */
table.mh-status{ font-size: 11px; }
table.mh-status td{ padding-left: 2px; }
table.mh-status td.k{ width: 150px; }
table.mh-status td.v{ width: 100px; text-align: left; padding-right: 0; }
table.mh-status td.k,
table.mh-status td.k a,
table.mh-status td.k.hot,
table.mh-status td.k.hot a{ color: #e6a877; }
table.mh-status td.k a:hover{ color: #f00; }
table.mh-status td.v{ color: #eaf4ff; }
/* Piešinys dešinėje apačioje - kad tekstas ant jo neužliptų. */
#colR .pnl:first-child > .pnl-b table.mh-status{ width: auto; margin-left: 0; }
.mh-admin{ padding-right: 96px; }
/* ------------------------------------------------------------- lentelės ---- */
/* GM lentelėje el. paštas ilgas - leidžiam jam laužtis per raides, bet
stulpeliui duodam daugiau vietos, kad nesitampytų likusieji. */
table.mh-gm td.mail{ font-size: 9px; }
/* =============================================================================
Trečias 1:1 sluoksnis - skydelių aukštis piešiniams ir administratoriaus
eilučių laužymas.
========================================================================== */
/* Piešiniai kabinami "right bottom", tad per žemas kūnas juos nukerpa iš
viršaus. bk.png yra 144x192, elfe.png 139x158 - duodam tiek vietos, kad
tilptų visi, kaip muhobby (ten tie skydeliai ~240px aukščio). */
#colL .pnl:first-child > .pnl-b{ min-height: 200px; padding-right: 150px; }
#colR .pnl:first-child > .pnl-b{ min-height: 176px; }
/* Administratoriaus eilutės muhobby telpa po vieną - neleidžiam laužyti
etiketės, o piešiniui paliekam vietos tik dešinėje. */
.mh-admin{ padding-right: 0; white-space: nowrap; }
.mh-admin b{ white-space: nowrap; }
/* Būsenos lentelė neturi lįsti po elfu: 150+100 = 250px, o kūno plotis
347-28 = 319px, tad piešiniui lieka ~69px. */
#colR .pnl:first-child > .pnl-b table.mh-status{ width: 250px; }
/* GM lentelė: el. pašto stulpelis platesnis, kad adresas nesilaužytų per
vidurį žodžio. */
table.mh-gm td.mail{ font-size: 9px; width: 34%; }
table.mh-gm td.n{ width: 22px; }
/* Piešinys yra APAČIOJE dešinėje, todėl tekstui riboti visą kūną nereikia -
muhobby nuorodų eilutės eina per visą plotį ir užeina ant piešinio viršaus.
Su padding-right:150px jos laužėsi per dvi eilutes - ne 1:1. Ribojam tik
pačią formą. */
#colL .pnl:first-child > .pnl-b{ padding-right: 14px; }
.mh-login{ max-width: 190px; }
.mh-login-links{ white-space: nowrap; }
/* =============================================================================
Mobilus taisymas.
-----------------------------------------------------------------------------
Ankstesnis @media blokas atstatydavo #colL/#colR/#colC plotį, BET NE pačių
skydelių: #colC .pnl liko fiksuoti 715px, tad 375px ekrane centrinis
naujienų skydelis išsikišdavo už ekrano ir puslapis slysdavo horizontaliai.
Kūnų gradientai yra 309x1 / 347x1 / 715x1 - horizontalūs, kartojami
vertikaliai. Kai skydelis nebe tokio pat pločio kaip paveikslėlis,
ištempiam jį per visą plotį (background-size: 100% 1px) ir toliau
kartojam vertikaliai. Pirmuose stulpelių skydeliuose yra DU fonai
(personažas + gradientas), tad dydį nurodom kiekvienam sluoksniui atskirai,
kad piešinys nebūtų suplotas.
========================================================================== */
@media (max-width: 800px){
#colL .pnl, #colR .pnl, #colC .pnl{
width: auto; max-width: 100%;
margin-left: 8px; margin-right: 8px;
}
.pnl-b{ background-size: 100% 1px; background-repeat: repeat-y; }
#colL .pnl:first-child > .pnl-b,
#colR .pnl:first-child > .pnl-b{
background-size: auto, 100% 1px;
background-repeat: no-repeat, repeat-y;
}
/* piešiniui skirtas tarpas telefone nereikalingas - teksto vietos maža */
#colL .pnl:first-child > .pnl-b{ padding-right: 14px; }
.mh-login-links{ white-space: normal; }
.mh-admin{ white-space: normal; padding-right: 0; }
#colR .pnl:first-child > .pnl-b table.mh-status{ width: 100%; }
table.mh-status td.k{ width: auto; }
table.mh-status td.v{ width: 72px; }
}
/* title.png yra 1x27 - VERTIKALUS gradientas, kartojamas horizontaliai.
Telefone meniu susilaužo į dvi eiles, o antroji eilė lieka be fono: juoda
nuorodų spalva ant tamsiai mėlyno beveik neįskaitoma. Leidžiam juostai
kartotis ir vertikaliai - kiekviena eilė gauna savo gradientą. */
@media (max-width: 800px){
#titlebar{ background-repeat: repeat; }
}
/* =============================================================================
Antriniai puslapiai - turinys viršuje, kaip muhobby.
-----------------------------------------------------------------------------
muhobby antriniuose puslapiuose (index.php?id=2&act=2) šoninių skydelių
NĖRA: puslapio turinys užpildo rėmą tuoj po navigacijos juosta.
Pas mus visi 9 šoniniai skydeliai likdavo kiekviename puslapyje, o tikras
turinys atsidurdavo centriniame stulpelyje ~1100px žemiau - paspaudus
mygtuką ekranas atrodydavo nepasikeitęs.
Stulpelių netvarkom PHP lygyje, tik perrikiuojam: #bodyarea.sub tampa flex
konteineriu, centrinis stulpelis gauna order:1. Penki tik-tituliniam
skirti skydeliai (pnl--home) paslepiami.
========================================================================== */
#bodyarea.sub{ display: flex; flex-wrap: wrap; align-items: flex-start; }
#bodyarea.sub #colC{ order: 1; width: 100%; float: none; clear: none; }
#bodyarea.sub #colL{ order: 2; float: none; }
#bodyarea.sub #colR{ order: 3; float: none; margin-left: auto; }
#bodyarea.sub .pnl--home{ display: none; }
/* Antriniame puslapyje pirmasis kairės/dešinės skydelis nebėra tas pats, tad
personažų piešinius kabinam ant [Prisijungimas] ir [Serverio būsena] pagal
klasę, o ne pagal :first-child - kitaip piešinys atsirastų ant [Meniu]. */
#bodyarea.sub #colL .pnl:first-child > .pnl-b{
background-image: url('bk.png'), url('body_left2.png');
background-repeat: no-repeat, repeat-y;
background-position: right bottom, left top;
}
#bodyarea.sub #colR .pnl:first-child > .pnl-b{
background-image: url('elfe.png'), url('body_right2.png');
background-repeat: no-repeat, repeat-y;
background-position: right bottom, left top;
}
/* Antriniame puslapyje šoninių skydelių NEBŪNA - kaip muhobby. Anksčiau juos
tik nustūmiau po turiniu, bet jie vis tiek matėsi; registracijos puslapyje
po forma likdavo [Prisijungimas], [Serverio būsena] ir [Meniu].
Naršoma viršutine juosta - lygiai kaip muhobby antriniuose puslapiuose. */
#bodyarea.sub #colL,
#bodyarea.sub #colR{ display: none; }
#bodyarea.sub #colC{ width: 762px; }
/* 715px = body_center2.png plotis. Platesnis skydelis paliktu tamsia
juosta ten, kur gradientas baigiasi - todel plotis TIKSLIAI toks. */
#bodyarea.sub #colC .pnl{ width: 715px; margin: 8px auto 12px auto; }
@media (max-width: 800px){
#bodyarea.sub #colC{ width: auto; }
#bodyarea.sub #colC .pnl{ width: auto; max-width: 100%; margin-left: 8px; margin-right: 8px; }
}
/* ------------------------------------------------ [Paremkite mus] - SWGC ---
Mygtukas atidaro /unboxing/buycoins.js modalą (tas pats, kurį naudoja
unboxing). Stilius - iš šio šablono paletės, aukso spalva = SWGC. */
.mh-donate{ font-size: 12px; line-height: 1.6; padding: 4px 6px; }
.mh-donate p{ margin: 0 0 10px 0; }
.mh-donate b{ color: #fff; }
.mh-donate-cta{ text-align: center; margin: 16px 0 18px 0; }
a.mh-buy{
display: inline-block; padding: 9px 26px;
background: #2a2a2a; border: 1px solid #ffd24a;
color: #ffd24a !important; font: bold 13px/1 Tahoma, sans-serif;
letter-spacing: .06em; text-decoration: none;
}
a.mh-buy:hover{ background: #3a3a3a; border-color: #fff; color: #fff !important; }
.mh-donate-steps{ font-size: 11px; }
.mh-donate-steps ol{ margin: 6px 0 12px 0; padding-left: 22px; }
.mh-donate-steps li{ margin-bottom: 4px; }
.mh-donate-foot{ font-size: 11px; border-top: 1px solid rgba(255,255,255,.2); padding-top: 9px; }
.mh-donate-foot a{ color: #e6a877; }
/* rank.css nuima sarasu numeracija, tad ja atstatom aiskiai - be numeriu
trys zingsniai atrode kaip atsitiktines eilutes. */
.mh-donate-steps ol{ list-style: decimal outside; }
.mh-donate-steps ol li{ display: list-item; }
/* ------------------------------------------- [Paremkite mus] statu skyrius -- */
.mu-sec{ border-top: 1px solid rgba(255,255,255,.22); margin-top: 14px; padding-top: 10px; }
.mu-sec:first-child{ border-top: 0; margin-top: 0; padding-top: 0; }
.mu-sec-h{ font-weight: bold; color: #ffd24a; font-size: 12px; margin-bottom: 8px; }
.mu-shop-lbl{ font-size: 11px; }
.mu-shop-lbl input{
background: #2a2a2a; color: #fff; border: 1px solid #749493;
font: 12px Tahoma, sans-serif; width: 150px; padding: 2px; margin-top: 3px;
}
.mu-shop-lbl input:focus{ color: brown; border-color: brown; }
table.mu-shop-tbl{ width: 100%; border-collapse: collapse; margin: 8px 0; }
table.mu-shop-tbl th, table.mu-shop-tbl td{
padding: 3px 4px; font-size: 11px; text-align: left;
border-bottom: 1px solid rgba(255,255,255,.12);
}
table.mu-shop-tbl th{ color: #cfe6f5; font-weight: bold; }
table.mu-shop-tbl td.who{ color: #fff; }
table.mu-shop-tbl td.c{ color: #ffd24a; white-space: nowrap; }
table.mu-shop-tbl td.b{ text-align: right; }
button.mu-buy{
background: #2a2a2a; color: #fff; border: 1px solid #749493;
font: 11px Tahoma, sans-serif; padding: 3px 12px; cursor: pointer;
}
button.mu-buy:hover{ border-color: #ffd24a; color: #ffd24a; }
button.mu-buy[disabled]{ opacity: .5; cursor: default; }
.mu-shop-msg{ font-size: 11px; min-height: 16px; margin: 6px 0; }
.mu-shop-msg.ok{ color: #0ae0a0; }
.mu-shop-msg.bad{ color: #ff5a5a; }
.mu-shop-msg a{ color: #e6a877; }
.mu-shop-note{ font-size: 10px; color: #cfe6f5; line-height: 1.45; }
.mu-shop-cta{ text-align: center; margin: 12px 0; }
/* =============================================================================
TIPOGRAFIJA 1:1 SU MUHOBBY
-----------------------------------------------------------------------------
Visos reikšmės nuimtos getComputedStyle nuo gyvo muhobby.lt, ne iš akies:
body Times New Roman 16px, line-height normal, text-align center
juostos nuoroda Tahoma 12px 400 juoda, hover raudona
skydelio antraštė Tahoma 12px **400** balta <- NE bold
kairysis kūnas Tahoma 12px 400 balta
dešinys kūnas Tahoma **11px** 400 balta (#people1)
kūno nuorodos ruda rgb(165,42,42) <- ne baltos
būsenos lentelė arial 13px, reikšmės **juodos**
line-height visur `normal` <- ne 1.5
KONTRASTAS (fonas yra body_*2.png, vidurinė dalis rgb(75,142,189), išmatuota
per GD, o ne spėta):
juoda 5.9:1 <- muhobby būsenos reikšmės, geriausias
balta 3.6:1 <- muhobby pagrindinis tekstas
ruda 2.0:1 <- muhobby nuorodos
mano ankstesnis #e6a877 1.8:1 <- buvo BLOGIAU nei muhobby ruda
Todėl grįžimas prie muhobby spalvų kartu ir pagerina įskaitomumą. Rudos
nuorodos 2.0:1 yra perimtas muhobby sprendimas, ne mano apsileidimas -
jei norėsis daugiau kontrasto, keisti reikia BŪTENT čia.
========================================================================== */
/* line-height: muhobby visur `normal`; mano 1.5 darė tekstą 20 % laisvesnį */
body,
.pnl-b,
.pnl-h span,
#colC .pnl-b{ line-height: normal; }
/* antraštė NĖRA pusjuodė */
.pnl-h span{ font-weight: normal; }
/* stulpelių kūnų šrifto dydžiai */
#colL .pnl-b{ font-size: 12px; }
#colR .pnl-b{ font-size: 11px; }
#colC .pnl-b{ font-size: 12px; text-shadow: none; }
/* nuorodos skydelių kūnuose - rudos, kaip muhobby (#people / #people1 a) */
#colL .pnl-b a,
#colR .pnl-b a,
#colC .pnl-b a{ color: #a52a2a; }
#colL .pnl-b a:hover,
#colR .pnl-b a:hover,
#colC .pnl-b a:hover{ color: #ff0000; }
/* būsenos lentelė: arial 13px, etiketės rudos, reikšmės JUODOS */
table.mh-status td{ font-family: arial, helvetica, sans-serif; font-size: 13px; }
table.mh-status td.v{ color: #000000; }
table.mh-status td.k,
table.mh-status td.k a,
table.mh-status td.k.hot,
table.mh-status td.k.hot a{ color: #a52a2a; }
table.mh-status td.k a:hover{ color: #ff0000; }
/* žalia = veikia, oranžinė = neveikia: reikšmę nešanti spalva nesikeičia */
table.mh-status .up{ color: #0a7d00; font-weight: bold; }
table.mh-status .down{ color: #b03000; font-weight: bold; }
/* meniu sąrašas: muhobby kairysis stulpelis 11px, nuorodos rudos */
ul.gmenu a{ font-size: 11px; color: #a52a2a; }
ul.gmenu a:hover{ color: #ff0000; }
/* naujienų kūnas: baltas tekstas be šešėlio, kaip muhobby */
#colC .pnl-b,
#colC .pnl-b b,
#colC .pnl-b strong{ color: #ffffff; }
#colC .pnl-b a{ color: #a52a2a; }
#colC .pnl-b a:hover{ color: #ff0000; }
/* prisijungimo nuorodos - tos pačios rudos */
.mh-login-links a{ color: #a52a2a; }
.mh-login-links a:hover{ color: #ff0000; }
.mh-donate-foot a{ color: #a52a2a; }
.mu-shop-msg a{ color: #a52a2a; }
/* Paskutinis suvedimas su matavimais: muhobby kairiojo stulpelio nuorodos yra
11px (ne 12), o kūno tekstas - TIKRA balta rgb(255,255,255), ne #eaf4ff. */
#colL .pnl-b a{ font-size: 11px; }
#colL .pnl-b, #colR .pnl-b{ color: #ffffff; }
/* =============================================================================
TIPOGRAFIJA 1:1 - ANTRAS SLUOKSNIS
-----------------------------------------------------------------------------
Pirmas sluoksnis sutvarkė bendrus dalykus (antraštės svoris, line-height,
stulpelių dydžiai, rudos nuorodos). Bet palyginus VISĄ muhobby stilių
inventorių (19 skirtingų teksto stilių) su savuoju paaiškėjo, kad septyni
dar nesutampa. Visos reikšmės - getComputedStyle nuo gyvo muhobby:
Tahoma 12 w700 rgb(0,0,0) paryškinimai skydeliuose - JUODI
Tahoma 12 w700 rgb(165,42,42) "Norint pirkti ar parduoti" - RUDAS, storas
Tahoma 11 w900 rgb(255,215,0) Resetų taisyklės - AUKSINIS w900
Tahoma 11 w700 rgb(0,0,0) "# Prižiūrėtojas (GM)" - juodas, storas
arial 10 w700 rgb(0,0,0) lentelių antraštės (No, TOP) - juodos
arial 13 w400 rgb(165,42,42) būsenos etiketės, IR nuorodos
Tahoma 12 w700 rgb(10,224,160) "ADMIN" / serverio būsena - žalias
Juoda ant šio fono duoda 5.9:1 (baltas tik 3.6:1), tad perėjimas prie
muhobby juodų paryškinimų kartu ir pagerina įskaitomumą.
========================================================================== */
/* --- paryškinimai skydeliuose: JUODI, ne balti ---------------------------- */
#colL .pnl-b b, #colL .pnl-b strong,
#colR .pnl-b b, #colR .pnl-b strong{ color: #000000; font-weight: bold; }
/* --- aukciono įspėjimas: Tahoma 12, storas, RUDAS (ne raudonas) ----------- */
.mh-warn{ font-family: Tahoma, sans-serif; font-size: 12px; font-weight: bold;
color: #a52a2a; }
/* --- Resetų taisyklės: Tahoma 11, w900, AUKSINIS -------------------------- */
.mh-rules{ font-family: Tahoma, sans-serif; font-size: 11px; font-weight: 900;
color: #ffd700; }
.mh-rules b{ color: #ffd700; font-weight: 900; }
/* --- GM paaiškinimai po lentele: Tahoma 11, storas, juodas ---------------- */
table.mh-gm ~ .mh-note,
.mh-gm-note{ font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold;
color: #000000; }
table.mh-gm ~ .mh-note b{ color: #000000; }
/* --- lentelių antraštės: arial 10, storos, juodos ------------------------- */
table.mh-gm th,
table.mh-top th,
table.mh-auc th{ font-family: arial, helvetica, sans-serif; font-size: 10px;
font-weight: bold; color: #000000; }
/* --- būsenos lentelė: nuorodos irgi arial 13 (paveldi iš td) -------------- */
table.mh-status td.k a,
table.mh-status td.v a{ font: inherit; color: inherit; }
/* --- žalia "Veikia": muhobby rgb(10,224,160), buvau patamsinęs ------------ */
table.mh-status .up{ color: #0ae0a0; font-weight: bold;
font-family: Tahoma, sans-serif; font-size: 12px; }
table.mh-status .down{ color: #e57042; font-weight: bold;
font-family: Tahoma, sans-serif; font-size: 12px; }
table.mh-gm td.who{ font-family: Tahoma, sans-serif; font-size: 12px;
font-weight: bold; color: #0ae0a0; }
/* --- TOP lentelė: eilučių tekstas juodas, prizai auksiniai ---------------- */
table.mh-top td{ font-family: arial, helvetica, sans-serif; font-size: 11px;
color: #000000; }
table.mh-top td.who{ color: #000000; font-weight: bold; }
table.mh-top td.n{ color: #a52a2a; font-weight: bold; }
table.mh-top td.prize{ color: #ffd700; font-weight: bold; }
/* --- TOP išnašos: kaip muhobby auksinės ---------------------------------- */
table.mh-top ~ .mh-note{ font-family: Tahoma, sans-serif; font-size: 11px;
font-weight: 900; color: #ffd700; }
table.mh-top ~ .mh-note b{ color: #ffd700; }
/* --- administratoriaus eilutės po būsenos lentele ------------------------- */
.mh-admin{ font-family: Tahoma, sans-serif; font-size: 11px; color: #ffffff; }
.mh-admin b{ color: #000000; font-weight: bold; }
/* --- GM lentelės įvadas --------------------------------------------------- */
.mh-lead{ font-family: Tahoma, sans-serif; font-size: 11px; color: #ffffff; }
/* SPECIFIŠKUMO PATAISA.
Senoji taisyklė (0,1,1) nustelbdavo
ir (0,1,0), tad aukciono įspėjimas ir resetų
taisyklės būdavo BALTOS, nors taisyklė sakė rudai/auksinei. Matėsi tik
išmatavus - akimis balta ant mėlyno atrodo normaliai.
Dviem klasėmis (0,2,0) nusveriam klasę+elementą (0,1,1). */
.pnl-b .mh-warn{ color: #a52a2a; font-family: Tahoma, sans-serif;
font-size: 12px; font-weight: bold; }
.pnl-b .mh-rules{ color: #ffd700; font-family: Tahoma, sans-serif;
font-size: 11px; font-weight: 900; }
.pnl-b .mh-rules b{ color: #ffd700; font-weight: 900; }
.pnl-b .mh-note{ color: #ffd700; font-family: Tahoma, sans-serif;
font-size: 11px; font-weight: 900; }
.pnl-b .mh-note b{ color: #a52a2a; }
.pnl-b .mh-lead{ color: #ffffff; font-family: Tahoma, sans-serif; font-size: 11px; }
.pnl-b .mh-admin{ color: #ffffff; font-family: Tahoma, sans-serif; font-size: 11px; }
.pnl-b .mh-admin b{ color: #000000; font-weight: bold; }
/* =============================================================================
TIPOGRAFIJA 1:1 - TREČIAS SLUOKSNIS: MuCore modulių lentelės
-----------------------------------------------------------------------------
Išmatuota muhobby Top50 (index.php?id=7&act=7):
700x Arial 13px w400 rgb(0,0,0) duomenų langeliai
16x Arial 13px w700 rgb(0,0,0) antraštės
T.y. visa jų reitingų lentelė - Arial 13, JUODA; antraštės tos pačios, tik
storesnės. Jokio pilko ir jokio balto lentelėse.
Mano pusėje buvo Tahoma 12 w700 BALTA, plius MuCore standartinis pilkas
rgb(162,161,161) tabų ir "Kitas atnaujinimas" eilutėse. Pilkas ant šio
mėlyno duoda ~2:1 - praktiškai neįskaitomas.
Šitas blokas taiso VISUS MuCore modulius vienu kartu, nes jie dalijasi tomis
pačiomis rank.css klasėmis: reitingai, geriausiųjų galerija, blokuoti
žaidėjai, susituokę, prisijungę, Sky Land.
Juoda ant fono rgb(75,142,189) = 5.9:1 (balta tik 3.6:1), tad sutapimas su
muhobby kartu ir pagerina įskaitomumą.
========================================================================== */
/* --- modulių lentelių langeliai: Arial 13, juodi --------------------------- */
#colC .pnl-b td.iR_rank,
#colC .pnl-b td.iR_name,
#colC .pnl-b td.iR_class,
#colC .pnl-b td.iR_class2,
#colC .pnl-b td.iR_stats,
#colC .pnl-b td.iR_stats2,
#colC .pnl-b td.iR_stats3,
#colC .pnl-b td.iR_stats_reset,
#colC .pnl-b td.iR_stats_level,
#colC .pnl-b td.iR_stats_level2,
#colC .pnl-b td.iR_status,
#colC .pnl-b td.iN_download_cat,
#colC .pnl-b td.iR_guild_name,
#colC .pnl-b td.iR_guild_master{
font-family: arial, helvetica, sans-serif;
font-size: 13px;
color: #000000;
}
/* vieta ir vardas - storesni, kaip muhobby antraštės */
#colC .pnl-b td.iR_rank,
#colC .pnl-b td.iR_name{ font-weight: bold; }
/* --- paryškinimai centriniame stulpelyje: JUODI, kaip muhobby ------------- */
#colC .pnl-b b,
#colC .pnl-b strong{ color: #000000; }
/* --- MuCore pilka rgb(162,161,161): muhobby tokios spalvos NETURI ---------- */
#colC .pnl-b .iR_rank_type,
#colC .pnl-b .iR_rank_type_sub,
#colC .pnl-b .iR_task,
#colC .pnl-b .tmp_page_content,
#colC .pnl-b .where_nav{ color: #000000; }
/* aktyvus reitingų tabas muhobby yra tamsiai raudonas - paliekam, bet
pritamsinam iki skaitomo atspalvio */
#colC .pnl-b .iR_rank_type span{ color: #990000; }
#colC .pnl-b .iR_rank_type a{ color: #a52a2a; }
#colC .pnl-b .iR_rank_type a:hover{ color: #ff0000; }
/* --- klasių filtras po tabais --------------------------------------------- */
#colC .pnl-b .iR_rank_type_sub a{ color: #a52a2a; }
#colC .pnl-b .iR_rank_type_sub span{ color: #990000; }
/* --- naujienos: muhobby centrinis stulpelis yra baltas, paryškinimai juodi -- */
#colC .pnl-b .iN_title a{ color: #000000; font-weight: bold; }
#colC .pnl-b .iN_title a:hover{ color: #ff0000; }
#colC .pnl-b .iN_date{ color: #000000; font-size: 11px; }
#colC .pnl-b .iN_news_content{ color: #ffffff; }
/* =============================================================================
Top50 lentelė - muhobby išvaizda
-----------------------------------------------------------------------------
Nuo gyvo muhobby: Arial 13px juodas tekstas, Arial 13px bold juodos
antraštės, plonas rėmelis kiekvienam langeliui, kaitaliojami eilučių fonai,
personažo vardas tamsiai mėlynas, "On" stulpelyje žalias/pilkas taškas.
========================================================================== */
.mh-rank-nav{
text-align: center; padding: 6px 0 10px 0;
font: bold 13px arial, helvetica, sans-serif;
}
.mh-rank-nav span{ color: #ffffff; }
.mh-rank-nav a{ color: #a52a2a; text-decoration: none; }
.mh-rank-nav a:hover{ color: #ff0000; }
table.mh-rank{
margin: 0 auto; border-collapse: collapse;
background: #b9d9ef; /* muhobby lentelės pagrindas - šviesus */
border: 1px solid #6f8ea8;
}
table.mh-rank th{
font: bold 13px arial, helvetica, sans-serif;
color: #000000; background: #cfe3f3;
border: 1px solid #6f8ea8;
padding: 2px 4px; text-align: center; line-height: 1.1;
white-space: nowrap;
}
table.mh-rank td{
font: 13px arial, helvetica, sans-serif;
color: #000000;
border: 1px solid #6f8ea8;
padding: 1px 4px; white-space: nowrap;
}
table.mh-rank tr.even td{ background: #b9d9ef; }
table.mh-rank tr.odd td{ background: #a9cde6; }
table.mh-rank td.n{ text-align: right; color: #000000; font-weight: normal; }
table.mh-rank td.num{ text-align: right; }
table.mh-rank td.who{ color: #12306b; font-weight: bold; }
table.mh-rank td.on{ text-align: center; }
table.mh-rank td.mh-rank-empty{ text-align: center; padding: 10px; }
/* "On" taškas: žalias = prisijungęs, pilkas = ne */
table.mh-rank .dot-on,
table.mh-rank .dot-off{
display: inline-block; width: 9px; height: 9px; border-radius: 50%;
border: 1px solid #55707f; vertical-align: middle;
}
table.mh-rank .dot-on{ background: #2ad04a; }
table.mh-rank .dot-off{ background: #9aa8b0; }
/* siaurame ekrane lentelė plati - leidžiam jai slinkti savo dėžėje,
kad puslapis nepradėtų slinkti horizontaliai */
@media (max-width: 800px){
#colC .pnl-b{ overflow-x: auto; }
table.mh-rank{ font-size: 11px; }
table.mh-rank th, table.mh-rank td{ font-size: 11px; padding: 1px 2px; }
}
/* =============================================================================
Dviejų skydelių turinys antriniame puslapyje (muhobby [Siuntinių nuorodos]
+ [Instrukcija] greta).
-----------------------------------------------------------------------------
muhobby tokiuose puslapiuose naudoja tuos pačius kairį/dešinį stulpelius su
9-slice antraštėmis. Pas mane antriniuose puslapiuose tie stulpeliai
paslėpti, tad tą pačią išvaizdą darom VIDUJE centrinio skydelio: du blokai
greta, kiekvienas su savo antrašte ir 9-slice juostele.
Antraštės piešiamos tais pačiais new_left_l / new_center / new_right_r
paveikslėliais, kad neatsirastų antro stiliaus antraščių.
========================================================================== */
.mh-two{ display: flex; gap: 12px; align-items: flex-start; }
.mh-two-l{ flex: 0 0 46%; }
.mh-two-r{ flex: 1 1 auto; }
.mh-sub-h{
position: relative; height: 30px; line-height: 30px;
padding-left: 16px; color: #ffffff; font: 12px Tahoma, sans-serif;
background: url('new_center.png') repeat-x;
border-left: 13px solid transparent; border-right: 13px solid transparent;
border-image: none;
box-sizing: border-box;
}
.mh-sub-h::before,
.mh-sub-h::after{
content: ""; position: absolute; top: 0; width: 13px; height: 30px;
}
.mh-sub-h::before{ left: -13px; background: url('new_left_l.png') no-repeat; }
.mh-sub-h::after{ right: -13px; background: url('new_right_r.png') no-repeat; }
.mh-sub-b{
margin-top: -9px; padding: 14px 12px 12px 12px;
background: url('body_center2.png') repeat-y;
background-size: 100% 1px;
color: #ffffff; font: 11px Tahoma, sans-serif; line-height: normal;
}
.mh-sub-b p{ margin: 0 0 8px 0; }
.mh-sub-b b{ color: #000000; }
.mh-sub-b a{ color: #a52a2a; }
.mh-sub-b a:hover{ color: #ff0000; }
/* atsisiuntimų sąrašas */
.dl-cat{ font: bold 12px Tahoma, sans-serif; color: #000000; margin: 8px 0 3px 0; }
.dl-row{ margin: 0 0 3px 0; }
.dl-row b{ color: #000000; }
.dl-row a{ color: #a52a2a; font-weight: bold; }
/* raudonos įspėjimų antraštės, kaip muhobby */
.dl-warn{ color: #ff2a2a; font-weight: bold; margin: 12px 0 4px 0; }
.dl-err{ color: #ff2a2a; font-weight: bold; }
/* instrukcijos */
.dl-step-h{ color: #e08a2a; font-weight: bold; margin: 4px 0 5px 0; }
ol.dl-steps{ margin: 0 0 12px 0; padding-left: 20px; list-style: decimal outside; }
ol.dl-steps li{ display: list-item; margin-bottom: 4px; }
@media (max-width: 800px){
.mh-two{ display: block; }
.mh-two-l, .mh-two-r{ width: auto; }
.mh-two-r{ margin-top: 14px; }
}
/* Sub-skydeliai naudoja TA PACIA .pnl-h chrome, kaip ir pagrindiniai skydeliai
(i.l / i.c / i.r 9-slice), tad ::before/::after kepurių hako nebereikia -
jis piese neteisingai. Liko tik kuno stilius ir vienodas auksts. */
.mh-two{ align-items: stretch; }
.mh-two-l, .mh-two-r{ display: flex; flex-direction: column; }
.mh-two .mh-sub-b{ flex: 1 1 auto; }
.mh-two .pnl-h span{ color: #ffffff; font-weight: normal; }
/* =============================================================================
[Serverio informacija] - muhobby (id=5) išvaizda
-----------------------------------------------------------------------------
muhobby šitą puslapį rodo paprastomis teksto eilutėmis ant skydelio fono:
Exp: 400
Version: 1.01e
Bless bug: off
Jokių dėžučių. MuCore tuos pačius duomenis piešia rudose dėžutėse
(iR_stats su rabk.PNG fonu) ir vienoje beveik juodoje (iR_stats_reset,
rgb(35,33,33)) - pastarojoje juodas tekstas ant beveik juodo fono.
Nuimam fonus ir paliekam tekstą ant gradiento, kaip muhobby. Juoda ant
rgb(75,142,189) duoda 5.9:1 - geriau nei bet kuris ankstesnis variantas.
Taikoma TIK šiam puslapiui (page-server_info), nes tos pačios klasės
naudojamos ir kitur.
========================================================================== */
.page-server_info #colC .pnl-b table{ margin: 0 auto; border-collapse: collapse; }
.page-server_info #colC .pnl-b td.iR_stats,
.page-server_info #colC .pnl-b td.iR_stats_reset,
.page-server_info #colC .pnl-b td.iR_stats2,
.page-server_info #colC .pnl-b td.iR_stats3{
background: none !important;
border: 0;
padding: 2px 10px 2px 2px;
font: 13px arial, helvetica, sans-serif;
color: #000000;
height: auto;
}
/* pirmas stulpelis - etiketė, antras - reikšmė (muhobby: "Exp: 400") */
.page-server_info #colC .pnl-b tr td:first-child{ text-align: left; font-weight: normal; }
.page-server_info #colC .pnl-b tr td:first-child::after{ content: ":"; }
.page-server_info #colC .pnl-b tr td + td{ font-weight: bold; }
/* paskutinė eilutė ("Gero žaidimo...") buvo ant beveik juodo fono */
.page-server_info #colC .pnl-b td.iR_stats_reset{ color: #000000; }
.page-server_info #colC .pnl-b td.iR_stats_reset b,
.page-server_info #colC .pnl-b td.iR_stats_reset strong{ color: #000000; }
/* MuCore čia įdeda paveikslėlį - paliekam, tik neleidžiam jam tempti eilutės */
.page-server_info #colC .pnl-b img{ vertical-align: middle; }
/* Dvitaskis tik TIKROMS etiketems (iR_stats), ne paskutinei Gero zaidimo
eilutei - ten jis atsirasdavo kaip pakibes : be jokio teksto. */
.page-server_info #colC .pnl-b tr td:first-child::after{ content: none; }
.page-server_info #colC .pnl-b td.iR_stats:first-child::after{ content: :; }
.page-server_info #colC .pnl-b td.iR_stats_reset{ padding-top: 10px; }
/* =============================================================================
Baneris: paruostas paveikslelis vietoj CSS teksto
-----------------------------------------------------------------------------
header_swedenmu.png (762x141) generuojamas scenarijumi make_header.php:
chromuotas "SwedenMu" kaireje, riteris desineje, URL apacioje - ta pati
kompozicija kaip muhobby, tik savo prekes zenklu.
Senasis ::after gradientas nebereikalingas - patamsinimas jau ikeptas i
paveiksleli, o paliktas jis tik dar karta patamsintu baneri.
========================================================================== */
#header{
height: 141px; position: relative; overflow: hidden;
background: #05070d url('../../../images/header_swedenmu.png') no-repeat center top;
background-size: 762px 141px;
}
#header::after{ content: none; }
#header .wm1, #header .wm2{ display: none; }
/* uzrasas lieka dokumente paieskai ir ekrano skaitytuvams */
.wm-sr{
position: absolute; width: 1px; height: 1px; overflow: hidden;
clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
@media (max-width: 800px){
/* telefone baneris mazinamas proporcingai, o ne kerpamas */
#header{ height: auto; aspect-ratio: 762 / 141; background-size: 100% auto; }
}
/* =============================================================================
[Servisai už kreditus] - muhobby id=serv atitikmuo
-----------------------------------------------------------------------------
Tipografija ta pati, kaip visur kitur po 1:1 derinimo: arial 13 juodas
turinys, rudos nuorodos, auksinis kreditų skaičius.
========================================================================== */
.srv-head{
font: 13px arial, helvetica, sans-serif; color: #000000;
padding: 4px 0 10px 0;
}
.srv-head b{ color: #000000; }
.srv-head b.srv-cr{ color: #8a6a00; }
.srv-head a{ color: #a52a2a; }
.srv-head a:hover{ color: #ff0000; }
table.srv-tbl{
width: 100%; border-collapse: collapse;
border: 1px solid #6f8ea8; background: #b9d9ef;
}
table.srv-tbl th{
font: bold 10px arial, helvetica, sans-serif; color: #000000;
background: #cfe3f3; border: 1px solid #6f8ea8;
padding: 3px 5px; text-align: left;
}
table.srv-tbl td{
font: 13px arial, helvetica, sans-serif; color: #000000;
border: 1px solid #6f8ea8; padding: 5px; vertical-align: top;
}
table.srv-tbl tr:nth-child(even) td{ background: #a9cde6; }
table.srv-tbl td.s-n{ width: 42%; font-weight: bold; }
table.srv-tbl td.s-p{ width: 14%; white-space: nowrap; color: #8a6a00; font-weight: bold; }
table.srv-tbl td.s-p.s-free{ color: #0a7d00; }
table.srv-tbl td.s-a{ width: 44%; }
/* mazi paaiskinimai po serviso pavadinimu */
.s-warn{ font: 11px arial, sans-serif; font-weight: normal; color: #a02020; margin-top: 3px; }
.s-note2{ font: 11px arial, sans-serif; font-weight: normal; color: #204060; margin-top: 3px; }
/* formos laukai - tas pats stilius kaip prisijungimo formoje */
table.srv-tbl input[type=text],
table.srv-tbl select{
background: #2a2a2a; color: #fff; border: 1px solid #749493;
font: 12px Tahoma, sans-serif; padding: 2px; max-width: 100%;
}
table.srv-tbl input[type=text]:focus,
table.srv-tbl select:focus{ color: brown; border-color: brown; }
table.srv-tbl input[type=submit]{
background: #2a2a2a; color: #fff; border: 1px solid #749493;
font: 12px Tahoma, sans-serif; padding: 2px 10px; cursor: pointer;
}
table.srv-tbl input[type=submit]:hover{ border-color: #ffd24a; color: #ffd24a; }
.srv-note{
font: 11px Tahoma, sans-serif; color: #ffffff;
margin-top: 10px; line-height: 1.5;
}
.srv-note b{ color: #000000; }
.srv-note a{ color: #a52a2a; }
.srv-note a:hover{ color: #ff0000; }
@media (max-width: 800px){
table.srv-tbl td.s-n, table.srv-tbl td.s-p, table.srv-tbl td.s-a{ width: auto; }
table.srv-tbl td{ font-size: 11px; padding: 3px; }
}
/* =============================================================================
[VIP klubas] - rekomendaciju puslapis
========================================================================== */
.vip-rules{ font: 11px Tahoma, sans-serif; color: #ffffff; margin-bottom: 12px; }
.vip-h{ font: bold 12px Tahoma, sans-serif; color: #ffd700; margin-bottom: 6px; }
.vip-rules ol{ margin: 0; padding-left: 20px; list-style: decimal outside; }
.vip-rules li{ display: list-item; margin-bottom: 4px; }
.vip-rules b{ color: #000000; }
/* kodo dezute - isskirtine, nes tai svarbiausias dalykas puslapyje */
.vip-code-box{
border: 1px solid #6f8ea8; background: #b9d9ef;
padding: 10px 12px; margin-bottom: 12px; text-align: center;
}
.vip-code-lbl{ font: 11px arial, sans-serif; color: #000000; }
.vip-code{
font: bold 24px "Courier New", monospace; letter-spacing: .12em;
color: #12306b; margin: 4px 0 10px 0;
}
input.vip-url{
width: 92%; background: #2a2a2a; color: #cfe6f5;
border: 1px solid #749493; font: 11px "Courier New", monospace;
padding: 3px; text-align: center; margin-top: 3px;
}
table.vip-tbl{
width: 100%; border-collapse: collapse;
border: 1px solid #6f8ea8; background: #b9d9ef;
}
table.vip-tbl th{
font: bold 10px arial, helvetica, sans-serif; color: #000000;
background: #cfe3f3; border: 1px solid #6f8ea8; padding: 3px 5px; text-align: left;
}
table.vip-tbl td{
font: 13px arial, helvetica, sans-serif; color: #000000;
border: 1px solid #6f8ea8; padding: 3px 5px;
}
table.vip-tbl tr.odd td{ background: #a9cde6; }
table.vip-tbl td.n{ width: 30px; text-align: right; }
table.vip-tbl td.who{ color: #12306b; font-weight: bold; }
table.vip-tbl td.num{ text-align: right; color: #8a6a00; font-weight: bold; }
table.vip-tbl td.vip-empty{ text-align: center; padding: 10px; }
.vip-total{
font: 12px Tahoma, sans-serif; color: #ffffff;
margin-top: 10px; text-align: right;
}
.vip-total b{ color: #ffd700; }
@media (max-width: 800px){
.vip-code{ font-size: 18px; }
input.vip-url{ font-size: 10px; }
table.vip-tbl td, table.vip-tbl th{ font-size: 11px; padding: 2px 3px; }
}
/* =============================================================================
LENTELES 1:1 SU MUHOBBY
-----------------------------------------------------------------------------
Ismatuota nuo gyvo muhobby (getComputedStyle) - VISOS skydeliu lenteles ten:
background : rgba(0,0,0,0) <- PERMATOMA, matosi skydelio gradientas
border : 1px solid rgb(128,128,128) ir lentelei, ir kiekvienam langeliui
tekstas : arial 13px, svoris 400, JUODAS
antrastes : TOKIOS PAT kaip duomenys - NE storesnes, NE mazesnes
Mano lenteles buvo su sviesiai melynu uzpildu (#b9d9ef / #a9cde6), 10px
storomis antrastemis ir kitokiu remeliu - todel atrode kaip skaiciuokle,
o ne kaip muhobby. Tai ir buvo pagrindinis vizualinis skirtumas.
TOP50 lentele (mh-rank) tvarkoma atskirai failo gale. PASTABA: ankstesnis
sio komentaro tekstas tvirtino, kad muhobby TOP50 turi uzpilda ir
kaitaliojamas eilutes. Perpatikrinta id=7 - NETIESA: visi langeliai
permatomi, dryziu nera.
========================================================================== */
table.mh-gm,
table.mh-top,
table.mh-auc,
table.srv-tbl,
table.vip-tbl,
table.aps-tbl{
background: none;
border: 1px solid #808080;
border-collapse: collapse;
}
table.mh-gm th, table.mh-gm td,
table.mh-top th, table.mh-top td,
table.mh-auc th, table.mh-auc td,
table.srv-tbl th, table.srv-tbl td,
table.vip-tbl th, table.vip-tbl td{
background: none;
border: 1px solid #808080;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
font-weight: 400;
color: #000000;
padding: 2px 4px;
text-align: left;
line-height: 1.25;
}
/* kaitaliojamu eiluciu muhobby skydeliuose NETURI */
table.srv-tbl tr:nth-child(even) td,
table.vip-tbl tr.odd td{ background: none; }
/* reiksmes nesancios spalvos islieka - jos neša informacija, ne dekoracija */
table.mh-gm td.who{ color: #0a7d00; font-weight: bold; }
table.mh-top td.prize{ color: #8a6a00; font-weight: bold; }
table.mh-top td.n{ color: #000000; font-weight: 400; }
table.vip-tbl td.who{ color: #12306b; font-weight: bold; }
table.vip-tbl td.num{ color: #8a6a00; font-weight: bold; }
table.srv-tbl td.s-n{ font-weight: bold; }
table.srv-tbl td.s-p{ color: #8a6a00; font-weight: bold; }
table.srv-tbl td.s-p.s-free{ color: #0a7d00; }
/* busenos lentele muhobby YRA BE REMELIO - tik tekstas */
table.mh-status,
table.mh-status td{ background: none; border: 0; }
/* aukciono lentele muhobby yra ~291px ir prilipusi prie kairio krasto,
o ne centruota siaura dezute */
table.mh-auc{ width: 96%; margin: 6px 0 0 0; }
/* GM lenteleje el. pastas nebeturi buti 9px - visur vienodas 13px */
table.mh-gm td.mail{ font-size: 13px; width: auto; word-break: normal; }
table.mh-gm td.n{ width: auto; }
/* paskyros apsaugos lentele - be remelio, kaip busenos */
table.aps-tbl{ border: 0; }
table.aps-tbl td{ border: 0; background: none; padding: 3px 6px;
font: 13px arial, helvetica, sans-serif; color: #000000; }
table.aps-tbl td.k{ width: 45%; }
/* muhobby GM ivade dalis teksto RAUDONA: "prideda arba atima GM'ui" */
.pnl-b .mh-hot{ color: #d02020; font-weight: bold; }
/* Prisijungimo turinys muhobby labiau ikeltas i desine: laukai prasideda
~42px nuo skydelio krasto, mano buvo ~28px. */
.mh-login{ padding-left: 26px; }
.mh-login-links{ padding-left: 26px; }
/* GM lentele su arial 13 ir 6 stulpeliais netelpa i 347px skydeli - muhobby
ji telpa todel, kad ju antrastes LAUZOSI per dvi eilutes. Darom taip pat:
fiksuotas isdestymas + leidziam lauzyti ilga el. pasta. */
table.mh-gm{ width: 100%; table-layout: fixed; }
table.mh-gm th, table.mh-gm td{ word-wrap: break-word; overflow-wrap: break-word; }
table.mh-gm td.mail{ font-size: 11px; }
table.mh-top{ width: 100%; table-layout: fixed; }
/* Banerio failas nesikeicia vardu, tad narsykle laike sena. Versija URL'e. */
#header{ background-image: url('../../../images/header_swedenmu.png?v=20260825043946'); }
/* GM lentele: automatinis isdestymas + plociai siauriems stulpeliams.
table-layout:fixed cia buvo klaida - visi stulpeliai gaudavo po lygiai
ir placiausia antraste issilauzydavo i penkias eilutes. */
table.mh-gm{ table-layout: auto; }
table.mh-gm th.c-n, table.mh-gm td.n{ width: 24px; text-align: center; }
table.mh-gm th.c-s{ width: 52px; }
table.mh-gm th.c-t{ width: 42px; }
table.mh-gm th.c-v{ width: 40px; }
table.mh-gm th.c-m, table.mh-gm td.mail{ font-size: 10px; }
table.mh-gm th, table.mh-gm td{ padding: 2px 3px; }
/* TOP lentele: table-layout:fixed suspaude vardo stulpeli ir vardas uzlipdavo
ant lygio (MonaLisa400). Grazinam automatini isdestyma ir nurodam plocius
tik siauriems skaitiniams stulpeliams. */
table.mh-top{ table-layout: auto; }
table.mh-top th, table.mh-top td{ padding: 2px 5px; white-space: nowrap; }
table.mh-top td.who, table.mh-top th:nth-child(2){ width: 40%; white-space: normal; }
table.mh-top td.n, table.mh-top th:nth-child(1){ width: 30px; text-align: center; }
/* =============================================================================
EVENTAI - laikosi tos pacios muhobby lenteles specifikacijos, kaip visos
kitos skydeliu lenteles: permatomas fonas, 1px #808080 remelis lentelei IR
kiekvienam langeliui, arial 13px svoris 400 juodas, antrastes TOKIOS PAT
kaip duomenys. Jokiu uzpildu, jokiu storu antrasciu.
========================================================================== */
.ev-h{
font: 700 12px tahoma, arial, sans-serif;
color: #000;
letter-spacing: .04em;
margin: 0 0 4px 0;
}
.ev-rules{ margin: 2px 0 10px 0; }
.ev-rules ol{
margin: 0; padding-left: 20px;
font: 400 13px arial, helvetica, sans-serif; color: #000;
line-height: 1.5;
}
.ev-rules ol li{ margin: 0 0 2px 0; }
.ev-rules b{ color: #000; }
table.ev-tbl{
width: 100%;
background: none;
border: 1px solid #808080;
border-collapse: collapse;
margin: 0 0 10px 0;
}
table.ev-tbl th,
table.ev-tbl td{
background: none;
border: 1px solid #808080;
font: 400 13px arial, helvetica, sans-serif;
color: #000;
padding: 2px 4px;
text-align: left;
line-height: 1.25;
}
/* reiksmes nesancios informacija islaiko spalva - kaip kitose lentelese */
table.ev-tbl td.who{ color: #0a7d00; font-weight: bold; }
table.ev-tbl td.prize{ color: #8a6a00; font-weight: bold; }
table.ev-tbl td.win{ color: #12306b; font-weight: bold; }
table.ev-tbl tr.ev-done td{ color: #555; }
table.ev-tbl tr.ev-done td.who,
table.ev-tbl tr.ev-done td.prize{ color: #555; font-weight: 400; }
table.ev-tbl td.ev-empty{ text-align: center; color: #000; padding: 8px 4px; }
/* GM valdikliai - kompaktiski, kad netemptu stulpelio */
table.ev-tbl td.ev-act{ white-space: nowrap; }
table.ev-tbl td.ev-act form{ display: inline; margin: 0; }
table.ev-tbl td.ev-act input[type=text]{
font: 400 11px arial, sans-serif; padding: 0 2px; width: 62px;
}
table.ev-tbl td.ev-act input[type=submit]{
font: 400 11px arial, sans-serif; padding: 0 4px; margin-left: 2px;
}
.ev-new{ margin: 10px 0 0 0; }
.ev-new input[type=text]{
font: 400 12px arial, sans-serif; padding: 1px 3px; margin-right: 4px;
}
.ev-new input[type=submit]{ font: 400 12px arial, sans-serif; padding: 1px 8px; }
/* =============================================================================
FORTUNOS KLUBAS
-----------------------------------------------------------------------------
muhobby zymejimas (is ju saltinio):
antrastes eilute: du langeliai, arial size=2 (13px), STORI
duomenu eilutes : etikete 40% plocio paprasta, reiksme font color='brown'
Todel cia antrastes YRA storos - skirtingai nuo kitu skydeliu lenteliu.
Reiksmes - ruda, kaip originale.
========================================================================== */
table.ft-tbl{
width: 100%;
background: none;
border: 1px solid #808080;
border-collapse: separate;
border-spacing: 2px;
margin: 0;
}
table.ft-tbl td{
background: none;
border: 1px solid #808080;
font: 400 13px arial, helvetica, sans-serif;
color: #000;
padding: 1px 3px;
line-height: 1.2;
vertical-align: top;
}
table.ft-tbl td.h{ font-weight: 700; width: 50%; }
table.ft-tbl td.k{ width: 40%; }
table.ft-tbl td.v{ color: #a52a2a; }
.mh-fort .ft-hot{ color: #d02020; font-weight: 700; }
.mh-fort .ft-win{
font: 400 12px tahoma, arial, sans-serif; color: #000; margin: 4px 0 0 0;
}
.mh-fort .ft-msg{
font: 700 12px tahoma, arial, sans-serif; color: #a52a2a; margin: 4px 0 0 0;
}
.mh-fort .ft-note{
font: 400 12px tahoma, arial, sans-serif; color: #000; margin: 4px 0 0 0;
}
.mh-fort .ft-form{ margin: 6px 0 0 0; }
.mh-fort .ft-r{ margin: 0 0 2px 0; white-space: nowrap; }
.mh-fort .ft-r label{
display: inline-block; width: 74px;
font: 400 11px tahoma, arial, sans-serif; color: #000;
}
.mh-fort .ft-r input[type=text]{
width: 118px; font: 400 11px arial, sans-serif; padding: 0 2px;
}
.mh-fort .ft-go{ margin: 3px 0 0 74px; font: 400 11px arial, sans-serif; padding: 1px 6px; }
/* =============================================================================
GM RINKIMAI / PvP KLUBAS / MEMBER KLUBAS
-----------------------------------------------------------------------------
Tos pacios muhobby lenteliu taisykles kaip visur: permatomas fonas,
1px #808080 remelis lentelei ir langeliams, arial 13 svoris 400 juodas.
========================================================================== */
.gv-h, .pv-h, .kl-h{
font: 700 12px tahoma, arial, sans-serif; color: #000;
letter-spacing: .04em; margin: 0 0 4px 0;
}
.kl-h2{ margin-top: 12px; }
.gv-rules, .pv-rules, .kl-rules{ margin: 2px 0 10px 0; }
.gv-rules ol, .pv-rules ol, .kl-rules ol, .kl-rules ul{
margin: 0; padding-left: 20px;
font: 400 13px arial, helvetica, sans-serif; color: #000; line-height: 1.5;
}
.gv-rules li, .pv-rules li, .kl-rules li{ margin: 0 0 2px 0; }
table.gv-tbl, table.pv-tbl{
width: 100%; background: none;
border: 1px solid #808080; border-collapse: collapse; margin: 0 0 10px 0;
}
table.gv-tbl th, table.gv-tbl td,
table.pv-tbl th, table.pv-tbl td{
background: none; border: 1px solid #808080;
font: 400 13px arial, helvetica, sans-serif; color: #000;
padding: 2px 4px; text-align: left; line-height: 1.25;
}
table.gv-tbl th.c-n, table.gv-tbl td.n,
table.pv-tbl th.c-n, table.pv-tbl td.n{ width: 40px; text-align: center; }
table.gv-tbl th.c-v, table.gv-tbl td.v{ width: 54px; text-align: center; }
table.gv-tbl th.c-a{ width: 96px; }
table.pv-tbl th.c-w, table.pv-tbl th.c-c,
table.pv-tbl td.num{ width: 74px; text-align: center; }
table.pv-tbl th.c-p, table.pv-tbl td.prize{ width: 62px; }
table.gv-tbl td.who, table.pv-tbl td.who{ color: #0a7d00; font-weight: bold; }
table.pv-tbl td.prize{ color: #8a6a00; font-weight: bold; }
table.gv-tbl td.v.up{ color: #0a7d00; font-weight: bold; }
table.gv-tbl td.v.dn{ color: #d02020; font-weight: bold; }
table.gv-tbl td.gv-empty, table.pv-tbl td.pv-empty{
text-align: center; padding: 8px 4px;
}
/* balsavimo mygtukai - maži, kad neisplestu stulpelio */
.gv-b{
font: 700 12px arial, sans-serif; width: 22px; padding: 0;
margin-right: 3px; cursor: pointer;
}
.gv-b.up{ color: #0a7d00; }
.gv-b.dn{ color: #d02020; }
td.a form{ display: inline; margin: 0; }
.gv-done{ font: 400 11px tahoma, sans-serif; color: #0a7d00; }
.gv-off{ font: 400 11px tahoma, sans-serif; color: #555; }
.gv-note, .pv-note, .kl-note{
font: 400 12px tahoma, arial, sans-serif; color: #000; line-height: 1.45;
}
.kl-note a{ color: #a52a2a; }
/* PvP: registracija ir pergales registravimas */
.pv-act form{ display: inline; margin: 0; }
.pv-act input[type=text]{ font: 400 11px arial, sans-serif; width: 26px; padding: 0 2px; }
.pv-act input[type=submit]{ font: 400 11px arial, sans-serif; padding: 0 4px; margin-left: 2px; }
.pv-me, .pv-join{ margin: 8px 0 0 0; font: 400 13px arial, sans-serif; color: #000; }
.pv-claim{ display: inline; margin-left: 6px; }
.pv-join select, .pv-join input[type=submit]{ font: 400 12px arial, sans-serif; }
/* MEMBER klubo kodo dezute - kaip VIP klubo skydelyje */
.kl-box{ margin: 10px 0 0 0; }
.kl-lbl{ font: 400 12px tahoma, arial, sans-serif; color: #000; margin: 6px 0 2px 0; }
.kl-code{
font: 700 18px 'courier new', monospace; color: #12306b;
letter-spacing: .08em; margin: 0 0 2px 0;
}
.kl-url{ width: 96%; max-width: 420px; font: 400 11px arial, sans-serif; padding: 1px 3px; }
.kl-sum{ font: 400 12px tahoma, arial, sans-serif; color: #000; margin: 8px 0 0 0; }
.kl-sum a{ color: #a52a2a; }
/* =============================================================================
STULPELIU GEOMETRIJA 1:1 SU MUHOBBY
-----------------------------------------------------------------------------
Ismatuota getBoundingClientRect abiejose svetainese tuo paciu metu:
muhobby buvo pas mus skirtumas
kaire galvute 252..589 (337) 266..575 (309) -28
kaire kunas 270..589 (319) 266..575 (309) -10
desine galvute 636..1014 (378) 652..999 (347) -31
desine kunas 647..1014 (367) 652..999 (347) -20
centras kunas 274..1012 (738) 274..989 (715) -23
muhobby GALVUTE uzima visa stulpeli, o KUNAS yra iterptas i vidu -
pas mus abu buvo vienodo, per siauro plocio, todel skydeliai atrode
siauresni ir tarpas tarp stulpeliu buvo 77px vietoj 47px.
muhobby uzpildai (getComputedStyle): kaire 5px 18px 0 10px,
desine ir centras 5px 25px 0 10px.
Gradientai (309/347/715 x 1px) lieka tie patys failai - tik istempiam
per nauja ploti, kitaip desiniajame krasteryje liktu neuzdengta juosta.
Pas muhobby ta juosta YRA, bet ji patenka i uzpilda ir nesimato; pas mus
istempimas 3% horizontaliame gradiente nepastebimas ir saugesnis.
Viskas @media (min-width: 801px) viduje: telefono taisykles yra ANKSCIAU
faile, tad be sios ribos naujos taisykles jas nugaletu ir sulaužytu
telefono isdestyma.
========================================================================== */
@media (min-width: 801px){
#colL .pnl{ width: 337px; margin-left: 0; }
#colR .pnl{ width: 378px; margin-left: 0; }
#colC .pnl{ width: 760px; margin: 4px 0 10px 0; }
#colL .pnl-b{ margin-left: 18px; width: 319px; padding: 5px 18px 10px 10px; }
#colR .pnl-b{ margin-left: 11px; width: 367px; padding: 5px 25px 10px 10px; }
#colC .pnl-b{ margin-left: 22px; width: 738px; padding: 5px 25px 10px 10px; }
.pnl-b{ background-size: 100% 1px; background-repeat: repeat-y; }
#colL .pnl:first-child > .pnl-b,
#colR .pnl:first-child > .pnl-b,
#bodyarea.sub #colL .pnl:first-child > .pnl-b,
#bodyarea.sub #colR .pnl:first-child > .pnl-b{
background-size: auto, 100% 1px;
background-repeat: no-repeat, repeat-y;
}
#bodyarea.sub #colC .pnl{ width: 760px; margin: 8px auto 12px auto; }
}
/* =============================================================================
ANTRINIAI PUSLAPIAI TELEFONE: nukerpamas turinys
-----------------------------------------------------------------------------
#bodyarea.sub yra flex konteineris, o #colC - jo elementas. Numatytasis
flex elemento min-width:auto NELEIDZIA jam susitraukti zemiau turinio
min-content plocio. Registracijos formos min-content plotis yra ~467px,
tad 375px ekrane #colC likdavo 467px, o #bodyarea{overflow:hidden} ta
pertekliu tiesiog NUKIRPDAVO - desine formos puse dingdavo be jokio
slinkimo.
Ismatuota iframe'e (375px): colC w=467, .pnl w=451, clientWidth=360.
min-width:0 leidzia stulpeliui susitraukti; platus turinys toliau slenka
.pnl-b viduje, kur jau yra overflow-x:auto.
========================================================================== */
@media (max-width: 800px){
#bodyarea.sub #colC,
#bodyarea.sub #colL,
#bodyarea.sub #colR{ min-width: 0; }
}
/* =============================================================================
WEBSHOP
========================================================================== */
.sh-head{
font: 700 14px arial, helvetica, sans-serif; color: #000;
margin: 0 0 4px 0;
}
.sh-lead{
font: 400 13px arial, helvetica, sans-serif; color: #000;
line-height: 1.45; margin: 0 0 8px 0;
}
.sh-bal{ font: 400 13px arial, sans-serif; color: #000; margin: 0 0 6px 0; }
.sh-bal b{ color: #8a6a00; }
.sh-h{
font: 700 12px tahoma, arial, sans-serif; color: #000;
letter-spacing: .04em; margin: 12px 0 4px 0;
}
table.sh-tbl{
width: 100%; background: none;
border: 1px solid #808080; border-collapse: collapse; margin: 0 0 8px 0;
}
table.sh-tbl th, table.sh-tbl td{
background: none; border: 1px solid #808080;
font: 400 13px arial, helvetica, sans-serif; color: #000;
padding: 2px 4px; text-align: left; line-height: 1.25; vertical-align: top;
}
table.sh-tbl th.c-n, table.sh-tbl td.n{ width: 32px; text-align: center; }
table.sh-tbl th.c-p, table.sh-tbl td.p{ width: 64px; }
table.sh-tbl th.c-b, table.sh-tbl th.c-a{ width: 150px; }
table.sh-tbl th.c-s, table.sh-tbl td.s{ width: 78px; }
table.sh-tbl td.it b{ color: #12306b; }
table.sh-tbl td.it .d{ font-size: 11px; color: #444; line-height: 1.2; }
table.sh-tbl td.p{ color: #8a6a00; font-weight: bold; }
table.sh-tbl td.who{ color: #0a7d00; font-weight: bold; }
table.sh-tbl td.sh-empty{ text-align: center; padding: 8px 4px; }
table.sh-tbl td.s-laukia{ color: #8a6a00; font-weight: bold; }
table.sh-tbl td.s-ivykdyta{ color: #0a7d00; font-weight: bold; }
table.sh-tbl td.s-grazinta{ color: #d02020; font-weight: bold; }
table.sh-tbl td.b form, table.sh-tbl td.a form{ margin: 0; }
table.sh-tbl td.b select, table.sh-tbl td.b input[type=submit],
table.sh-tbl td.a button{ font: 400 11px arial, sans-serif; }
table.sh-tbl td.a button{ padding: 0 4px; margin-right: 3px; cursor: pointer; }
.sh-off{ font: 400 11px tahoma, sans-serif; color: #555; }
/* =============================================================================
BANERIS - VIENAS PAVEIKSLELIS, kaip muhobby
-----------------------------------------------------------------------------
muhobby: #header { background:url(img/header1.png); width:762px; height:141px; }
Uzrasas ten YRA IKEPTAS I PAVEIKSLELI - Photoshop tipo metalas su kontūru,
seseliu ir svytejimu.
Senasis banner_1.png uzrasa irgi turejo ikepta, bet pastatyta is akies:
paprastas Georgia stiliaus serifas be kapiteliu, per didelis (uzeme puse
banerio), be kontūro ir be spalvoto seselio. Todel jis ir atrode pigiai -
ne todel, kad butu buves tekstas, o todel, kad raidynas ir efektai neatitiko
originalo.
Naujas header1.png pastatytas ant to paties muhobby fono, o uzrasas
perpiestas pagal ismatuotus originalo parametrus (mazosios kapitelės,
didz. 23px / maz. 17px, seselis su vertikaliu gradientu, poslinkis +2/+3).
========================================================================== */
#header{
width: 762px; height: 141px;
background: #000 url('header1.png') no-repeat left top;
background-size: 762px 141px;
position: static; overflow: visible;
}
#header::after{ content: none; display: none; }
#header .wm1, #header .wm2{ display: none; }
@media (max-width: 800px){
/* visas baneris sumazinamas iki ekrano plocio islaikant proporcijas */
#header{
width: auto; height: auto; aspect-ratio: 762 / 141;
background-size: 100% 100%;
}
#header .wm1, #header .wm2{ display: none; }
}
/* =============================================================================
TEKSTO SESELIS LAUK + spalvu suvienodinimas
-----------------------------------------------------------------------------
Ismatuota abiejose svetainese vienu metu (getComputedStyle per VISUS teksto
mazgus): muhobby turi 18 skirtingu teksto stiliu ir VISU text-shadow yra
"none". Pas mane 24 stiliai ir KIEKVIENAS turejo
"rgba(0,20,40,.45) 0 1px 1px".
11-13px dydzio tekste toks seselis sulieja raidziu kontūrus - butent tai ir
davė ta "pigios kopijos" ispudi visuose skydeliuose vienu metu. Tai buvo
sisteminė priezastis, ne atskiru elementu bėda.
Kartu sutvarkomos trys spalvos, kurios nesutapo su originalu:
GM vardas muhobby #0AE0A0 (rysku metinė) - pas mane buvo #0A7D00
GM el. pastas muhobby #0AE0A0 arial 10 - pas mane juodas
paryskintas raud. muhobby #A52A2A - pas mane buvo #D02020
========================================================================== */
#bodyarea, #bodyarea *,
#header, #titlebar, #titlebar a{ text-shadow: none; }
/* GM lentele: vardas ir pastas - muhobby metine zalia */
table.mh-gm td.who, table.gv-tbl td.who{ color: #0ae0a0; font-weight: bold; }
table.mh-gm td.mail{ color: #0ae0a0; font-size: 10px; }
/* paryskintas raudonas - muhobby ruda-raudona, ne rysku raudona */
.pnl-b .mh-hot, .mh-fort .ft-hot{ color: #a52a2a; font-weight: bold; }
/* naujienu antraste be svytejimo */
.mh-more, a.mh-more{ text-shadow: none; }
/* aktyvus meniu punktas muhobby yra BALTAS, likusieji juodi */
#titlebar a.active{ color: #fff; }
/* =============================================================================
LENTELIU LANGELIAI - JUODI, kaip muhobby
-----------------------------------------------------------------------------
Ismatuota gyvame muhobby (getComputedStyle ant ju Resetu TOP lenteles):
"30 krd" Tahoma 12px svoris 400 rgb(0,0,0)
"MEMBER" Tahoma 12px svoris 400 rgb(0,0,0)
"OnlineTime" Tahoma 12px svoris 400 rgb(0,0,0)
T.y. VISI reiksmiu langeliai - paprastas juodas tekstas, nestorintas.
Pas mane vardai buvo zali, kainos auksines, kiti vardai melyni - lentelės
atrodė kaip spalvinimo knyga, o ne kaip muhobby. Tai antra sisteminė
"pigumo" priezastis po teksto seselio.
PALIEKAM tik tai, ka muhobby is tikruju spalvina:
- GM vardas / prisijungimo busena #0AE0A0 (patikrinta: ADMIN yra metinis)
- ispejimai ir nuorodos #A52A2A
- resetu taisykliu blokas #FFD700
========================================================================== */
table.mh-top td.prize,
table.mh-top td.n,
table.vip-tbl td.who,
table.vip-tbl td.num,
table.srv-tbl td.s-n,
table.srv-tbl td.s-p,
table.ev-tbl td.who,
table.ev-tbl td.prize,
table.ev-tbl td.win,
table.pv-tbl td.who,
table.pv-tbl td.prize,
table.pv-tbl td.num,
table.sh-tbl td.p,
table.sh-tbl td.who,
table.sh-tbl td.it b{
color: #000;
font-weight: 400;
}
/* prasmines busenos islieka spalvotos - jos nesa informacija, ne puosia */
table.srv-tbl td.s-p.s-free{ color: #0a7d00; font-weight: 400; }
table.sh-tbl td.s-laukia{ color: #a52a2a; font-weight: 400; }
table.sh-tbl td.s-ivykdyta{ color: #0a7d00; font-weight: 400; }
table.sh-tbl td.s-grazinta{ color: #a52a2a; font-weight: 400; }
table.gv-tbl td.v.up{ color: #0a7d00; font-weight: 400; }
table.gv-tbl td.v.dn{ color: #a52a2a; font-weight: 400; }
/* =============================================================================
TANKIS - laukai ir GM lentele sumazinami iki muhobby dydzio
-----------------------------------------------------------------------------
Ismatuota abiejose svetainese vienu metu:
prisijungimo laukas muhobby 150x18px, padding 1px 2px, 12px
pas mane 150x27px, padding 2px <- 9px aukstesnis
"Prisijungti" mygtukas muhobby 66x18px, padding 1px 6px
GM lenteles tekstas muhobby Tahoma 12px, langelio padding 1px,
line-height normal
pas mane arial 13px, padding 2px 3px, lh 16.25px
GM ivado paryskinimas muhobby Tahoma 12px 700 - pas mane buvo 11px
busenos etiketes muhobby stulpelis 173px - pas mane 150px
Del sito visi mano skydeliai atrode "iskvepti" - tas pats turinys uzemė
daugiau vietos, ir puslapis nebeatrode kaip originalas.
========================================================================== */
.mh-login input[type=text],
.mh-login input[type=password],
#colL .pnl-b input[type=text],
#colL .pnl-b input[type=password]{
width: 150px; height: 18px; box-sizing: border-box;
padding: 1px 2px; font: 400 12px tahoma, arial, sans-serif;
}
.mh-login input[type=submit],
#colL .pnl-b input[type=submit]{
height: 18px; box-sizing: border-box;
padding: 1px 6px; font: 400 12px tahoma, arial, sans-serif;
}
/* GM lentele - muhobby tankis */
table.mh-gm th, table.mh-gm td{
font: 400 12px tahoma, arial, sans-serif;
padding: 1px; line-height: normal;
}
table.mh-gm td.who{ font-weight: 700; }
table.mh-gm td.mail{ font: 400 10px arial, sans-serif; }
/* GM ivadas - muhobby 12px, ne 11px */
.pnl-b .mh-lead{ font: 400 12px tahoma, arial, sans-serif; }
.pnl-b .mh-lead .mh-hot{ font-size: 12px; font-weight: 700; }
/* busenos etikeciu stulpelis platesnis - reiksmes atsistoja i ta pacia vieta */
table.mh-status td.k{ width: 173px; }
/* =============================================================================
BANERIS - RYSKUMAS (perpiesimo pasalinimas)
-----------------------------------------------------------------------------
Buvo dvi suliejimo priezastys, abi mano:
1. muhobby header1.png yra 760x140. As ji perpiesdavau i 762x141 su
LANCZOS - 0,26% mastelio pakeitimas suliejo VISA piesini, iskaitant
sarvus ir uzrasa.
2. Raides buvo piesiamos galutiniu dydziu ir tik po to tempiamos
horizontaliai 1,08 karto. LANCZOS ant ~20px auksčio raidziu duoda
matoma minkstuma.
Dabar: bazinis piesinys NEKEICIAMAS (natyvus 760x140), o raides piesiamos
4x didesniu sriftu, tempiamos didelėje skiriamojoje geboje ir sumazinamos
viena karta.
Dezute lieka 762x141, kaip muhobby - ju paveikslelis irgi 2px siauresnis
uz dezute, ir tie 2px rodo #main fona. Tai originalo elgsena, ne klaida.
========================================================================== */
#header{
width: 762px; height: 141px;
background: url('header1.png') no-repeat left top;
background-size: auto; /* JOKIO tempimo */
image-rendering: auto;
}
@media (max-width: 800px){
#header{
width: auto; height: auto; aspect-ratio: 760 / 140;
background-size: 100% 100%;
}
}
/* =============================================================================
PRISIJUNGIMO SKYDELIS IR RESETU TOP - tikslus muhobby isdestymas
-----------------------------------------------------------------------------
Ismatuota abiejose svetainese vienu metu.
PRISIJUNGIMAS muhobby buvo pas mane
laukas x 295 306 (11px per toli i desine)
mygtukas x 280 306 (26px per toli)
eiluciu zingsnis 42px 32px (10px per tankiai)
dydis/spalvos 150x18, #2A2A2A, remelis #749493 - jau sutapo
Skydelio turinys prasideda ties x=280 (kunas 270 + 10px uzpildas), tad
laukams reikia 15px, o mygtukui 0px poslinkio.
duodavo 32px
zingsni, todel juos slepiam ir valdom margin'u - taip zingsnis tikslus.
RESETU TOP muhobby buvo pas mane
lentelės plotis 238px 291px (per plati)
isdestymas centruota kaireje
langelio sriftas Tahoma 12 arial 13
langelio uzpildas 1px 2px 5px
eilutes aukstis 18-19px 21-23px
Butent del sito lentele atrode "iskvepta" - muhobby ji kompaktiska ir
centruota, mano - per visa skydelio ploti.
========================================================================== */
#colL .pnl-b form{ margin: 0; }
.mh-login{ padding: 0; margin: 0; }
.mh-login br{ display: none; }
.mh-login .login_field{
display: block;
margin: 0 0 24px 15px; /* 18px aukstis + 24px = 42px zingsnis */
}
.mh-login .mh-btn{ display: block; margin: 0; }
/* RESETU TOP - kompaktiska centruota lentele */
table.mh-top{
width: 238px; margin: 0 auto; table-layout: auto;
}
table.mh-top th, table.mh-top td{
font: 400 12px tahoma, arial, sans-serif;
padding: 1px; line-height: normal;
}
table.mh-top th{ text-align: left; }
table.mh-top td.n{ width: 24px; text-align: center; }
/* =============================================================================
FORTUNOS KLUBAS - ta pati lenteliu kalba kaip visur kitur
-----------------------------------------------------------------------------
Sis skydelis buvo padarytas anksciau uz ismatuota muhobby lenteliu specifikacija
ir liko su savo taisyklemis: border-spacing 2px (tinklelio ispudis), storos
antrastes ir 13px arial. Salia sutvarkytu skydeliu jis kriste i akis.
Suvienodinam su [Resetu TOP] ir [GM rinkimai]: Tahoma 12px, uzpildas 1px,
susilieje remeliai.
========================================================================== */
table.ft-tbl{
border-collapse: collapse;
border-spacing: 0;
width: 238px;
margin: 0 auto;
}
table.ft-tbl td{
font: 400 12px tahoma, arial, sans-serif;
padding: 1px;
line-height: normal;
border: 1px solid #808080;
}
table.ft-tbl td.h{ font-weight: 700; width: 50%; }
table.ft-tbl td.k{ width: 40%; color: #000; }
table.ft-tbl td.v{ color: #a52a2a; }
.mh-fort .ft-form{ margin: 6px 0 0 0; }
.mh-fort .ft-r label{ width: 68px; font: 400 11px tahoma, arial, sans-serif; }
.mh-fort .ft-r input[type=text]{ width: 110px; height: 18px; box-sizing: border-box;
padding: 1px 2px; font: 400 11px tahoma, sans-serif; }
.mh-fort .ft-go{ margin: 3px 0 0 68px; height: 18px; box-sizing: border-box;
padding: 1px 6px; font: 400 11px tahoma, sans-serif; }
/* Fortunos lentele - per visa skydelio ploti.
238px (kaip Resetu TOP) buvo per siaura antrastei
"Siulyk sekancios valandos rinkini ir LAIMEK KREDITU" - ji lauzesi
i keturias eilutes. muhobby zymejime si lentele buvo width=100%. */
table.ft-tbl{ width: 100%; margin: 0; }
/* =============================================================================
FORMOS LAUKAI - VISUOSE puslapiuose, ne tik prisijungimo skydelyje
-----------------------------------------------------------------------------
Ankstesnis tankio taisymas lietė tik #colL laukus, todel registracijos ir
kitos formos liko 21px auksčio, kai muhobby visur naudoja 18px.
Ismatuota muhobby registracijos puslapyje (id=3):
laukas 150x18, uzpildas 1px 2px, tahoma 12px,
fonas rgb(42,42,42), tekstas baltas
|