/* reset */ /*tutaj jest gówny wzorzec jak robię style z podziałem na kategorie*/ #selektor_przykladowy{ /*wyświetlanie*/ display:block; /*najczęściej block może być inline block, inline,none */ overflow:hidden; /*najczesciej hidden moze tez byc visible albo scroll*/ /*pozycjonowanie*/ position: relative; /*może być absolute lub relative */ /* pozycjonowanie :lewo, góra, szerokość, wysokość */ left:10px; /*może być też right*/ top: 10px; /*może być też bottom*/ width:120px; height:40px; box-sizing: content-box; /*czasami warto robić bo dla niekótrych elementów user agent robi border-box i jest niekompatybilnie z pozostałymi*/ /*marginesy i odstępy i obramowania */ margin: 25px 50px 75px 100px; /* w kolejnoćci: góra, prawy, dolny, lewy */ padding: 25px 50px 75px 100px; /* w kolejnoćci: góra, prawy, dolny, lewy */ border:1px solid rgb(84,125,34); /* w kolejności: width, style, color */ border-radius: 25px; /*tło*/ background-color:rgb(238,248,221); /*kolor*/ background-image: url(obrazki/scinek.jpg); /*obrazek*/ background-repeat:no-repeat; /*może być: no-repeat, repeat-x, repeat-y, no-reapet */ background-position:center center; /*można dawać tutaj też wartości typu px: -50px 5px; */ background-size: 80px 60px; /*rozmiar tła obrzkowego*/ /*tekst i czcionka*/ font-family:Verdana; font-weight:bold; font-size:17px; font-style: normal; /* może być italic; oblique; */ text-align:center; text-indent: 80px; /*wcięcie pierwszego wiersza */ line-height: normal; /* może tu być podana wysokość w pixelach np 5px; */ color:rgb(52,77,21); /*ogólny kolor */ /*gradient tła z strony : http://www.colorzilla.com/gradient-editor/ */ background: rgb(226,226,226); /* Old browsers */ background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ } /*TUTAJ SĄ MOJE STYLE SŁUŻĄCE DO POZYCJONOWANIA OBIEKTOW W SIATCE JQURY MOBILE */ /*SŁOWNIK STYLI */ /*---------------*/ /* == TYP KOMORKI == == TEKST ROZMIAR == == TEKST WYROWNANIE == ===SZEROKOŚĆ== ==PADDING== ==MARGIN== ==TEKST KOLOR--- ------------ aw_stala aw_txt_norm_10 aw_align_cent aw_width_100pr aw_padding_all_0px aw_margin_all_0px aw_color_red aw_float aw_txt_norm_11 aw_align_left aw_width_80pr aw_padding_all_5px aw_margin_all_5px aw_color_gray aw_float_right aw_txt_norm_12 aw_align_right aw_width_70pr aw_padding_all_7px aw_margin_all_7px aw_color_dark_blue aw_divider aw_txt_norm_13 aw_align_justify aw_width_60pr aw_padding_all_10px aw_margin_all_10px aw_color_green aw_txt_norm_14 aw_width_50pr aw_txt_norm_15 aw_width_40pr aw_padding_topbot_0px aw_margin_topbot_0px aw_txt_norm_16 aw_width_30pr aw_padding_topbot_5px aw_margin_topbot_5px aw_width_20pr aw_padding_topbot_7px aw_margin_topbot_7px aw_txt_bold_10 aw_width_25pr aw_padding_topbot_10px aw_margin_topbot_10px aw_txt_bold_11 aw_width_15pr aw_txt_bold_12 aw_width_10pr aw_padding_lr_0px aw_margin_lr_0px aw_txt_bold_13 aw_width_90pr aw_padding_lr_5px aw_margin_lr_5px aw_txt_bold_14 aw_padding_lr_7px aw_margin_lr_7px aw_txt_bold_15 aw_width_200px aw_padding_lr_10px aw_margin_lr_10px aw_txt_bold_16 aw_width_150px aw_width_140px aw_padding_r_10px aw_margin_top_0px aw_width_100px aw_padding_top_5px aw_margin_top_10px aw_width_80px aw_width_50px aw_margin_bot_2px aw_width_40px aw_margin_bot_8px aw_width_30px aw_width_20px aw_width_25px */ /*TYP KOMRKI */ .aw_stala { display:block !important; box-sizing: border-box !important; min-height: 5px !important; overflow: hidden; white-space: normal !important; margin: 0px auto !important; /*zapewnia z lewej i z prawej strony stałe marginesy */ } .aw_float { display:block !important; box-sizing: border-box !important; min-height: 5px !important; overflow: hidden; white-space: normal !important; float:left; } .aw_float_right { display:block !important; box-sizing: border-box !important; min-height: 5px !important; overflow: hidden; white-space: normal !important; float:right; } .aw_divider { display:block !important; box-sizing: border-box; min-height: 3px !important; overflow: hidden; white-space: normal !important; width:100% !important; padding-left:5px !important; padding-right:5px !important; height: 0px !important; border-top: 1px solid rgb(200,200,200) !important; /* w kolejności: width, style, color */ } /*TEKST ROZMIAR */ .aw_txt_norm_10 { font-size: 10px !important; font-weight:normal !important; } .aw_txt_norm_11 { font-size: 11px !important; font-weight:normal !important; } .aw_txt_norm_12 { font-size: 12px !important; font-weight:normal !important; } .aw_txt_norm_13 { font-size: 13px !important; font-weight:normal !important; } .aw_txt_norm_14 { font-size: 14px !important; font-weight:normal !important; } .aw_txt_norm_15 { font-size: 15px !important; font-weight:normal !important; } .aw_txt_norm_16 { font-size: 16px !important; font-weight:normal !important; } .aw_txt_norm_18 { font-size: 18px !important; font-weight:normal !important; } .aw_txt_norm_20 { font-size: 20px !important; font-weight:normal !important; } .aw_txt_bold_10 { font-size: 10px !important; font-weight:bold !important; } .aw_txt_bold_11 { font-size: 11px !important; font-weight:bold !important; } .aw_txt_bold_12 { font-size: 12px !important; font-weight:bold !important; } .aw_txt_bold_13 { font-size: 13px !important; font-weight:bold !important; } .aw_txt_bold_14 { font-size: 14px !important; font-weight:bold !important; } .aw_txt_bold_15 { font-size: 15px !important; font-weight:bold !important; } .aw_txt_bold_16 { font-size: 16px !important; font-weight:bold !important; } .aw_txt_bold_18 { font-size: 18px !important; font-weight:bold !important; } /*TEKST WYROWNANIE */ .aw_align_cent { text-align: center !important;} .aw_align_left { text-align: left !important;} .aw_align_right { text-align: right !important;} .aw_align_justify { text-align: justify !important;} /*TEKST SZEROKOŚĆ */ .aw_width_100pr { width: 100% !important; } .aw_width_90pr { width: 90% !important; } .aw_width_80pr { width: 80% !important; } .aw_width_75pr { width: 75% !important; } .aw_width_70pr { width: 70% !important; } .aw_width_60pr { width: 60% !important; } .aw_width_50pr { width: 50% !important; } .aw_width_40pr { width: 40% !important; } .aw_width_30pr { width: 30% !important; } .aw_width_25pr { width: 25% !important; } .aw_width_20pr { width: 20% !important; } .aw_width_15pr { width: 15% !important; } .aw_width_10pr { width: 10% !important; } .aw_width_200px { width: 200px !important; } .aw_width_150px { width: 150px !important; } .aw_width_140px { width: 140px !important; } .aw_width_100px { width: 100px !important; } .aw_width_80px { width: 80px !important; } .aw_width_50px { width: 50px !important; } .aw_width_40px { width: 40px !important; } .aw_width_30px { width: 30px !important; } .aw_width_20px { width: 20px !important; } /*TEKST PADDING */ .aw_padding_all_0px { padding: 0px !important;} .aw_padding_all_5px { padding: 5px !important;} .aw_padding_all_7px { padding: 7px !important;} .aw_padding_all_10px { padding: 10px !important;} .aw_padding_topbot_0px { padding-top: 0px !important; padding-bottom: 0px !important;} .aw_padding_topbot_5px { padding-top: 5px !important; padding-bottom: 5px !important;} .aw_padding_topbot_7px { padding-top: 7px !important; padding-bottom: 7px !important;} .aw_padding_topbot_10px { padding-top: 10px !important; padding-bottom: 10px !important;} .aw_padding_lr_0px { padding-left: 0px !important; padding-right: 0px !important;} .aw_padding_lr_5px { padding-left: 5px !important; padding-right: 5px !important;} .aw_padding_lr_7px { padding-left: 7px !important; padding-right: 7px !important;} .aw_padding_lr_10px { padding-left: 10px !important; padding-right: 10px !important;} .aw_padding_r_10px {padding-right: 10px !important;} .aw_padding_top_5px { padding-top: 5px !important;} /*TEKST margin */ .aw_margin_all_0px { margin: 0px !important;} .aw_margin_all_5px { margin: 5px !important;} .aw_margin_all_7px { margin: 7px !important;} .aw_margin_all_10px { margin: 10px !important;} .aw_margin_topbot_0px { margin-top: 0px !important; margin-bottom: 0px !important;} .aw_margin_topbot_5px { margin-top: 5px !important; margin-bottom: 5px !important;} .aw_margin_topbot_7px { margin-top: 7px !important; margin-bottom: 7px !important;} .aw_margin_topbot_10px { margin-top: 10px !important; margin-bottom: 10px !important;} .aw_margin_topbot_20px { margin-top: 20px !important; margin-bottom: 20px !important;} .aw_margin_lr_0px { margin-left: 0px !important; margin-right: 0px !important;} .aw_margin_lr_5px { margin-left: 5px !important; margin-right: 5px !important;} .aw_margin_lr_7px { margin-left: 7px !important; margin-right: 7px !important;} .aw_margin_lr_7px { margin-left: 10px !important; margin-right: 10px !important;} .aw_margin_top_0px {margin-top:0px !important;} .aw_margin_top_10px {margin-top:10px !important;} .aw_margin_top_20px {margin-top:20px !important;} .aw_margin_bot_2px { margin-bottom: 2px !important;} .aw_margin_bot_8px { margin-bottom: 8px !important;} /* TEKST COLOR */ .aw_color_red { color:rgb(255,0,0) !important; } /*ogólny kolor */ .aw_color_gray { color:rgb(170,170,170) !important; } /*ogólny kolor */ .aw_color_dark_blue { color:rgb(63,72,204) !important; } /*ogólny kolor */ .aw_color_green {color:rgb(34,177,76) !important; } /*ogólny kolor */