CSS - 10 znaków

Temat: CSS - 10 znaków Pon Kwi 09, 2018 9:10 pm

First topic message reminder :

Kod:: .dodat {position: absolute; display: block;}

.zz {background: url('http://i.imgur.com/X9yT48y.png'); padding-top: 40px; padding-bottom: 40px; width: 270px; height: 70px; transition-duration: 1s; transition-timing-function:ease-in-out; opacity: 0; font-size: 20px; text-transform: uppercase;}
.zz:hover {opacity: 1;}
.pp {width: 98px; height: 80px; background: url('http://i.imgur.com/5hO4Fw1.png'); opacity: 0; position: absolute; left: 0px; top: 0px; line-height: 15px; font-size: 14px; padding-top: 50px; transition-duration: 1s; transition-timing-function:ease-in-out;}
.pp:hover {opacity: 0.7;}
.dni {position: absolute; top: 255px; height: 98px; width: 105px; background: url('http://i.imgur.com/tfanJyk.png'); text-align: center; padding-top: 7px}
.poszu {position: absolute; top: 310px; width: 235px; text-align: center; background: url('http://i.imgur.com/xnrICpj.png'); font-size: 20px; text-transform: uppercase; line-height: 20px;}
.posz {width: 98px; height: 130px; position: absolute; text-align: center;}
.link {width: 133px; height: 23px; background: url('http://i.imgur.com/x7x2V6a.png'); position: absolute; text-align: center; padding-top: 7px;}
.zarzad {height: 150px; width: 270px; position: absolute; text-align: center;}
.pogoda {width: 180px; height: 200px; overflow: auto; text-align: center; font-size: 13px; position: absolute; left: 205px; top: 5px;}
.dzien {width: 200px; height: 150px; overflow: auto; text-align: center; font-size: 13px; padding: 10px; border-right: solid 1px; position: absolute; right: 295px; top: 200px;}
.noc {width: 200px; height: 150px; overflow: auto; text-align: center; font-size: 13px; padding: 10px; border-left: solid 1px; position: absolute; left: 295px; top: 200px;}

.avatar.mini, .avatar.mini img {height: 40px!important; width: 25px!important;}
#search_menu {position: fixed!important; top: auto!important; left: auto!important;}
.rem {overflow: hidden; width: 300px; height: 180px; opacity: 0; position: absolute; left: 0px; top: 0px; border-radius: 10px; transition-duration: 2s; transition-timing-function: ease-in-out;}
.rem:hover {opacity: 0.6;}
/*
.spkat label { z-index: 2; border-bottom-style: none; border: solid 1px #1d1e1f; display: block; width: 105px; height: 20px; padding: 5px; background: #141518; color: #666c63; font-family: 'Marcellus'; font-size: 20px; text-shadow: 0px 0px 5px #000000; letter-spacing: 2px; text-align: center; position: absolute; left: 10px; top: 115px; }
.spopisy { width: 500px; height: 650px; overflow: hidden; display: none; position: absolute; left: 0px; top: 66px; padding: 10px; }
[type=radio] { display: none; }
[type=radio]:checked ~ label { z-index: 2; background-color: #09090a; color: #686375; }
[type=radio]:checked ~ label ~ .spopisy { display: block; }

.spis {width: 500px; font-size: 30px; font-family: 'Marcellus'; color: #686375; text-shadow: 0px 0px 5px #000000; text-align: center; padding-bottom: 10px; letter-spacing: -1px; text-transform: uppercase; position: absolute; top: 15px;}
.spis1 {line-height: 15px; width: 500px; font-size: 15px; font-family: 'Marcellus'; color: #666c63; text-shadow: 0px 0px 5px #000000; text-align: center; letter-spacing: -1px; text-transform: uppercase; position: absolute; top: 35px;}
.spis2 {width: 500px; font-size: 20px; font-family: 'Marcellus'; color: #666c63; text-shadow: 0px 0px 5px #000000; text-align: center; letter-spacing: -1px; text-transform: uppercase; position: absolute; top: 90px;}
.spsp label { border: solid 1px #1d1e1f; border-bottom: none; display: block; width: 236px; height: 15px; padding: 2px; background: #141518; color: #666c63; font-family: 'Marcellus'; font-size: 11px; text-shadow: 0px 0px 5px #000000; letter-spacing: 2px; text-align: center; position: absolute; top: 80px; left: 10px; z-index: 1; }
.spopis { border: solid 1px #1d1e1f; text-align: center; font-family: 'Marcellus'; font-size: 15px; color: #666c63; width: 460px; height: 500px; background-color: #09090a; overflow: auto; display: none; position: absolute; top: 99px; left: 10px; padding: 10px; }
.sptlo { position: relative; width: 500px; height: 695px; background-color: #141518; border: solid; border-width: 2px; border-color: #666c63;}
[type=radio] { display: none; }
[type=radio]:checked ~ label { z-index: 2; background-color: #09090a; color: #686375; }
[type=radio]:checked ~ label ~ .spopis { display: block; z-index: 1;}
*/
.kptlo {position: relative; width: 480px; background-color: #141518; border: solid 2px #666c63; padding: 10px;}
.kptresc {border: solid 1px #1d1e1f; text-align: justify; font-family: 'Marcellus'; font-size: 13px; color: #666c63; background-color: #09090a; padding: 10px; }

#fa_toolbar #fa_right #notif_list {background: #111116!important; color: #dadada!important;}

.akcept {font-weight: 500; font-size: 30px; font-family: 'Cinzel Decorative'; color: #686375; text-shadow: 0px 0px 5px #000000; letter-spacing: -1px; text-transform: uppercase;}
.tresc { border: solid 1px #1d1e1f; text-align: center; font-size: 15px; color: #666c63; width: 430px; overflow: auto; padding: 10px; }
.akcepttlo { position: relative; width: 450px; padding: 20px; background: #09090a; border: solid 2px #343733; font-family: 'Marcellus';}
.i_msg_newpost {padding-left: 10px!important; padding-right: 10px!important;}
#i_post, #i_reply {padding-right: 10px!important;}

.polaprof img {
  max-width: 198px;
max-height: 118px;
  border: solid 1px;

}
.topictitle {font-size: 13px!important;}
#chatbox_members .member-title {font-size: 10px!important;}
.sceditor-button div, div.sceditor-grip {background: none!important;}

.sceditor-button-bold {background: url('http://i.imgur.com/q3l0gvv.png') no-repeat center!important;}
.sceditor-button-italic {background: url('http://i.imgur.com/c0Thisc.png') no-repeat center!important;}
.sceditor-button-underline {background: url('http://i.imgur.com/Jl3b5OB.png') no-repeat center!important;}
.sceditor-button-strike {background: url('http://i.imgur.com/RaaENDQ.png') no-repeat center!important;}
.sceditor-button-left {background: url('http://i.imgur.com/p2nhVf7.png') no-repeat center!important;}
.sceditor-button-center {background: url('http://i.imgur.com/GKjn8pA.png') no-repeat center!important;}
.sceditor-button-right {background: url('http://i.imgur.com/EliD14E.png') no-repeat center!important;}
.sceditor-button-justify {background: url('http://i.imgur.com/RYW1TFo.png') no-repeat center!important;}
.sceditor-button-quote {background: url('http://i.imgur.com/4GVfvlL.png') no-repeat center!important;}
.sceditor-button-code {background: url('http://i.imgur.com/eWWnIk0.png') no-repeat center!important;}
.sceditor-button-faspoiler {background: url('http://i.imgur.com/pWxsczb.png') no-repeat center!important;}
.sceditor-button-fahide {background: url('http://i.imgur.com/zGK90tc.png') no-repeat center!important;}
.sceditor-button-servimg {background: url('http://i.imgur.com/nCoNFPa.png') no-repeat center!important;}
.sceditor-button-image {background: url('http://i.imgur.com/xzRnrNb.png') no-repeat center!important;}
.sceditor-button-link {background: url('http://i.imgur.com/wuvsZRW.png') no-repeat center!important;}
.sceditor-button-youtube {background: url('http://i.imgur.com/mLaSKfM.png') no-repeat center!important;}
.sceditor-button-headers {background: url('http://i.imgur.com/e9VMxkP.png') no-repeat center!important;}
.sceditor-button-size {background: url('http://i.imgur.com/piFu3iw.png') no-repeat center!important;}
.sceditor-button-color {background: url('http://i.imgur.com/Tk07Ota.png') no-repeat center!important;}
.sceditor-button-font {background: url('http://i.imgur.com/kX54RBx.png') no-repeat center!important;}
.sceditor-button-removeformat {background: url('http://i.imgur.com/RDRSoSs.png') no-repeat center!important;}
.sceditor-button-emoticon {background: url('http://i.imgur.com/5pr6fwx.png') no-repeat center!important;}
.sceditor-button-date {background: url('http://i.imgur.com/8DpHtqL.png') no-repeat center!important;}
.sceditor-button-time {background: url('http://i.imgur.com/ax4iPix.png') no-repeat center!important;}
.sceditor-button-source {background: url('http://i.imgur.com/YAB3rI9.png') no-repeat center!important;}

.sceditor-button-bulletlist {background: url('http://i.imgur.com/tN9D058.png') no-repeat center!important;}
.sceditor-button-orderedlist {background: url('http://i.imgur.com/ardGD33.png') no-repeat center!important;}
.sceditor-button-horizontalrule {background: url('http://i.imgur.com/mg52wYT.png') no-repeat center!important;}
.sceditor-button-table {background: url('http://i.imgur.com/4BSiYFc.png') no-repeat center!important;}
.sceditor-button-dailymotion {background: url('http://i.imgur.com/T7nPuQY.png') no-repeat center!important;}
.sceditor-button-flash {background: url('http://i.imgur.com/QrZqF23.png') no-repeat center!important;}
.sceditor-button-pastetext {background: url('http://i.imgur.com/I7oMG1f.png') no-repeat center!important;}
.sceditor-button-more {background: url('http://i.imgur.com/0uCY5Fr.png') no-repeat center!important;}

.sceditor-button-subscript {background: url('http://i.imgur.com/79h4y9p.png') no-repeat center!important;}
.sceditor-button-superscript {background: url('http://i.imgur.com/DXoB8Sa.png') no-repeat center!important;}
.sceditor-button-fascroll {background: url('http://i.imgur.com/AJNxkHJ.png') no-repeat center!important;}
.sceditor-button-faupdown {background: url('http://i.imgur.com/Y1d6a3m.png') no-repeat center!important;}
.sceditor-button-farand {background: url('http://i.imgur.com/8DXIyFy.png') no-repeat center!important;}

.sceditor-button {opacity: 0.3!important;}

.sceditor-button.active { border-radius: 0; box-shadow: inset 0px 0px 0px 1px #343733!important;}
.sceditor-container, .sceditor-dropdown {background: #111116!important; border: none!important; color: #a1a1aa!important;}
#chatbox_footer {height: 28px!important;}
#submit_button {height: 22px!important; width: 38px!important; background: #000000!important; border-radius: 0px!important; border: solid 1px #343733!important; box-shadow: none!important;}

.fontbutton, #help-button {background: #111116!important; border-radius: 0px!important; border: none!important; box-shadow: none!important;}

.postbody img {max-width: 500px!important;}

.polaprofilu {transition-duration: 2s; transition-timing-function:ease-in-out; opacity: 0;}
.polaprofilu:hover {opacity: 0.8;}
.polaprofilu2 {transition-duration: 2s; transition-timing-function:ease-in-out; opacity: 0;}
.polaprofilu2:hover {opacity: 1;}

.polaprofilu1 {transition-duration: 2s; transition-timing-function:ease-in-out; opacity: 0;}
.polaprofilu1:hover {opacity: 1;}

#fa_search, #fa_textarea {display: none!important;}

input, select {font: Marcellus!important; padding: 2px!important; border: solid 1px #343733!important;}

.l1 {color: #853535; transition-duration: 1s; transition-timing-function:ease-in-out; opacity: 1;}
.l2 {color: #9E7F42; transition-duration: 1s; transition-timing-function:ease-in-out; opacity: 1;}
.l3 {color: #609150; transition-duration: 1s; transition-timing-function:ease-in-out; opacity: 1;}
.l4 {color: #5C7F9C; transition-duration: 1s; transition-timing-function:ease-in-out; opacity: 1;}
.l5 {color: #B0A986; transition-duration: 1s; transition-timing-function:ease-in-out; opacity: 1;}
.l6 {color: #703870; transition-duration: 1s; transition-timing-function:ease-in-out; opacity: 1;}
.l7 {color: #616060; transition-duration: 1s; transition-timing-function:ease-in-out; opacity: 1;}
.l8 {color: #969696; transition-duration: 1s; transition-timing-function:ease-in-out; opacity: 1;}
.l9 {color: #416161; transition-duration: 1s; transition-timing-function:ease-in-out; opacity: 1;}
.l10 {color: #000000; transition-duration: 1s; transition-timing-function:ease-in-out; opacity: 1;}
.l1:hover, .l2:hover, .l3:hover, .l4:hover, .l5:hover, .l6:hover, .l7:hover, .l8:hover, .l9:hover, .l10:hover {opacity: 0.7;}

#sceditor_smilies {border: solid 1px #343733!important; background: #000000!important;}

#con11, #con101, #con191, #con281, #con371, #con461, #con551, #con641, #con731, #con821, #con911, #con1001, #con1091, #con1181, #con1271 {overflow: hidden; font-size: 15px; display: block; width: 240; height: 25px; position: absolute; top: 2px; left: 3px; text-align: center;}
#con21, #con111, #con201, #con291, #con381, #con471, #con561, #con651, #con741, #con831, #con921, #con1011, #con1101, #con1191, #con1281 {overflow: hidden; font-size: 11px; font-family: Quintessential; font-style: italic; display: block; width: 220; height: 35px; position: absolute; top: 27px; left: 13px; text-align: center;}
#con31, #con121, #con211, #con301, #con391, #con481, #con571, #con661, #con751, #con841, #con931, #con1021, #con1111, #con1201, #con1291 {overflow: hidden; padding-top: 8px; font-size: 20px; background: url('http://i.imgur.com/fXnBjPI.png'); display: block; width: 70px; height: 35px; position: absolute; top: 65px; left: 35px; text-align: center;}
#con41, #con131, #con221, #con311, #con401, #con491, #con581, #con671, #con761, #con851, #con941, #con1031, #con1121, #con1211, #con1301 {overflow: hidden; padding-top: 8px; font-size: 20px; background: url('http://i.imgur.com/ZqFOEm5.png'); display: block; width: 70px; height: 35px; position: absolute; top: 65px; right: 35px; text-align: center;}
#con51, #con141, #con231, #con321, #con411, #con501, #con591, #con681, #con771, #con861, #con951, #con1041, #con1131, #con1221, #con1311 {overflow: hidden; padding-top: 8px; font-size: 20px; background: url('http://i.imgur.com/ii55DTW.png'); block; width: 70px; height: 35px; position: absolute; top: 120px; left: 87px; text-align: center;}
#con61, #con151, #con241, #con331, #con421, #con511, #con601, #con691, #con781, #con871, #con961, #con1051, #con1141, #con1231, #con1321 {overflow: hidden; padding-top: 6px; background: url('http://i.imgur.com/6JRvhU4.png'); font-size: 13px; display: block; width: 93px; height: 22px; position: absolute; top: 308px; left: 20px; text-align: center;}
#con71, #con161, #con251, #con341, #con431, #con521, #con611, #con701, #con791, #con881, #con971, #con1061, #con1151, #con1241, #con1331 {overflow: hidden; padding-top: 6px; background: url('http://i.imgur.com/1Dw9Sza.png'); font-size: 13px; display: block; width: 93px; height: 22px; position: absolute; top: 308px; right: 20px; text-align: center;}
#con81, #con171, #con261, #con351, #con441, #con531, #con621, #con711, #con801, #con891, #con981, #con1071, #con1161, #con1251, #con1341 {overflow: hidden; display: block; width: 200px; height: 120px; position: absolute; top: 175px; left: 23px; text-align: center;}
#con91, #con181, #con271, #con361, #con451, #con541, #con631, #con721, #con811, #con901, #con991, #con1081, #con1171, #con1261, #con1351 {overflow: hidden; padding-top: 6px; font-size: 13px; background: url('http://i.imgur.com/W8TCJOz.png'); display: block; width: 204px; height: 34px; position: absolute; top: 347px; left: 21px; text-align: center;}

#con13, #con103, #con193, #con283, #con373, #con463, #con553, #con643, #con733, #con823, #con913, #con1003, #con1093, #con1183, #con1273 {overflow: hidden; font-size: 15px; display: block; width: 240; height: 25px; position: absolute; top: 2px; left: 3px; text-align: center;}
#con23, #con113, #con203, #con293, #con383, #con473, #con563, #con653, #con743, #con833, #con923, #con1013, #con1103, #con1193, #con1283 {overflow: hidden; font-size: 11px; font-family: Quintessential; font-style: italic; display: block; width: 220; height: 35px; position: absolute; top: 27px; left: 13px; text-align: center;}
#con33, #con123, #con213, #con303, #con393, #con483, #con573, #con663, #con753, #con843, #con933, #con1023, #con1113, #con1203, #con1293 {overflow: hidden; padding-top: 8px; font-size: 20px; background: url('http://i.imgur.com/fXnBjPI.png'); display: block; width: 70px; height: 35px; position: absolute; top: 65px; left: 35px; text-align: center;}
#con43, #con133, #con223, #con313, #con403, #con493, #con583, #con673, #con763, #con853, #con943, #con1033, #con1123, #con1213, #con1303 {overflow: hidden; padding-top: 8px; font-size: 20px; background: url('http://i.imgur.com/ZqFOEm5.png'); display: block; width: 70px; height: 35px; position: absolute; top: 65px; right: 35px; text-align: center;}
#con53, #con143, #con233, #con323, #con413, #con503, #con593, #con683, #con773, #con863, #con953, #con1043, #con1133, #con1223, #con1313 {overflow: hidden; padding-top: 8px; font-size: 20px; background: url('http://i.imgur.com/ii55DTW.png'); block; width: 70px; height: 35px; position: absolute; top: 120px; left: 87px; text-align: center;}
#con63, #con153, #con243, #con333, #con423, #con513, #con603, #con693, #con783, #con873, #con963, #con1053, #con1143, #con1233, #con1323 {overflow: hidden; padding-top: 6px; background: url('http://i.imgur.com/6JRvhU4.png'); font-size: 13px; display: block; width: 93px; height: 22px; position: absolute; top: 308px; left: 20px; text-align: center;}
#con73, #con163, #con253, #con343, #con433, #con523, #con613, #con703, #con793, #con883, #con973, #con1063, #con1153, #con1243, #con1333 {overflow: hidden; padding-top: 6px; background: url('http://i.imgur.com/1Dw9Sza.png'); font-size: 13px; display: block; width: 93px; height: 22px; position: absolute; top: 308px; right: 20px; text-align: center;}
#con83, #con173, #con263, #con353, #con443, #con533, #con623, #con713, #con803, #con893, #con983, #con1073, #con1163, #con1253, #con1343 {overflow: hidden; display: block; width: 200px; height: 120px; position: absolute; top: 175px; left: 23px; text-align: center;}
#con93, #con183, #con273, #con363, #con453, #con543, #con633, #con723, #con813, #con903, #con993, #con1083, #con1173, #con1263, #con1353 {overflow: hidden; padding-top: 6px; font-size: 13px; background: url('http://i.imgur.com/W8TCJOz.png'); display: block; width: 204px; height: 34px; position: absolute; top: 347px; left: 21px; text-align: center;}

#con14, #con104, #con194, #con284, #con374, #con464, #con554, #con644, #con734, #con824, #con914, #con1004, #con1094, #con1184, #con1274 {overflow: hidden; font-size: 15px; display: block; width: 240; height: 25px; position: absolute; top: 2px; left: 3px; text-align: center;}
#con24, #con114, #con204, #con294, #con384, #con474, #con564, #con654, #con744, #con834, #con924, #con1014, #con1104, #con1194, #con1284 {overflow: hidden; font-size: 11px; font-family: Quintessential; font-style: italic; display: block; width: 220; height: 35px; position: absolute; top: 27px; left: 13px; text-align: center;}
#con34, #con124, #con214, #con304, #con394, #con484, #con574, #con664, #con754, #con844, #con934, #con1024, #con1114, #con1204, #con1294 {overflow: hidden; padding-top: 8px; font-size: 20px; background: url('http://i.imgur.com/fXnBjPI.png'); display: block; width: 70px; height: 35px; position: absolute; top: 65px; left: 35px; text-align: center;}
#con44, #con134, #con224, #con314, #con404, #con494, #con584, #con674, #con764, #con854, #con944, #con1034, #con1124, #con1214, #con1304 {overflow: hidden; padding-top: 8px; font-size: 20px; background: url('http://i.imgur.com/ZqFOEm5.png'); display: block; width: 70px; height: 35px; position: absolute; top: 65px; right: 35px; text-align: center;}
#con54, #con144, #con234, #con324, #con414, #con504, #con594, #con684, #con774, #con864, #con954, #con1044, #con1134, #con1224, #con1314 {overflow: hidden; padding-top: 8px; font-size: 20px; background: url('http://i.imgur.com/ii55DTW.png'); block; width: 70px; height: 35px; position: absolute; top: 120px; left: 87px; text-align: center;}
#con64, #con154, #con244, #con334, #con424, #con514, #con604, #con694, #con784, #con874, #con964, #con1054, #con1144, #con1234, #con1324 {overflow: hidden; padding-top: 6px; background: url('http://i.imgur.com/6JRvhU4.png'); font-size: 13px; display: block; width: 93px; height: 22px; position: absolute; top: 308px; left: 20px; text-align: center;}
#con74, #con164, #con254, #con344, #con434, #con524, #con614, #con704, #con794, #con884, #con974, #con1064, #con1154, #con1244, #con1334 {overflow: hidden; padding-top: 6px; background: url('http://i.imgur.com/1Dw9Sza.png'); font-size: 13px; display: block; width: 93px; height: 22px; position: absolute; top: 308px; right: 20px; text-align: center;}
#con84, #con174, #con264, #con354, #con444, #con534, #con624, #con714, #con804, #con894, #con984, #con1074, #con1164, #con1254, #con1344 {overflow: hidden; display: block; width: 200px; height: 120px; position: absolute; top: 175px; left: 23px; text-align: center;}
#con94, #con184, #con274, #con364, #con454, #con544, #con634, #con724, #con814, #con904, #con994, #con1084, #con1174, #con1264, #con1354 {overflow: hidden; padding-top: 6px; font-size: 13px; background: url('http://i.imgur.com/W8TCJOz.png'); display: block; width: 204px; height: 34px; position: absolute; top: 347px; left: 21px; text-align: center;}

.sceditor-container.ltr.sourceMode {border-radius: 0px; background: #111116!important; border: none!important; color: #a1a1aa!important;}
.sceditor-toolbar {background: #111116!important; border: none!important;}
.sceditor-group {border-radius: 0px!important; background: #111116!important; border: none!important;}
a.sceditor-button.sceditor-button-source.hover {border: none!important; border-radius: 0px; box-shadow: inset 0px 0px 0px 1px #343733!important;}
.postbody {font-family: Marcellus; font-size: 14px; width: 500px; text-align: justify; word-wrap: break-word;}
.name {font-size: 15px; font-family: Forum; text-transform: uppercase;}
.rightHeaderLink {color: #111116!important;}
.legenda {font-family: Playfair Display SC; font-size: 15px;}
.gensmall {font-size: 12px!important;}
.chatbox-username, .chatbox-user-username, .member-title {font-family: Marcellus; font-size: 12px;}
#chatbox, #chatbox_members, #chatbox_header, #chatbox_footer, body.chatbox {background: #111116;}
#chatbox_members {border-right: solid 1px #343733;}
.sceditor-container iframe, .sceditor-container textarea {background: #000000!important; border: solid 1px #343733!important; color: #a1a1aa!important;}

/* latin */
@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-weight: 400;
  src: local('CinzelDecorative-Regular'), url(https://fonts.gstatic.com/s/cinzeldecorative/v4/fmgK7oaJJIXAkhd9798yQl4jZHmtnl4mfN0ClpLnj0E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic */
@font-face { font-family: 'Marck Script'; font-style: normal; font-weight: 400; src: local('Marck Script'), local('MarckScript-Regular'), url(https://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
/* latin-ext */
@font-face { font-family: 'Marck Script'; font-style: normal; font-weight: 400; src: local('Marck Script'), local('MarckScript-Regular'), url(https://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
/* latin */
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  src: local('Marck Script'), local('MarckScript-Regular'), url(https://fonts.gstatic.com/s/marckscript/v7/O_D1NAZVOFOobLbVtW3bcugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(https://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkbGoYc2k__mzXRGmHiKhNRg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(https://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkagSM-COZYaf0ROcKl7uZVE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(https://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkRUcjaGRfmzOW8pfsS-qBq8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Quintessential';
  font-style: normal;
  font-weight: 400;
  src: local('Quintessential'), local('Quintessential-Regular'), url(https://fonts.gstatic.com/s/quintessential/v4/mmk6ioesnTrEky_Zb92E5iCDEgifCMbPxFpdCeJzI6Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quintessential';
  font-style: normal;
  font-weight: 400;
  src: local('Quintessential'), local('Quintessential-Regular'), url(https://fonts.gstatic.com/s/quintessential/v4/mmk6ioesnTrEky_Zb92E5lXigQQwogbolifw0FuTedQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Forum';
  font-style: normal;
  font-weight: 400;
  src: local('Forum'), url(https://fonts.gstatic.com/s/forum/v7/AmHljRiz1_I3DwwU6zufUw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Forum';
  font-style: normal;
  font-weight: 400;
  src: local('Forum'), url(https://fonts.gstatic.com/s/forum/v7/DHWH2Mp2WedTOFjHIQABKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Forum';
  font-style: normal;
  font-weight: 400;
  src: local('Forum'), url(https://fonts.gstatic.com/s/forum/v7/wkBrG5QEDxyPxaMlOXa7fg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Forum';
  font-style: normal;
  font-weight: 400;
  src: local('Forum'), url(https://fonts.gstatic.com/s/forum/v7/eMDvaUkVr_spjjcEeqYI5A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  src: local('Marcellus'), local('Marcellus-Regular'), url(https://fonts.gstatic.com/s/marcellus/v4/MgbJB3ztDl2YuNvekZ0ENBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  src: local('Marcellus'), local('Marcellus-Regular'), url(https://fonts.gstatic.com/s/marcellus/v4/FJNab1jzp1t7ctjNl8ugHFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic */
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), local('PoiretOne-Regular'), url(https://fonts.gstatic.com/s/poiretone/v4/cKr_e199f0xMkxMkRbEJXyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), local('PoiretOne-Regular'), url(https://fonts.gstatic.com/s/poiretone/v4/3Annd_XP-99FcGbOpm6fVCEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), local('PoiretOne-Regular'), url(https://fonts.gstatic.com/s/poiretone/v4/HrI4ZJpJ3Fh0wa5ofYMK8fk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
#fa_notifications {
   color: #525469!important;
   background-color: #111116!important;
}
#fa_welcome {
  display: none!important;
  color: #525469!important;
   background-color: #111116!important;
}
#fa_menulist
{ background-color: #111116!important;
   border: solid 2px #343733!important;
}
.mainmenu[href="/faq"],.mainmenu[href="/calendar"], .mainmenu[href="/groups"] {display: none;}

Temat: Re: CSS - 10 znaków Pon Kwi 09, 2018 9:24 pm

privmsgs_read_body

Kod:: <table border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td valign="middle">{INBOX_IMG}</td>
   <td valign="middle"><span class="cattitle">{INBOX}  </span></td>
   <td valign="middle">{SENTBOX_IMG}</td>
   <td valign="middle"><span class="cattitle">{SENTBOX}  </span></td>
   <td valign="middle">{OUTBOX_IMG}</td>
   <td valign="middle"><span class="cattitle">{OUTBOX}  </span></td>
   <td valign="middle">{SAVEBOX_IMG}</td>
   <td valign="middle"><span class="cattitle">{SAVEBOX}</span></td>
</tr>
</table>
<br clear="all" />
<form action="{S_PRIVMSGS_ACTION}" method="post">

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td valign="middle">{REPLY_PM_IMG}</td>
<td width="100%"></td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
<tr>
<th class="thHead" colspan="4" nowrap="nowrap">{BOX_NAME} :: {L_MESSAGE}</th>
</tr>

<tr>
<td class="row2" style="width: 80px;"><span class="genmed">{L_FROM}:</span></td>
<td class="row2" colspan="2" style="width: 410px;"><span class="genmed">{MESSAGE_FROM}</span></td>
<td rowspan="4" class="row2">
<div style="width: 260px; height: 410px; position: relative;"><div style="position: absolute; left: 5px; top: 5px;">{AVATAR_FROM}</div><img src="http://i.imgur.com/JgRqAyK.png" style="position: absolute; left: 0px; top: 0px;" /></div>

</td>
</tr>
<tr>
<td class="row2"><span class="genmed">{L_TO}:</span></td>
<td class="row2" colspan="2" width="100%"><span class="genmed">{MESSAGE_TO}</span></td>
</tr>
<tr>
<td class="row2"><span class="genmed">{L_POSTED}:</span></td>
<td class="row2" colspan="2" width="100%"><span class="genmed">{POST_DATE}</span></td>
</tr>
<tr>
<td class="row2"><span class="genmed">{L_SUBJECT}:</span></td>
<td class="row2" width="100%"><span class="genmed">{POST_SUBJECT}</span></td>
<td class="row2" align="right" nowrap="nowrap">

{QUOTE_PM_IMG}

{EDIT_PM_IMG}
</td>
</tr>
<tr>
<td class="row1" colspan="4" valign="top"><div style="width: 790px;" class="postbody">{MESSAGE}</div></td>
</tr>

<tr>
<td class="row1" colspan="4" valign="bottom" width="78%" height="28">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" nowrap="nowrap">{PROFILE_IMG} {PM_IMG} {EMAIL_IMG} {WWW_IMG} {AIM_IMG} {YIM_IMG} {MSN_IMG} {SKYPE_IMG} </td>
<td> </td>
<td valign="top" nowrap="nowrap">
<script type="text/javascript">
//<![CDATA[
if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 ) {
document.write('{ICQ_IMG}');
} else {
document.write('<div style="position:relative"><div style="position:absolute">{ICQ_IMG}</div><div style="position:absolute;left:3px">{ICQ_STATUS_IMG}</div></div>');
}
//]]>
</script>
<noscript>{ICQ_IMG}</noscript>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="catBottom" colspan="4" align="right" height="28">
{S_HIDDEN_FIELDS}

<input class="liteoption" type="submit" name="save" value="{L_SAVE_MSG}" />


<input class="liteoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" />  

<input class="liteoption" type="submit" name="delete" value="{L_DELETE_MSG}" />
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td>

{REPLY_PM_IMG}

</td>
</tr>

<tr>
<td colspan="2">{TOPIC_REVIEW_BOX}</td>
</tr>

</table>
</form>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td align="right" valign="top"><span class="gensmall">{JUMPBOX}</span></td>
</tr>
</table>


<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

Temat: Re: CSS - 10 znaków Pon Kwi 09, 2018 9:24 pm

profile_add_body

Kod:: <script type="text/javascript" src="{JSPWD}"></script>

{UCP_TABS}

{ERROR_BOX}
<form action="{S_PROFILE_ACTION}" {S_FORM_ENCTYPE} method="post" id="register" name="register">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
<th class="thHead" colspan="3" valign="middle" height="25">{L_REGISTRATION_INFO}{L_MY_PROFILE}</th>
</tr>
<tr>
<td class="row2" colspan="2"><span class="gensmall">{L_ITEMS_REQUIRED}</span></td>
</tr>

<tr>
<td class="row1" width="38%"><span class="gen">{L_USERNAME} : *</span></td>
<td class="row2"><input type="hidden" name="username" value="{USERNAME}" /><span class="gen"><b>{USERNAME}</b></span></td>
</tr>


<tr>
<td class="row1" width="38%"><span class="gen">{L_USERNAME} : *</span></td>
<td class="row2"><input class="post" type="text" name="username" value="{USERNAME}" size="25" maxlength="25" /></td>
</tr>



<tr>
<td class="row1"><span class="gen">{L_EMAIL_ADDRESS} : *</span></td>
<td class="row2"><input type="hidden" name="email" value="{EMAIL}" /><span class="gen"><b>{EMAIL}</b></span></td>
</tr>


<tr>
<td class="row1"><span class="gen">{L_EMAIL_ADDRESS} : *</span></td>
<td class="row2"><input class="post" type="text" name="email" value="{EMAIL}" size="25" maxlength="64" /></td>
</tr>



<tr>
<td class="row1"><span class="gen">{L_CHANGE_PASSWORD} :</span></td>
<td class="row2"><a href="{LINK_FOR_PASSWD_CHANGE}" target="_blank" class="gen"><b>< {L_MODIFY} ></b></a></td>
</tr>



<tr>
<th class="thSides" colspan="2" valign="middle" height="25">{switch_informations_menu.switch_profile_fields.L_PROFILE_FIELDS}</th>
</tr>

<tr>
<td class="gen row1" align="left">
<span>{switch_informations_menu.switch_profile_fields.field.NAME}</span>
</td>
<td class="gensmall row2">
{switch_informations_menu.switch_profile_fields.field.OBJECT}<br />
<span class="gensmall">{switch_informations_menu.switch_profile_fields.field.DESCRIPTION}</span>
</td>
</tr>




<tr>
<td class="row1" colspan="2" align="center"><span class="gensmall">{L_CONFIRM_CODE_IMPAIRED}</span><br />
<br />
{CONFIRM_IMG}<br />
<br />
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_CONFIRM_CODE} : *</span><br /><span class="gensmall">{L_CONFIRM_CODE_EXPLAIN}</span></td>
<td class="row2"><input class="post" type="text" name="confirm_code" value="" size="6" maxlength="6" /></td>
</tr>



<tr>
<td class="row1"><span class="gen">{L_DELETE}</span></td>
<td class="row2"><input type="checkbox" name="delete_user" /><span class="gensmall">{L_DELETE_EXPLAIN}</span></td>
</tr>






<tr>
<th class="thHead" colspan="3" valign="middle" height="25">{L_REGISTRATION_INFO}</th>
</tr>
<tr>
<td class="row1">
<span class="gen">{L_CURRENT_PASSWORD} : *</span><br />
<span class="gensmall">{L_CONFIRM_PASSWORD_EXPLAIN}</span>
</td>
<td class="row2"><input class="post" type="password" name="cur_password" value="{CUR_PASSWORD}" size="25" maxlength="25" /></td>
</tr>


<tr>
<td class="row1"><span class="gen">{L_NEW_PASSWORD} : *</span><br /><span class="gensmall">{L_PASSWORD_IF_CHANGED}</span></td>
<td class="row2">
<input class="post left" type="password" name="new_password" value="{NEW_PASSWORD}" size="25" maxlength="25" />
<div id="cont_pwd">
<div class="pwd_img" id="pwd_bad" >{BAD_LEVEL_PWD}</div>
<div class="pwd_img" id="pwd_middle" >{GOOD_LEVEL_PWD}</div>
<div class="pwd_img" id="pwd_good" >{STRONG_LEVEL_PWD}</div>
</div>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_CONFIRM_PASSWORD} : *</span><br /><span class="gensmall">{L_PASSWORD_CONFIRM_IF_CHANGED}</span></td>
<td class="row2">
<input class="post" type="password" name="password_confirm" value="{PASSWORD_CONFIRM}" size="25" maxlength="25" />
<input type="hidden" name="change_password" value="change_password" />
</td>
</tr>



<tr>
<th class="thSides" colspan="2" valign="middle" height="25">{L_PREFERENCES}</th>
</tr>
<tr>
<td class="row1"><span class="gen">{L_PUBLIC_VIEW_EMAIL} :</span></td>
<td class="row2" width="400">
<label class="gen"><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_FORM} /><span class="gen">{L_YES}</span></label>
<label class="gen"><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_FORM} /><span class="gen">{L_FORM}</span></label>
<label class="gen"><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_MAILTO} />{L_MAILTO}</label>
<label class="gen"><input type="radio" name="viewemail" value="0" {VIEW_EMAIL_NO} />{L_NO}</label>
</td>
</tr>

<tr>
<td class="row1"><span class="gen">{L_PUBLIC_VIEW_MP} :</span></td>
<td class="row2" width="400">
<label class="gen"><input type="radio" name="view_pm" value="1" {VIEW_MP_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="view_pm" value="0" {VIEW_MP_NO} />{L_NO}</label>
</td>
</tr>


<tr>
<td class="row1"><span class="gen">{switch_preferences_menu.switch_profile_advanced.L_ALLOW_PROFILE_MSGS} :</span></td>
<td class="row2" width="400">
<label class="gen"><input type="radio" name="profilemsgs" value="2" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_ALL} />{L_ALL_USERS}</label>
<label class="gen"><input type="radio" name="profilemsgs" value="1" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_FRIENDS} />{L_MY_FRIENDS}</label>
<label class="gen"><input type="radio" name="profilemsgs" value="0" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_NONE} />{L_NO_ONE}</label>
<label class="gen"><input type="radio" name="profilemsgs" value="-1" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_HIDE} />{L_HIDE_TAB}</label>
</td>
</tr>


<tr>
<td class="row1 fb"><span class="gen">{switch_preferences_menu.switch_fb_connect.L_FB_LINK_ACCOUNT} :</span></td>
<td class="row2 fb" width="400">

<span class="gen">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_FB_ACCOUNT_LINKED}</span>


<fb:login-button size="medium" onlogin="facebook_link()" >{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</fb:login-button>


{switch_preferences_menu.switch_fb_connect.switch_fb_account_test.FB_LOGIN}

</td>
</tr>

<tr>
<td class="row1"><span class="gen">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_UNLINK_FB_ACCOUNT_EXPLAIN} :</span></td>
<td class="row2" width="400">
<label class="gen"><input type="radio" name="unlink_fb_account" value="1" />{L_YES}</label>
<label class="gen"><input type="radio" name="unlink_fb_account" value="0" checked="checked" />{L_NO}</label>
</td>
</tr>


<tr>
<td class="row1"><span class="gen">{L_NEWSLETTER_ACCEPT} :</span><br /><span class="gensmall">{L_NEWSLETTER_ACCEPT_EXPLAIN}</span></td>
<td class="row2" width="400">
<label class="gen"><input type="radio" name="newsletter" value="1" {NEWSLETTER_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="newsletter" value="0" {NEWSLETTER_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_HIDE_USER} :</span></td>
<td class="row2">
<label class="gen"><input type="radio" name="hideonline" value="1" {HIDE_USER_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="hideonline" value="0" {HIDE_USER_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_NOTIFY_ON_REPLY} :</span><br /><span class="gensmall">{L_NOTIFY_ON_REPLY_EXPLAIN}</span></td>
<td class="row2">
<label class="gen"><input type="radio" name="notifyreply" value="1" {NOTIFY_REPLY_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="notifyreply" value="0" {NOTIFY_REPLY_NO} />{L_NO}</label>
</td>
</tr>

<tr>
<td class="row1"><span class="gen">{L_ENABLE_MASS_PM} :</span><br /><span class="gensmall">{L_ENABLE_MASS_PM_EXPLAIN}</span></td>
<td class="row2">
<label class="gen"><input type="radio" name="allow_mass_pm" value="4" {ALLOW_MASS_PM_NOTIFY_CHECKED} />{L_YES}</label>
<label class="gen"><input type="radio" name="allow_mass_pm" value="2" {ALLOW_MASS_PM_CHECKED} /><span class="gen">{L_NO}</span></label>
<label class="gen"><input type="radio" name="allow_mass_pm" value="0" {DISABLE_MASS_PM_CHECKED} /><span class="gen">{L_NO_MASS_PM}</span></label>
</td>
</tr>


<tr>
<td class="row1"><span class="gen">{L_NOTIFY_SUBSCRIPTIONS} :</span></td>
<td class="row2">
<label class="gen"><input type="radio" name="notify_subscriptions" value="1" {NOTIFY_SUBSCRIPTIONS_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="notify_subscriptions" value="0" {NOTIFY_SUBSCRIPTIONS_NO} />{L_NO}</label>
</td>
</tr>

<tr>
<td class="row1"><span class="gen">{L_POPUP_ON_PRIVMSG} :</span><br /><span class="gensmall">{L_POPUP_ON_PRIVMSG_EXPLAIN}</span></td>
<td class="row2">
<label class="gen"><input type="radio" name="popup_pm" value="1" {POPUP_PM_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="popup_pm" value="0" {POPUP_PM_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1">
<span class="gen">{L_NOTIFY_POST_PREVENT} :</span><br />
<span class="gensmall">{L_NOTIFY_POST_PREVENT_EXPLAIN}</span>
</td>
<td class="row2">
<label class="gen"><input type="radio" name="post_prevent" value="1" {POST_PREVENT_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="post_prevent" value="0" {POST_PREVENT_NO} />{L_NO}</label>
</td>
</tr>

<tr>
<td class="row1"><span class="gen">{switch_preferences_menu.switch_report.L_NO_REPORT_POPUP} :</span></td>
<td class="row2">
<label class="gen"><input type="radio" name="no_report_popup" value="0" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="no_report_popup" value="1" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_NO} />{L_NO}</label>
</td>
</tr>

<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ADD_SIGNATURE} :</span></td>
<td class="row2">
<label class="gen"><input type="radio" name="attachsig" value="1" {ALWAYS_ADD_SIGNATURE_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="attachsig" value="0" {ALWAYS_ADD_SIGNATURE_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ALLOW_BBCODE} :</span></td>
<td class="row2">
<label class="gen"><input type="radio" name="allowbbcode" value="1" {ALWAYS_ALLOW_BBCODE_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="allowbbcode" value="0" {ALWAYS_ALLOW_BBCODE_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ALLOW_HTML} :</span></td>
<td class="row2">
<label class="gen"><input type="radio" name="allowhtml" value="1" {ALWAYS_ALLOW_HTML_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="allowhtml" value="0" {ALWAYS_ALLOW_HTML_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ALLOW_SMILIES} :</span></td>
<td class="row2">
<label class="gen"><input type="radio" name="allowsmilies" value="1" {ALWAYS_ALLOW_SMILIES_YES} />{L_YES}</label>
<label class="gen"><input type="radio" name="allowsmilies" value="0" {ALWAYS_ALLOW_SMILIES_NO} />{L_NO}</label>
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_BOARD_LANGUAGE} :</span></td>
<td class="row2"><span class="gensmall">{LANGUAGE_SELECT}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_TIMEZONE} :</span></td>
<td class="row2"><span class="gensmall">{TIMEZONE_SELECT}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_DATE_FORMAT} :</span></td>
<td class="row2">{DATE_FORMAT}<br />
<span class="gensmall">{CURRENT_TIME}</span>
</td>
</tr>


<tr>
<th class="thSides" colspan="2" valign="middle" height="12">{L_AVATAR_PANEL}</th>
</tr>
<tr>
<td class="row1"><span class="gensmall">{L_AVATAR_EXPLAIN}</span></td>
<td class="row2">
<span class="gensmall">{L_CURRENT_IMAGE}</span><br />
{AVATAR}<br />
<input type="checkbox" name="avatardel" /> <span class="gensmall">{L_DELETE_AVATAR}</span>
</td>
</tr>


<tr>
<td class="row1"><span class="gen">{L_FACEYOURMANGA_BUTTON_LABEL}</span></td>
<td class="row2">
<img src="{L_FACEYOURMANGA_LINK_IMG}" onclick="$('#fym_avatar_form').submit()" class="fontbutton" id="fym_banner" style="cursor:pointer;cursor:hand;" />
<br />
<input type="button" onclick="$('#fym_avatar_form').submit()" value="{L_FACEYOURMANGA_BUTTON_LABEL}" class="button" />
</td>
</tr>



<tr>
<td class="row1"><span class="gen">{L_UPLOAD_AVATAR_FILE} :</span></td>
<td class="row2"><input class="post" type="file" name="avatar" /></td>
</tr>


<tr>
<td class="row1"><span class="gen">{L_UPLOAD_AVATAR_URL} :</span><br /><span class="gensmall">{L_UPLOAD_AVATAR_URL_EXPLAIN}</span></td>
<td class="row2"><input class="post" type="text" name="avatarurl" size="40" maxlength="100" /></td>
</tr>


<tr>
<td class="row1"><span class="gen">{L_LINK_REMOTE_AVATAR} :</span><br /><span class="gensmall">{L_LINK_REMOTE_AVATAR_EXPLAIN}</span></td>
<td class="row2"><input class="post" type="text" name="avatarremoteurl" size="40" maxlength="100" /></td>
</tr>


<tr>
<td class="row1"><span class="gen">{L_AVATAR_GALLERY} :</span></td>
<td class="row2"><input class="liteoption" type="submit" name="avatargallery" value="{L_SHOW_GALLERY}" /></td>
</tr>



<tr>
<td class="catBottom" colspan="3" align="center" height="28">{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="submit" value="{L_SUBMIT}" /> <input class="liteoption" type="reset" name="reset" value="{L_RESET}" /></td>
</tr>

</table>
</form>



<form id="fym_avatar_form" action="{L_FACEYOURMANGA_LINK_URL}" method="GET" target="_blank">
<input type="hidden" name="lang" value="{FORUM_LANGUAGE}" />
<input type="hidden" name="site" value="{FORUM_HOSTNAME}" />
</form>


<script type="text/javascript">
$(function(){
$('input[name=reset]').click(function(){
$("#pwd_good,#pwd_middle,#pwd_bad").hide();
});
$('input[name=new_password],input[name=username]').keyup(function() {
if ( $('input[name=new_password]').val() != "" )
{
var level = passwordStrength($('input[name=new_password]').val(),$('input[name=username]').val());
switch(level)
{
case 'bad' :
$("#pwd_middle,#pwd_good").hide();
$("#pwd_bad").show();
break;
case 'good' :
$("#pwd_good,#pwd_bad").hide();
$("#pwd_middle").show();
break;
case 'strong' :
$("#pwd_middle,#pwd_bad").hide();
$("#pwd_good").show();
break;
}
}
else
{
$("#pwd_middle,#pwd_good,#pwd_bad").hide();
}
});

var banner_width;
$(window).on("resize", function(){
$("#fym_banner").width(banner_width /($(window).width() < 1000 ? 1.5 : 1));
})
.load(function(){
banner_width = $("#fym_banner").width();
$(this).trigger("resize");
});
});
</script>


<div id="fb-root"></div>
<script type="text/javascript">
FB.init({
appId: '{switch_preferences_menu.switch_fb_connect.FACEBOOK_APP_ID}',
cookie : true,
xfbml : true,
oauth : true,
version : 'v2.3'
});

(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>


<br /><br /><br /><br />

Temat: Re: CSS - 10 znaków Pon Kwi 09, 2018 9:25 pm

profile_view_body

Kod:: <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_PROFILE} :></th>
</tr>
<tr>
<td class="catLeft" align="center" width="40%" height="28"><b><span class="gen">{L_USER_PRESENCE}</span></b></td>
<td class="catRight" width="60%" align="center"><b><span class="gen">{L_ABOUT_USER}</span></b></td>
</tr>
<tr>
<td class="row1" align="center" valign="top" height="120">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td valign="middle" nowrap="nowrap" align="right" width="20%"><span class="gen"> </span></td>
<td width="80%"><b><span class="gen"><div style="width: 260px; height: 410px; position: relative;"><div style="position: absolute; left: 5px; top: 5px;">{AVATAR_IMG}</div><img src="http://i.imgur.com/JgRqAyK.png" style="position: absolute; left: 0px; top: 0px;" /></div></span></b></td>
</tr>
<tr>
<td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_RANK}: </span></td>
<td><b><span class="gen">{POSTER_RANK}</span></b></td>
</tr>

<tr>
<td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_STATUT}: </span></td>
<td><b><span class="gen">{USER_ONLINE}</span></b></td>
</tr>


<tr>
<td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_FRIENDS_AND_FOES}: </span></td>
<td><span class="gen"><strong>{FRIENDSFOES}</strong></span></td>
</tr>


<tr>
<td valign="middle" nowrap="nowrap" align="right"><br /><span class="gen">{L_ADMINISTRATE_USER}: </span></td>
<td><br /><strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td>
</tr>

</table>
</td>
<td class="row1" rowspan="3" valign="top">
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td align="right" valign="top" nowrap="nowrap"><span class="gen">{L_LAST_VISITED}:  </span></td>
<td><b><span class="gen">{LAST_VISIT_TIME}</span></b></td>
</tr>

<tr>
<td align="right" valign="middle" nowrap="nowrap"><span class="gen">{L_PRIVATE_MSG}:  </span></td>
<td><b><span class="gen">{PRIVATE_MSG}</span></b></td>
</tr>


<tr id="field_id{profile_field.ID}">
<td width="40%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL}  </span></td>
<td width="60%"><div class="gen" style="font-weight:bold;">{profile_field.CONTENT}</div><br /><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
<span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
               - <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
               - <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span></td>
</tr>

</table>
</td>
</tr>
<tr>
<td class="catLeft" align="center" height="28"><b><span class="gen">{L_CONTACT} {USERNAME}</span></b></td>
</tr>
<tr>
<td class="row1" valign="top" height="{S_CONTACT_HEIGHT}">
<table width="100%" border="0" cellspacing="1" cellpadding="0">

<tr id="field_id{contact_field.ID}">
<td width="40%" align="right" valign="middle" nowrap="nowrap"><span class="gen">{contact_field.LABEL}  </span></td>
<td width="60%" valign="middle"><div class="gen" style="font-weight:bold;">{contact_field.CONTENT}</div></td>
</tr>


<tr>
<td align="right" valign="middle" nowrap="nowrap" width="50%">
<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span>
</td>
<td class="row1" valign="middle">
<table align="center">
<tr>
<td>
{ADMIN_USER_COMMENT}
</td>
</tr>
</table>
</td>
</tr>

</table>
</td>
</tr>

<tr>
<td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
</tr>
<tr>
<td class="row1" align="center" valign="top" height="6">
{RPG_IMAGE}<br /><br />
<table width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
<td align="right" valign="middle" nowrap="nowrap">
<span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span>
</td>
<td width="100%" valign="middle" nowrap="nowrap">
<b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
</td>
</tr>

</table>
</td>
<td class="row1" align="center" valign="top" height="6">
<table width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
<td align="right" valign="middle" nowrap="nowrap">
<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span>
</td>
<td width="100%" valign="baseline">
<b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
</td>
</tr>

</table>
</td>
</tr>
<tr>
<td colspan="2" align="center" class="row1">
{U_ADMIN_RPG}
</td>
</tr>

</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('[id^=field_id]').each(function(){
if ( $(this).find('.field_editable').is('span, div') )
{
$(this).hover(function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
$(this).find('.ajax-profil_edit').attr({
alt: "{L_FIELD_EDIT_VALUE}",
title: "{L_FIELD_EDIT_VALUE}"
}).click(function(){
$(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
$(this).prev().find('.ajax-profil_valid').attr({
alt: "{L_VALIDATE}",
title: "{L_VALIDATE}"
}).click(function(){
var content = new Array();
$(this).parent().find('[name]').each(function(){
var type_special = $(this).is('input[type=radio],input[type=checkbox]');
if ( (type_special && $(this).is(':checked')) || !type_special )
{
content.push(new Array($(this).attr('name'), $(this).attr('value')));
}
});
var id_name = $(this).parents('[id^=field_id]').attr('id');
var id = id_name.substring(8, id_name.length);
$.post(
"{U_AJAX_PROFILE}",
{id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
function(data){
$.each(data, function(i, item){
$('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
});
},
"json"
);
});
$(this).remove();
});
}
},function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
$(this).find('.ajax-profil_edit').remove();
}
});
}
});
});
//]]>
</script>

Temat: Re: CSS - 10 znaków Pon Kwi 09, 2018 9:25 pm

rpg_sheet

Kod:: <h1>{L_ROLEPLAY_MANAGE_TITLE}</h1>
{SOUS_MENU}
<br />
<br />

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_PROFILE}</th>
</tr>

<tr>
   <td class="row1" align="center" valign="top" height="6"><span class="postdetails"><br />
   {POSTER_RANK}</span><br />
   {RPG_IMAGE}<br />
   <br />
   <table width="100%" border="0" cellspacing="1" cellpadding="0">
      
      <tr>
         <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{rpg_fields_left.F_NAME} : </span></td>
         <td width="100%" valign="middle" nowrap="nowrap"><span class="gen"><b>{rpg_fields_left.F_VALUE}</b></span></td>
      </tr>
      
   </table>
   </td>
   <td class="row1" valign="top"><br />
   <table width="100%" border="0" cellspacing="1" cellpadding="0">
      
      <tr>
         <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{rpg_fields.F_NAME} : </span></td>
         <td width="100%" valign="baseline"><span class="gen"><b>{rpg_fields.F_VALUE}</b></span></td>
      </tr>
      
   </table>
   </td>
</tr>
</table>