html, body, table { font-family:"Arial", "Ubuntu";font-size:12px; }
#ramka_srodek, #ramka_srodek_i_reklama { display:table;width:100%; }
#ramka1 { width:200px;display:table-cell; vertical-align:top; border:0px solid red!important; }
#ramka2 { width:auto;display:table-cell; vertical-align:top; border:0px solid green!important; }
#ramka2 #ramka_reklama { width:570px; }
#ramka3 { width:180px; display:table-cell; vertical-align:top; border:0px solid blue!important; }
#ramka_srodek_i_reklama #ramka3 { width:180px; }
#rozmiar_czcionka { float:right;vertical-align:top; }
#bez_logowania { position:absolute;top:-10px;left:500px;border:0px solid;width:101px;height:13px;background-image:url(//tja.pl/obrv4/bez_logowania.png); }
#ramka_srodek #menu #b #gl_ramka_menu { margin: 0px -5px 0px -6px!important; }
#ramka_srodek #menu #b #gl_ramka_menu.zwinienty { max-height:70px; }
#ramka_srodek #menu #b #gl_ramka_menu.rozwinty { max-height:100%; }
#gl_rozwin_zwin_kategorie { display:none; }
/*najwieksza rozdzielczosc laptopów*/
@media only screen and (max-width: 1000px)
{
#ramka_srodek #ramka1 { width:200px;display:table-cell!important;vertical-align:top; }
#ramka_srodek #ramka2 { width:auto!important;max-width:auto!important;min-width:auto!important; }
#ramka_srodek #ramka3 { display:block; }
#div_podkategorie { display:none; }
}
@media only screen and (min-width: 820px) and (max-width: 999px)
{
#ramka_srodek { display:table;width:100%; }
#ramka_srodek #ramka2 { width:auto!important; }
#ramka_srodek #ramka3 { display:none; }
}
@media only screen and (min-width: 0px) and (max-width: 760px)
{
#ramka_srodek_i_reklama #ramka2 { display:block; width:auto; }
#ramka_srodek_i_reklama #ramka3 { display:none; }
}
/* jeden rekord rek i guziki*/
@media only screen and (min-width: 0px) and (max-width: 790px)
{
#ramka_jeden_rekord #guz_i_reklama { display:block!important; border:0px solid red!important; }
#ramka_jeden_rekord .guziki { display:block!important; width:100%!important; text-align:center!important; margin:0px!important;padding:20px 0px 0px 0px!important; }
#ramka_jeden_rekord .reklama_gora { display:block!important; text-align:center!important; margin:0px auto 0px auto!important; width:auto!important; }
#ramka_jeden_rekord .cofnij { width:120px!important; }
}
@media only screen and (min-width: 0px) and (max-width: 820px)
{
#bez_logowania { display:none; }
#ramka_srodek #ramka2 { display:block; }
#ramka_srodek #ramka3 { display:none; }
#ramka_srodek #gl_ulubione_dodane_user { display:none; }
#pod_menu { display:none; }
#menu { display:block!important;width:100%!important; }
#gl_ramka_menu a, #gl_ramka_menu a.zaz { width:170px; }
}
/* specjalny */
@media only screen and (min-width: 0px) and (max-width: 610px)
{
#ramka_srodek #ramka1 { position:absolute; left:-200px; background-color:#393839; z-index:10; border:0px solid red!important; border-radius:0px 5px 5px 0px; }
#gl_rozwin_kategorie { display:block; }
.gl_poukladaj_wedlog, .gl_od_dlogosci { margin-left:8px!important; }
#ramka_1 #a .ico_gry { margin-left:8px!important; }
//#ramka_srodek #ramka1 #gl_ramka_styl_2 { display:none; }
#ramka_jeden_rekord .powieksz { display:none!important; }
}
/* specjalny */
@media only screen and (min-width: 0px) and (max-width: 580px)
{
//#lista .info { display:none!important; }
// #lista .gl_podziel_sie_qrcode, #lista .gl_podziel_sie_drukuj, #lista .gl_podziel_sie_sms, #lista .gl_podziel_sie_ulub { display:none; }
}
@media only screen and (min-width: 0px) and (max-width: 430px)
{
#lista .lista_tapet img { width:158px!important; height:auto!important;; }
// #gl_ramka_menu a { width:160px!important; }
// #lista .gl_podziel_sie_obrazek { display:none; }
}
@media only screen and (min-width: 0px) and (max-width: 500px) /* obrazki */
{
.obrazeki a.obrazek_duzy { display:block!important; color: red; }
.obrazeki a { display:none; }
}
/* specjalny */
@media only screen and (min-width: 0px) and (max-width: 620px)
{
#auto_ramka_komentarze .obrazek_user { display:none!important; }
}
#div_od_dlugosci { background-color:#FFCA95; margin:15px 0px 15px 0px; text-align:center; }
#auto_ramka_komentarze .lista { display:table; width:100%; margin:25px 0px 25px 0px; border:0px solid; height:150px; }
#auto_ramka_komentarze .obrazek { display:table-cell; width:190px; vertical-align:top; }
#auto_ramka_komentarze .obrazek img { width:170px; height:127px; min-width:170px; min-height:127px; padding:4px; background:#fff; border:1px solid #d6d4d4; }
#auto_ramka_komentarze .komentarz { display:table-cell; vertical-align:top; border:0px solid; }
#auto_ramka_komentarze textarea { display:block; width:95%; height:80px; }
#auto_ramka_komentarze .adres { margin:0px 0px 5px 0px; }
#auto_ramka_komentarze .adres a{ font-style:italic; }
#auto_ramka_komentarze .ocena{ display:inline-block; }
#auto_ramka_komentarze .data{ display:inline-block; margin:3px 0px 3px 10px; }
#auto_ramka_komentarze .obrazek_user { display:table-cell; vertical-align:top; font-weight:bold; text-align:center; }
#auto_ramka_komentarze .obrazek_user img { width:85px; height:85px; }
#auto_ramka_komentarze .naglowek { display:inline-block; width:40px; margin:0px 5px 0px 0px; text-align:right; }
#auto_ramka_dodaj textarea { width:100%; }
#auto_ramka_dodaj input[type="text"]{ width:100%; }
.link_czcionka_zaz { color:#FF7100; }
.link_czcionka:hover, .link_czcionka1:hover { color:#FF9E4F; }
.gloswanie_odp { font-size: 6pt; }
.szary { color:#808080; }
.kciuki img { border:0px; vertical-align:middle; }
.kciuki .za { color:green; font-size:12px; margin-left:2px; margin-right:2px; }
.kciuki .przeciw { color:red; font-size:12px; margin-left:2px; margin-right:2px; }
.kciuki b{ font-size:8px; font-weight:normal; }
.reklama_lista {margin:20px 5px 20px 0px; padding:10px 0px 10px 10px;
border: 1px solid #E6E6E6;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
behaviour:url(border-radius.htc);
}
#ramka_aktualnosci { display:table; margin:0px 0px 0px 0px;}
#ramka_shoutbox { display:table; margin:0px 0px 0px 0px;}
#ramka_ostatnie_komentarze img { width:60px !important; height:44px !important; }
#ramka_ostatnie_komentarze span {font-size:12px !important; }
#div_filtr_dlugosc { padding:6px; text-align:center; background-color:#FFCA95;
border: 0px solid #C0C0C0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
behaviour:url(border-radius.htc);
}
#div_filtr_dlugosc input { margin:4px; font-size:12px; }
#div_filtr_dlugosc p{ display:table-cell; }
#ramka_jeden_rekord h1 { display:block; margin-left:0px; padding:0px; font-size: 18px; color:#2c2c2c; font-weight:bold;}
#ramka_jeden_rekord h2 { display:block; margin-left:0px; padding:0px; font-size: 12px; color:#757575; font-weight:bold;}
#ramka_jeden_rekord .kategorie { margin-top:15px; margin-bottom:30px; display:table; margin-left:0px; font-size: 12px; font-weight:bold;}
#ramka_jeden_rekord .kategorie span a{ margin-left:5px; margin-right:5px; color:red; font-size: 12px; font-weight:normal; }
#ramka_jeden_rekord ul{list-style-type: none; padding: 0px; margin: 0px;}
#ramka_jeden_rekord li span{ float:left; display:block; width:50px; font-size: 12px;}
#ramka_jeden_rekord li { margin-top:2px; margin-bottom:2px; font-size: 12px;}
#ramka_jeden_rekord .podziel_sie { display:table; width:100%; text-align:left; margin:0px 0px 0px 0px; }
#ramka_jeden_rekord .podziel_sie b { display:table-cell; text-align:center; }
#ramka_jeden_rekord .podziel_sie a { cursor:pointer; margin:0px 7px 5px 7px; }
#ramka_jeden_rekord #ramka_ulubione { border:0px solid; max-width:570px; margin:0px auto 0px auto; }
#ramka_jeden_rekord #guz_i_reklama { display:table; width:100%; border:0px solid; margin:10px -6px 10px -6px; }
#ramka_jeden_rekord .reklama_gora { display:table-cell; width:50%; text-align:center; height:280px; text-align:center; vertical-align:middle; }
#ramka_jeden_rekord .guziki { display:table-cell; text-align:center; width:50%; vertical-align:middle; padding:50px 0px 0px 15px; }
#ramka_jeden_rekord .nad_filmik { position:relative; text-align:center; margin:10px 0px 10px 0px; height:60px; }
#ramka_jeden_rekord .filmik { text-align:center; margin-top:5px; margin-bottom:20px; }
#ramka_jeden_rekord .pokaz_fani { text-align:center; margin-top:20px; margin-bottom:10px; }
#ramka_jeden_rekord .info { border:0px solid; width:220px; display:inline-block; vertical-align:top; margin:10px 0px 20px 0px; }
#ramka_jeden_rekord .info .opis_user { text-align:center; }
#ramka_jeden_rekord .info .opis_user span { font-weight:bold; }
#ramka_jeden_rekord .info .dodal_user { font-size:14px; text-align:center; }
#ramka_jeden_rekord .info .dodal_user span { display:block; font-weight:bold; font-size:16px; text-align:center; margin:5px 0px 5px 0px}
#ramka_jeden_rekord #gl_dodal_user { border:0px solid; margin:0px auto 15px auto; width:100%; max-width:570px; }
#ramka_jeden_rekord #block { width:100%; height:100%; z-index: 1; background-color:#000000; border:1px solid #000000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
behavior:url(border-radius.htc);
}
#ramka_jeden_rekord #pomniejsz { margin-top:-20px; height:20px; display:none; z-index: 2; }
#ramka_jeden_rekord #div_filmik_statyczna { z-index: 0; background-color:#000000; }
#ramka_jeden_rekord #overlay {display: none; position: absolute; left: 0; top:0; width: 100%; height: 120%; background-color: black; opacity: .5; filter: alpha(opacity=50)}
#ramka_jeden_rekord .glosowanie { display:inline-block;border:0px solid;right:15px;margin:0px 0px 0px 0px;height:55px;width:200px;vertical-align:top; }
#ramka_jeden_rekord .gl_ramka_okr { background-color:#EFEFEF; }
#ramka_jeden_rekord .cofnij { display:inline-block;text-align:left;padding:5px 0px 0px 5px;margin:0px 0px 5px 0px;width:200px;vertical-align:top; }
#ramka_jeden_rekord .cofnij span { cursor:pointer;display:table-cell;vertical-align:middle;text-align:left;width:60px;height:45px;margin:0px 5px 0px 5px;padding:0px 5px 0px 45px;font-size:17px;white-space:nowrap;background-image:url('//tja.pl/obr/back.png');background-position:20px center;background-repeat:no-repeat;background-size:23px 20px; }
#ramka_jeden_rekord .powieksz { display:inline-block;text-align:left;padding:5px 0px 0px 5px;margin:0px 0px 5px 0px;width:200px;vertical-align:top; }
#ramka_jeden_rekord .powieksz span { cursor:pointer;display:table-cell;vertical-align:middle;text-align:left;width:60px;height:45px;margin:0px 5px 0px 5px;padding:0px 5px 0px 45px;font-size:17px;white-space:nowrap;background-image:url('//tja.pl/obr/back.png');background-position:20px center;background-repeat:no-repeat;background-size:23px 20px; }
/*
#ramka_jeden_rekord .powieksz{ left:120px; top:10px; position:absolute; vertical-align:middle; text-align:left; margin-bottom:10px; padding:0px 20px 0px 5px; }
#ramka_jeden_rekord .powieksz span, #ramka_jeden_rekord .powieksz span:link, #ramka_jeden_rekord .powieksz span:visited, #ramka_jeden_rekord .powieksz span:active
{
cursor:pointer;
display:table-cell;
vertical-align:middle; text-align:center;
width: 170px; height:45px;
margin:0px 5px 0px 3px; padding:0px 5px 0px 25px;
font-size:17px; white-space:nowrap;
}
*/
#ramka_jeden_rekord .cofnij span { background-image: url('//tja.pl/obr/back.png'); background-position:8px center; background-repeat:no-repeat; background-size: 20px 20px; }
#ramka_jeden_rekord .powieksz span { background-image: url('//tja.pl/obr/plus.png'); background-position:8px center; background-repeat:no-repeat; background-size: 20px 20px; }
#ramka_jeden_rekord .powieksz .gl_ramka_okr:hover, #ramka_jeden_rekord .cofnij .gl_ramka_okr:hover { color:red; background-color:#ffffff; }
#ramka_jeden_rekord #pomniejsz{ vertical-align:middle; text-align:left; margin-bottom:10px; padding:0px 0px 0px 0px; }
#ramka_jeden_rekord #pomniejsz .gl_ramka_okr
{
background-color:#EFEFEF;
cursor:pointer;
//display:table-cell;
vertical-align:middle; text-align:left;
width: 170px; height:25px;
margin:0px 5px 0px 5px;
font-size:17px; white-space:nowrap;
}
#ramka_jeden_rekord #pomniejsz span { padding:2px 5px 0px 35px; background-image: url('//tja.pl/obr/minus.png'); background-position:8px center; background-repeat:no-repeat; background-size: 20px 20px; }
#ramka_jeden_rekord .powieksz span:hover { background-position:6px center; background-size: 24px 24px; }
#ramka_jeden_rekord #pomniejsz .gl_ramka_okr:hover { color:#ffffff; background-color:red; }
#lista .rekord { padding:20px 10px 5px 10px; margin:20px 0px 30px 0px; max-width:550px;
border: 1px solid #E6E6E6;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
behaviour:url(border-radius.htc);
}
#lista .content { margin-top:25px; margin-bottom:25px; border:0px solid; display:block; }
#lista h2{ display:inline; margin-left:10px;}
#lista h2 a{ margin:0; padding:5px 0px; font:normal 18px Arial, Helvetica, sans-serif; color:#2c2c2c;}
#lista .opis { font-weight:bold; margin-left:10px; font-size: 12px; color:#757575; line-height:1.8em;}
#lista .opis span { padding:0px 0px;}
#lista .obrazeki { width:95%; border:0px solid; text-align:center; margin:0px auto 0px auto; }
#lista .obrazek_duzy img { width:200px!important; max-width:200px!important; height:150px!important; max-height:150px!important; }
#lista .obrazeki img { width:100%; max-width:100px; max-height:75px; }
#lista .obrazeki img, #lista .obrazek_duzy img{ margin:0px auto; padding:4px; background:#fff; border:1px solid #d6d4d4; }
#lista .pic.fl img, .pic.fl img { margin:5px 15px 0 0; }
#lista .info { padding:0px 0px 0px 0px; font: normal 12px Arial, Helvetica, sans-serif; color:#757575; margin:0; line-height:1.8em;}
#lista .info span { display:inline; margin-left:5px; margin-right:5px;}
#poprzedni_nastepny { display:table; width:100%; max-width:100%; margin:10px 0px 20px 0px; border:0px solid; }
#poprzedni_nastepny a { display:table-cell; width:33%; border:0px solid; text-align:center; }
#poprzedni_nastepny img { margin:5px 0px 0px 10px; padding:4px; background:#fff; border:1px solid #d6d4d4; width:80%; }
#poprzedni_nastepny span { display:block; color:#757575; text-align:center; height:25px; font-size:11px; margin-top:4px; border:0px solid; }
hr {
background-color: #DDDDDD;
border: 0px solid #000000;
height: 1px;
width: 80%;
}
#ramka_naglowek, #ramka_naglowek h1, #ramka_naglowek h2
{
font-size:16px;
font-weight: normal;
display: inline;
color:#ffffff;
}
#ramka_naglowek img{ vertical-align:middle;}
h1
{
font-size:24px;
font-weight: normal;
display: inline;
}
#ramka_naglowek h3
{
font-size:16px;
font-weight: normal;
display: inline;
color:#ffffff;
}
.pobierz_na_www {
cursor: pointer;
font-size : 13px;
font-family : Arial, Helvetica, sans-serif;
margin: 5px 5px 5px 5px;
padding: 0px 5px 0px 5px;
border: 2px solid #C0C0C0;
background-color: #EAEAEA;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
behaviour:url(border-radius.htc);
}
.pobierz_na_www span {display:block; margin:0px 0px 5px 0px;}
.pobierz_na_www b { display:block; width:100%; padding:10px 0px 10px 0px; font-weight:normal; }
.pobierz_na_www input, .pobierz_na_www textarea { font-size: 12px; width:98%; background-color: #ffffff; }
.pobierz_na_www textarea { height:80px; }
#tabs2 {font: 12px 'tahoma'; margin-bottom: 20px;}
#tabs span, #tabs2 span {display: block; font: 12px 'tahoma'; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
.center { text-align:center;}