menu 2025-07-17 |
დასახელება:menu ავტორი:hakerboy დემო:Click, Click 2 აღწერა:ეს არის ძალიან მააგრი მენიუ ერთ საიტს დავურიპე საიტზე ნებისმიერი გადაადგილებისას ჩანს შემიფასეთ..ჩასვით<body>–ს ქვემოთ Code <style> @font-face { font-family:BPGMrgvlovaniCaps; src:url('http://srulad.com/fonts/bpg_mrgvlovani_caps_2010.ttf'); } @font-face { font-family:BPGArial; src:url('http://srulad.com/fonts/bpg_arial_2009.ttf'); } @font-face { font-family:BPGExtraSquareMtavruli; src: url("http://itmania.ge/wp-content/uploads/fonts/bpg_glaho.ttf"); src:url('http://srulad.com/fonts/bpg_extrasquare_mtavruli_2009.ttf'); } @font-face { font-family:BabukaMtavruli; src:url('http://srulad.com/fonts/babuka_mtavruli.ttf'); } @font-face { font-family: "header-font"; src: url("http://itmania.ge/wp-content/uploads/fonts/bpg_glaho.ttf"); } h1, h2, h3, h4, h5 { line-height: normal; } h1 { font-size: 1.8em; } h2 { font-size: 1.7em; } h3 { font-size: 1.35em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } a { color: #378eb7; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: 0 none; } input, textarea, select, button, body { font: 13px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; } input, textarea, select, button, a { outline: none; } p { margin-bottom: 0.4em; } .clr { clear: both; } hr { border: 0 none; border-top: 1px solid #d8d8d8; height: 1px; } ul { padding-left: 16px; list-style-position:outside; list-style-image:none; } ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; } .inv { display: none; } table { border-collapse: collapse; border-spacing: 0; } .reset, .reset li { list-style: none; padding: 0; margin: 0;text-decoration:none; } .pagebg { background:#00FFFF url("http://fc06.deviantart.net/fs71/f/2012/250/2/c/ultimate_sparkle_background_by_computerinkt-d5duo28.png") center top fixed;} .wrapper { width: 940px; text-align: left; margin: 0 auto;box-shadow:0 5px 17px #000;-moz-box-shadow:0 5px 17px #000; } .lcol, .rcol { display: inline; } .lcol { float: left; } .rcol { float: right; } .thide, .centroarts { overflow: hidden; display: block; height: 0; line-height: normal; } .rightside .bvnavi ul li a, .topmenu ul a, .argmore a, .navigation a { text-decoration: none !important; } /* CSS3 */ .btn_reglog, .rightside .block, .related, .berrors, .infoblock, .mass_comments_action, .combox { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .topmenu ul i, .morelink i, .bshead i, .sharelinks i, .related i { font-style: normal; } /* header */ .bannerhead { padding: 5px 0; position: relative; } .trost { float: left; position: absolute; top: 160px; left: 0; } .topmenu {position: relative; padding: 0 15px 0 5px; height: 48px; background-color:#3bb3e0; display:inline-block; border-bottom: 4px solid #cb5462; text-shadow: 0px 1px 0px #000; src:url(http://4saitebi.in/font/bpg_mrgvlovani_caps_2010.ttf); background: #f56778; background: -webkit-gradient(linear, left top, left bottom, from(#f997b0), to(#f56778)); background: -moz-linear-gradient(top, #f997b0, #f56778); box-shadow: inset 1px 1px 0 #fbc1d0; height:auto; width:920px;text-transform:capitalize; overflow: hidden } .topmenu ul { text-transform:capitalize; font-family: "BPGSquareMtavruli", sans-serif; inline; list-style-position: inside;line-height: 32px; font-size: 1.15em; } .topmenu ul li { font-family: "BPGSquareMtavruli", sans-serif; margin-top: 7px; } .topmenu ul li, .topmenu ul a, .topmenu ul a b, .topmenu ul a i { font-family: "BPGSquareMtavruli", sans-serif;float: left; height: 41px; } .topmenu ul a b { font-family: "BPGSquareMtavruli", sans-serif;text-transform:capitalize;font-weight: normal; } .topmenu ul a i { padding-right: 14px; font-family: "BPGSquareMtavruli", sans-serif;} .topmenu ul a { color: #fff; padding-left: 14px; font-family: "BPGSquareMtavruli", sans-serif;background: url(../images/toplinks.png) no-repeat -999px 0; } .topmenu ul a:hover { font-family: "BPGSquareMtavruli", sans-serif;text-transform:capitalize;color: #fff; text-shadow:0 1px 2px #000;} .topmenu ul a:hover i { font-family: "BPGSquareMtavruli", sans-serif;text-shadow:0 1px 3px #fff } .topmenu ul a:hover b { font-family: "BPGSquareMtavruli", sans-serif;} .hdicons { margin-top: 13px; float: right; text-align: right; } .hdicons img { margin: 0 -2px; } .header {height:168px; background: #000 url(http://www.picz.ge/img/s3/1212/31/2/2d2711b64baa.jpg) no-repeat center; } .header h1 { display: inline; } .header h1 a { margin-top: 57px; float: left; width: 373px; padding-top: 59px;; } .toolbar { padding: 0 26px;background: #fff ; height: 77px;-webkit-border-top-radius:4px; -moz-border-top-radius:4px;border-top-radius:4px; } /*login*/ .loginblock, .loginlinks { display: inline; } .loginbox { margin:0;float: left; } .loginbox li input, .searchform li input { border: 0 none; background: none; font-size: 0.9em; } .loginbox li, .searchform li { position: relative; float: left; width: 120px; height: 25px; } .loginlinks { float: left; margin-top: 26px; line-height: 24px; } .loginlinks li { float: left; margin-left: 10px; } .loginbox li.lbtn, .loginbox li.lbtn input, .searchform li.lbtn, .searchform li.lbtn input { width: 53px; } .loginbox li div { font-size: 0.9em; color: #9db5bf; padding-left: 5px; float: left; position: absolute;top: -20px; } .loginbox li.lfield input { margin: 4px 0 0 5px; width: 110px; } .loginbox li.lbtn input, .searchform li.lbtn input { height: 25px; cursor: pointer; padding-bottom: 3px; background: #469bc6 url("../images/loginform.png") no-repeat -240px 0; font-size: 1em; color: #fff; } .loginbox li.lbtn input:hover { background-position: -240px -25px; } .loginenter { margin-top: 14px; float: left; width: 536px; padding-left: 60px; } .loginenter .lcol { margin-left: -60px; width: 60px; height: 50px; overflow: hidden; } .loginenter .lcol img { width: 50px; } .loginenter .rcol { width: 100%; overflow: hidden; } .loginenter h3 { font-size: 1.1em; color: #e25cab; margin: 0 0 0 -7px; } .loginenter h3 a { color: #e25cab; } .loginenter h3 span { float: left; padding-left: 7px; margin-right: 6px; background: url("../images/vdot.png") repeat-y 0 50%; } .loginenter ul { float: left; margin-right: 20px; font-size: 0.9em; line-height: 1.3em; } /* search */ .searchform ul { margin: 26px 0 0 0; width: 150px; height: 25px; } .searchform li { float: left; height: 25px; } .searchform li.lfield { width: 148px; } .searchform li.lfield input { width: 138px; margin: 4px 0 0 5px; } .searchform li.lbtn input { background: #91b513 url("../images/searchform.png") no-repeat -148px 0; } .searchform li.lbtn input:hover { background-position: -148px -25px; } /* structure */ .vsep { width: 100%; background: #fff url("../images/vsepmid.png") repeat-y 100% 0; } .vsep .vsep { margin: 0; background: url("../images/vsepfoot.png") no-repeat 100% 100%; } .contain { padding: 0 292px 0 0; } .rightside { padding: 0 26px 36px 26px; width: 240px; margin: 0 -292px 0 0; background: url("../images/rightside.png") no-repeat; } .midside { width: 100%; } /* footer */ .footer { padding: 0 16px 0 26px; overflow: hidden; height: 60px; background: #f5d1db url("../images/footer.jpg"); } .copyright { font-size: 0.9em; margin-top: 13px; float: left; color: #8c5c71; line-height: normal; } .copyright a { color: #8c5c71; } .copyright strong { font-size: 1.1em; } .copyright strong a, .copyright strong { color: #000; } .centroarts { margin-top: 21px; width: 100px; padding-top: 22px; float: right; } .footmenu { font-size: 0.9em; padding: 0 16px 0 26px; overflow: hidden; height: 50px; background: #f5d1db url("../images/footer.jpg") no-repeat 0 -60px; } .count { float: right; width: auto; height: 31px; margin-top: 10px; } .hnavi { overflow: hidden; float: left;text-decoration:none; } .hnavi ul { float: left; text-decoration:none;} .hnavi li { float: left;text-decoration:none; padding-left: 7px; margin-right: 6px; background: url("../images/vdot.png") repeat-y 0 50%; } .footmenu .hnavi ul { margin: 16px 0 0 -7px; } .footsep { height: 37px; position: relative; } .footsep img { position: absolute; bottom: 0; right: 123px;margin-top:20px; } /* rightblocks */ .rightside .bvnavi { margin-bottom: 26px; padding: 9px 0 0 0; background: #3993c0 url("../images/bvnavi.png") no-repeat; } .rightside .bvnavi .dbtm { min-height: 198px; padding: 0 0 9px 0; overflow: hidden; background: url("../images/bvnavi.png") no-repeat -240px 100%; } .rightside .bvnavi ul { margin: -1px 16px 0 16px; font-size: 1.1em; } .rightside .bvnavi ul li { background: url("../images/bvnavidot.png") repeat-x; } .rightside .bvnavi ul li a { background: url("../images/bvnavilnk.png") no-repeat -999px 0; height: 40px; line-height: 40px; display: block; color: #fff; } .rightside .bvnavi ul li a:hover { background-position: 0 0; text-indent: 10px; } .rightside .blockad, .rightside .block { margin-bottom: 26px; } .rightside .block { background: #f9fcfe url("../images/rightblock.png") no-repeat; width: 238px; border: 1px solid #bcd1da; padding: 12px 0; } .rightside .block .dcont { margin: 0 14px; } .rightside .block .btl { font-size: 1.1em; color: #3e97c2; margin-bottom: 25px; } .bvote p { color: #e25cab; margin-bottom: 1em; } /*story*/ .banfoot { text-align: center; } .base, .basecont, .basenavi, .infoblock, .banfoot .dcont, .mass_comments_action { margin: 0 26px; } .bshead { margin-bottom: 18px; width: 100%; text-decoration:none; background: #e25cab url("../images/bshead.png") no-repeat; } .bshead .bshead { margin: 0; background: url("../images/bsheadbtm.png") no-repeat 0 100%; } .bshead h1 { line-height: normal; margin: 0 8px 4px 8px;text-decoration:none; padding-top: 4px; font-size: 1.3em; font-weight: normal; } .bshead a, .bshead { color: #fff; text-decoration:none;} .bshead p { font-size: 0.9em; height: 22px; line-height: 21px; margin: 0; } .bshead p img { float: left; position: relative; top: -7px; } .date { margin-right: 8px; float: left; height: 23px; padding: 0 15px 0 0;text-decoration:none; background: url("../images/date.png") no-repeat 100% 0; } /* moderator icons */ .isicons { float: left; text-align: left; margin-right: 8px; } .isicons ul { display: inline; } .isicons li { float: left; margin-right: 4px; } .isicons li img { vertical-align: middle; } .maincont { margin: 0 0 26px 0; overflow: hidden; } .editdate { margin-bottom: 16px; font-size: 0.9em; color: #888; font-style: italic; } .ratebox { overflow: hidden; width: 85px; height: 17px; } .morelink { height: 34px; font-size: 0.9em; } .shortstory .morelink { line-height: 23px; } .fullstory .morelink { height: auto; padding-bottom: 8px; } .morelink .row1 { line-height: 23px; margin-bottom: 6px; } .morelink .row2 { border-top: 1px solid #d9d9d9; padding-top: 8px; overflow: hidden; } .morelink .row2 .lcol { margin-top: 2px; } .morelink .ratebox { margin-top: 2px; float: right; margin-left: 8px; } .morelink .hnavi { color: #378eb7; margin-right: 10px; } .morelink .hnavi ul { margin-left: -7px; } .morelink .hnavi li { background: url("../images/moreli.png") no-repeat 0 50%; margin-right: 4px; } .argmore { display: inline; } .fullstory .argmore a { background: #e25cab url("../images/argback.png") no-repeat 100% 0; } .fullstory .argmore a:hover { background-color: #ee65bc; } .argmore a b, .argmore a { float: right; height: 23px; background: #469bc6 url("../images/argmore.png") no-repeat 100% 0; } .argmore a { color: #fff; margin-left: 10px; padding: 0 10px 0 0; } .argmore a b { float: left; padding: 0 0 0 10px; background: url("../images/argmore.png") no-repeat 0 -23px; } .argmore a:hover { background-position: 100% -46px; background-color: #4dabd6; } .argmore a:hover b { background-position: 0 -69px; } .hsep { height: 36px; border-top: 1px solid #d9d9d9; background: url("../images/hsep.png") no-repeat 50% 0; } .imagestory { float: left; width: 200px; background-color: #fff; padding-right: 13px; } .imgxv { float: left; padding: 6px 6px 0 6px; width: 188px; background: #f4f5f3 url("../images/imgxv.png") no-repeat; } .imgxv img { width: 188px; } .rateimg { background: #f4f5f3 no-repeat; width: 400px; height: 34px; overflow: hidden; text-align: center; } .rateimg .ratebox { margin: 8px auto 0 auto; text-align: left; } /* fullstory */ .fullstory .hsep { height: 20px; } .btlred { font-size: 1em; color: #e25cab; margin-bottom: 0.2em; } .dfiles { margin-bottom: 20px; padding-top: 20px; width: 100%; background: #fafbfe url("../images/dfilestop.png") no-repeat; } .dfiles .dfiles { margin: 0; padding: 0 0 20px 0; background: url("../images/dfilesbtm.png") no-repeat 0 100%; } .sharelinks, .fbtags { font-size: 0.85em; margin-bottom: 20px; } .sharelinks li { overflow: hidden; padding: 0 8px 0 83px; height: 25px; margin-bottom: 4px; background: #f5f5f5 url("../images/sharelinks.png") no-repeat 100% -25px; } .sharelinks li i { background: url("../images/sharelinks.png") no-repeat; color: #a5a5a5; float: left; margin-left: -83px; padding-left: 7px; width: 76px; height: 25px; line-height: 25px; } .sharelinks li input { margin-top: 4px; color: #5d5d5d; font-size: 1em; width: 100%; border: 0 none; background: none; } .sharelinks div { float: right; width: 100%; display: inline; } .sharepage { float: left; display: inline; margin-top: 4px; } .fbtags { color: #5d5d5d; margin-bottom: 10px; } .fbtags img { vertical-align: middle; margin-right: 4px; } .related { background-color: #f2f7f9; margin-bottom: 20px; } .related ul { padding: 1px 0 10px 0; margin: 0 10px; } .related h3 { background: url("../images/htrelated.png") no-repeat 0 100%; height: 33px; font-size: 1.2em; color: #e25cab; } .related h3 i { background: #fff url("../images/hrelated.png") no-repeat 100% 0; padding-right: 22px; float: left; height: 26px; line-height: 24px; } .related li { padding-left: 11px; background: url("../images/arrow.png") no-repeat 0 7px; } .bsocial { width: 50px; float: right; overflow: hidden; text-align: center; margin: 0 0 7px 10px; } /*errors*/ .berrors { color: #d950a1; margin-bottom: 20px; font-size: 0.9em; font-style: italic; padding: 6px 10px 6px 10px; background: #fcf5f9 url("../images/berrors.png"); line-height: normal; } /* comments */ .addcomhead { margin-bottom: 20px; } .addcomhead h2 { font-size: 1.4em; font-weight: normal; width: 100%; } .addcomhead b { color: #fff; background: #e25cab url("../images/addcomhead.png") no-repeat; width: 30px; height: 26px; line-height: 20px; text-align: center; font-size: 0.6em; float: left; margin-right: 8px; } .bcomment { padding-left: 93px; margin-bottom: 20px; } .bcomment .lcol { line-height: 1.3em; color: #818181; position: relative; font-size: 0.9em; margin-left: -93px; width: 93px; } .bcomment .lcol .arcom { position: absolute; top: 15px; right: 0; } .bcomment .lcol h3 { font-size: 1em; } .bcomment .lcol .avatar { width: 75px; overflow: hidden; margin-bottom: 0.8em; } .bcomment .lcol .avatar img { width: 75px; } .bcomment .rcol { width: 100%; } .combox { padding: 8px 8px 0 8px; background: #f2f7f9 url("../images/combox.png") repeat-x 0 100%; } .cominfo { color: #7a94a0; height: 24px; line-height: 23px; font-size: 0.9em; overflow: hidden; } .cmaincont { margin: 0 0 1em 0; } .comedit { display: inline; } .comedit ul { float: right; } .comedit ul li { float: left; margin-left: 10px; } .comedit ul li.selectmass input { float: right; margin-top: 5px; } .signature { color: #93918d; } /*pools*/ .pollvotelist { width: 70%; text-align: left; } .pollvotelist input { margin-right: 5px; } /*pages*/ .infoblock, .mass_comments_action { background-color: #f2f7f9; padding: 10px; } .basecont, .mass_comments_action, .banfoot, .infoblock { margin-bottom: 26px; } .basecbg { padding-top: 26px; width: 100%; background: url("../images/basecont.png") no-repeat; } .bcheading { font-size: 2em; color: #3e97c2; line-height: normal; font-weight: normal; margin: 0 0 0.8em 0; } .heading { font-weight: normal; font-size: 1.6em; color: #e25fac; margin-bottom: 0.5em; } /*forms*/ .tableform { width: 100%; } .tableform td { padding: 8px 0; line-height: 1.35em; } .tableform td.label { width: 25%; vertical-align: top; text-align: right; padding-right: 8px; font-weight: bold; } .tableform tr { background: url("../images/lightpoint.png") repeat-x; } .tableform tr.flast td { padding-bottom: 0; } .tableform .nostylebb tr { background: none; } .tableform .nostylebb tr td { padding: 0; } .addnews { font-weight: bold; } .impot { color: #e5372f; font-weight: normal; } .checkbox { padding: 4px 0; font-size: 0.9em; color: #939393; line-height: 1em; } .checkbox input { margin-top: -2px; vertical-align: middle; } .small { font-size: 0.85em; } .admt input { margin: 0 10px 0 60px; } .f_input { width: 300px; padding: 1px; } .f_textarea { width: 458px; height: 156px; } .fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xfields input, .xfields select { background-color: #f9fafa; border: 1px solid #d4dfe8; } .textin { padding: 2px; } /*search*/ .searchstyle { width: 480px; } .search { font-size: 11px; } .searchtable table { border-collapse: separate; border-spacing: 0; border: 0; } .searchtable fieldset legend { color: #404040; } .searchitem { font-size: 0.9em; border-bottom: 1px solid #d4dfe8; padding: 8px 21px 8px 22px; } .searchitem:hover { background-color: #f8fbfd; } #searchuser, #searchinput { width: 90% !important; } /* statistics */ .statistics { margin: 0 auto; } .statinn { text-align: left; } .statistics ul { margin-bottom: 15px; } .statistics ul li { position: relative; background: url("../images/lightpoint.png") repeat-x 0 100%; padding: 4px 0; } .statistics ul li b { position: absolute; right: 0; } /* userinfo */ .usercolomn { overflow: hidden; padding: 0 0 0 115px; margin-bottom: 9px; } .usercolomn .lcol { width: 115px; margin: 0 0 0 -115px; } .usercolomn .rcol { width: 100%; } .usercolomn .lcol img { width: 100px; } .userinfo { background: url("../images/fbtags.png") repeat-x 0 100%; padding: 8px 21px 15px 22px; } .userinfo .relhead { color: #81ac15; } .userinfo ul li span { color: #797979; } .userinfo .uirow, .userinfo .uirow2 { padding: 10px 0; } .userinfo .uirow { font-size: 0.9em; padding-top: 0; } .userinfo .uirow2 { font-size: 0.9em; background: url("../images/lightpoint.png") repeat-x 0 0; } .userinfo ul { float: left; } .boxlinks { font-size: 0.9em; padding: 10px; border: 1px solid #f5f5f5; background-color: #fefefe; margin-bottom: 3px; } /* navigation */ .storenumber { font-weight: bold; } .basenavi, .storenumber { margin-bottom: 26px; } .navigation { font-size: 1.5em; border-bottom: 2px solid #72b5d6; height: 28px; } .navigation a, .navigation span { float: left; padding: 0 2px 8px 2px; height: 20px; } .navigation a { color: #000; } .navigation span { color: #e25cab; border-bottom: 2px solid #e25cab; position: relative; top: 0; } .navigation a:hover { color: #72b5d6; } .basenavi p { margin-bottom: 0.5em; } .nprev { padding-left: 11px; background: url("../images/nprev.png") no-repeat 0 7px; } .nnext { padding-right: 11px; background: url("../images/nnext.png") no-repeat 100% 7px; } /* buttons */ .fbutton, .btn_reglog, .vresult { border: 0 none; background: none; cursor: pointer; } .btn_reglog { background: #f2f2f2 url("../images/bbcodes.png") repeat-x; border: 1px solid #c5c5c5; color: #7d7d7d; width: 108px; height: 21px; padding-bottom: 3px; font-weight: bold; } .btn_reglog:hover { background: #fff none; } .vresult { color: #3375a3; padding: 7px 3px 3px 3px; font-size: 0.9em; } .fbutton { border: 1px solid #2b6d99; width: 114px; height: 28px; color: #fff; padding: 2px 0 4px 0; background: #3c95c2 url("../images/fbutton.png") repeat-x; font-weight: bold; } .fbutton:hover { background-position: 0 -46px; } .fbutton { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0 1px 4px -2px black; -webkit-box-shadow: 0 1px 4px -2px black; box-shadow: 0 1px 4px -2px black; } .pm_status { float:left; border: 1px solid #d8d8d8; padding: 0px; background-color: #fff; width: 300px; height: 100px; margin-left: 20px; margin-right: 5px; } .pm_status_head { border-bottom: 1px solid #d8d8d8; font-size: 0.9em; background: #fff url("../images/bbcodes.png") repeat-x 0 100%; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e; } .pm_status_content { padding: 5px; } .shadowblockmenu-v{ font: bold 12px Germand; width: 200px; /* width of menu */ background:pink; -moz-box-shadow: 0 5px 18px #000; /* Add 3 inset shadows to each menu item */ -webkit-box-shadow: 0 5px 18px #000; box-shadow: 0 5px 18px #000; } .shadowblockmenu-v ul{ border: 1px solid #eee; padding: 0; margin: 0; list-style: none; } .shadowblockmenu-v ul li{ margin:0; padding:0; } .shadowblockmenu-v ul li a{ display:block; text-transform: uppercase; color: #494949; padding: 5px 15px; text-decoration: none; border-bottom: 1px solid #cacaca; border-right: 1px solid #cacaca; /*right border between menu items*/ -moz-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); /* Add inset shadow to each menu item. First 3 values in (114,114,114, 0.5) specifies rgb values, last specifies opacity */ -webkit-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); text-shadow: 0 -1px 1px #cfcfcf; /* CSS text shadow to give text some depth */ -moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .shadowblockmenu-v ul li a:hover, .shadowblockmenu-v ul li a.selected{ color: #fff;background:#E3305F;-webkit-text-shadow:0 1px 2px #000; -moz-text-shadow: 0 1px 2px #000;text-shadow:0 1px 2px #000; -moz-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); /* Add 3 inset shadows to each menu item */ -webkit-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); } @font-face {font-family: Chunk;src: url("http://line25.com/wp-content/uploads/2011/drop-cap/demo/Chunk.ttf") format("truetype");} #bs:hover {opacity:0.7;} #search { float:left; width:188px; margin-top:9px; padding: 1px 0; height:30px; } #search .text_input { border: 0 none; color: #797979; float: left; font-size: 10px; height: 11px; padding: 8px 0 7px 11px; width: 140px; } #search .submit_search { background:url(http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/search_button_green.png) no-repeat 0 0; border: 0 none; float: left; height: 35px; margin-top:-3px; width: 35px; cursor:pointer; text-indent: -9999px; } .w2bslikebox{background: url("http://www.picz.ge/img/s1/1206/3/b/bb53a40db875.png") no-repeat scroll right center transparent !important;display: block;float: left;height: 270px;padding: 0 5px 0 46px;width: 287px;z-index: 99999;position:fixed;left:-291px;top: 35%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: left;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;} .shadowblockmenu-v{ font: bold 12px Germand; width: 240px; /* width of menu */ background:pink; -moz-box-shadow: 0 5px 18px #000; /* Add 3 inset shadows to each menu item */ -webkit-box-shadow: 0 5px 18px #000; box-shadow: 0 5px 18px #000; } .shadowblockmenu-v ul{ border: 1px solid #eee; padding: 0; margin: 0; list-style: none; } .shadowblockmenu-v ul li{ margin:0; padding:0; } .shadowblockmenu-v ul li a{ display:block; text-transform: uppercase; color: #494949; padding: 5px 15px; text-decoration: none; border-bottom: 1px solid #cacaca; border-right: 1px solid #cacaca; /*right border between menu items*/ -moz-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); /* Add inset shadow to each menu item. First 3 values in (114,114,114, 0.5) specifies rgb values, last specifies opacity */ -webkit-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); text-shadow: 0 -1px 1px #cfcfcf; /* CSS text shadow to give text some depth */ -moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .shadowblockmenu-v ul li a:hover, .shadowblockmenu-v ul li a.selected{ color: #fff;background:#E3305F;-webkit-text-shadow:0 1px 2px #000; -moz-text-shadow: 0 1px 2px #000;text-shadow:0 1px 2px #000; -moz-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); /* Add 3 inset shadows to each menu item */ -webkit-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); } @font-face {font-family: Chunk;src: url("http://line25.com/wp-content/uploads/2011/drop-cap/demo/Chunk.ttf") format("truetype");} #bs:hover {opacity:0.7;} #search { float:left; width:188px; margin-top:9px; padding: 1px 0; height:30px; } #search .text_input { border: 0 none; color: #797979; float: left; font-size: 10px; height: 11px; padding: 8px 0 7px 11px; width: 140px; } #search .submit_search { background:url(http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/search_button_green.png) no-repeat 0 0; border: 0 none; float: left; height: 35px; margin-top:-3px; width: 35px; cursor:pointer; text-indent: -9999px; } .w2bslikebox{background: url("http://teenage.ge/templates/Teenage/images/cat.png") no-repeat scroll right center transparent !important;display: block;float: left;height: 200px;padding: 0 5px 0 46px;width: 280px;z-index: 99999;position:fixed;left:-287px;top: 35%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: left;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;}</style> <div class="wrapper"> <div style="position:fixed; height:auto; z-index: 999; width:940px"> <div class="topmenu"> <ul class="reset"> <div id="bs"><a href="/"><img src="http://icons.iconarchive.com/icons/kzzu/i-love-you/32/Heart-candies-icon.png" style="margin-top:6px;float:left;"/><b style=" font-size: 20px; line-height: 50px; text-transform: uppercase; " >Teenage.ge</b></a></div> <li style="margin-left:30px;"><a href="/index.php?do=rules"><i><b>წესები</b></i></a></li> <li><a href="http://teenage.ge/addnewstutorial.html"><i><b>როგორ დავამატო სიახლე?</b></i></a></li> </ul> <a href="http://www.facebook.com/tthought" style="margin-left:5px; margin-top:9px;"class="zocial facebook">ჩვენ Facebook ზე</a> <form id="search" style="float:right;" onSubmit="javascript: showBusyLayer()" method="post" action=''> <input type="hidden" name="do" value="search" /> <input type="hidden" name="subaction" value="search" /> <input name="story" onkeypress="return makeGeo(this,event);" onclick="(this.value='')" onblur="if (value ==''){this.value = 'ძიება საიტზე'}" value="ძიება საიტზე" type="text" class="text_input"/> <input type="submit" class="submit_search" name="I1"> </form> </div><br> <div style="background:#FFF;width:940px;height:37px;border-bottom-left-radius:4px; border-bottom-right-radius:4px;box-shadow:0 2px 7px #000; -moz-box-shadow:0 2px 7px #000; -webkit-box-shadow:0 2px 7px #000; " > <div style="background:#FFF;width:940px;height:5px;" ></div> <style> /*---buttons---*/ .green { background: #82cc5d; background: -moz-linear-gradient(top, #82cc5d 0%, #53b73c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82cc5d), color-stop(100%,#53b73c)); background: -webkit-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background: -o-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background: -ms-linear-gradient(top, #82cc5d 0%,#53b73c 100%); background: linear-gradient(top, #82cc5d 0%,#53b73c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82cc5d', endColorstr='#53b73c',GradientType=0 ); border: 1px solid #429E34; } .green:hover { background: #99cc80; background: -moz-linear-gradient(top, #99cc80 0%, #53b73c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc80), color-stop(100%,#53b73c)); background: -webkit-linear-gradient(top, #99cc80 0%,#53b73c 100%); background: -o-linear-gradient(top, #99cc80 0%,#53b73c 100%); background: -ms-linear-gradient(top, #99cc80 0%,#53b73c 100%); background: linear-gradient(top, #99cc80 0%,#53b73c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc80', endColorstr='#53b73c',GradientType=0 ); } .btn { cursor: pointer; display: inline-block; background-color: #E6E6E6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 13px; line-height: normal; border: 1px solid #CCC; border-bottom-color: #BBB; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; border-image: initial; } .btn:hover { background-position: 0 -15px; color: #333; text-decoration: none; } .btn:focus { outline: 1px dotted #666; text-decoration: none; } /*---buttons---*/ /*---Стиль формы---*/ .find1 { -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); display: inline-block; width: 210px; height: 20px; padding: 4px; font-size: 13px; color: gray; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-image: initial; } .find1:focus { outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } /*---Стиль формы---*/ /*---Дополнительные стили---*/ .reserlog, .resetlog li { list-style: none; padding-left: 12px; margin: 0; } /*---Дополнительные стили---*/ .button.icon:before { content: ""; position: relative; top: 1px; float:left; width: 12px; height: 12px; margin: 0 0.75em 0 -0.25em; background: url(gh-icons.png) 0 99px no-repeat; } .button.arrowup.icon:before { background-position: 0 0; } .button.arrowup.icon:hover:before, .button.arrowup.icon:focus:before, .button.arrowup.icon:active:before { background-position: -12px 0; } .button.arrowdown.icon:before { background-position: 0 -12px; } .button.arrowdown.icon:hover:before, .button.arrowdown.icon:focus:before, .button.arrowdown.icon:active:before { background-position: -12px -12px; } .button.arrowleft.icon:before { background-position: 0 -24px; } .button.arrowleft.icon:hover:before, .button.arrowleft.icon:focus:before, .button.arrowleft.icon:active:before { background-position: -12px -24px; } .button.arrowright.icon:before { float:right; margin: 0 -0.25em 0 0.5em; background-position: 0 -36px; } .button.arrowright.icon:hover:before, .button.arrowright.icon:focus:before, .button.arrowright.icon:active:before { background-position: -12px -36px; } .button.approve.icon:before { background-position: 0 -48px; } .button.approve.icon:hover:before, .button.approve.icon:focus:before, .button.approve.icon:active:before { background-position: -12px -48px; } .button.add.icon:before { background-position: 0 -288px; } .button.add.icon:hover:before, .button.add.icon:focus:before, .button.add.icon:active:before { background-position: -12px -288px; } .button.remove.icon:before { background-position: 0 -60px; } .button.remove.icon:hover:before, .button.remove.icon:focus:before, .button.remove.icon:active:before { background-position: -12px -60px; } .button.log.icon:before { background-position: 0 -72px; } .button.log.icon:hover:before, .button.log.icon:focus:before, .button.log.icon:active:before { background-position: -12px -72px; } .button.calendar.icon:before { background-position: 0 -84px; } .button.calendar.icon:hover:before, .button.calendar.icon:focus:before, .button.calendar.icon:active:before { background-position: -12px -84px; } .button.chat.icon:before { background-position: 0 -96px; } .button.chat.icon:hover:before, .button.chat.icon:focus:before, .button.chat.icon:active:before { background-position: -12px -96px; } .button.clock.icon:before { background-position: 0 -108px; } .button.clock.icon:hover:before, .button.clock.icon:focus:before, .button.clock.icon:active:before { background-position: -12px -108px; } .button.settings.icon:before { background-position: 0 -120px; } .button.settings.icon:hover:before, .button.settings.icon:focus:before, .button.settings.icon:active:before { background-position: -12px -120px; } .button.comment.icon:before { background-position: 0 -132px; } .button.comment.icon:hover:before, .button.comment.icon:focus:before, .button.comment.icon:active:before { background-position: -12px -132px; } .button.fork.icon:before { background-position: 0 -144px; } .button.fork.icon:hover:before, .button.fork.icon:focus:before, .button.fork.icon:active:before { background-position: -12px -144px; } .button.like.icon:before { background-position: 0 -156px; } .button.like.icon:hover:before, .button.like.icon:focus:before, .button.like.icon:active:before { background-position: -12px -156px; } .button.favorite.icon:before { background-position: 0 -348px; } .button.favorite.icon:hover:before, .button.favorite.icon:focus:before, .button.favorite.icon:active:before { background-position: -12px -348px; } .button.home.icon:before { background-position: 0 -168px; } .button.home.icon:hover:before, .button.home.icon:focus:before, .button.home.icon:active:before { background-position: -12px -168px; } .button.key.icon:before { background-position: 0 -180px; } .button.key.icon:hover:before, .button.key.icon:focus:before, .button.key.icon:active:before { background-position: -12px -180px; } .button.lock.icon:before { background-position: 0 -192px; } .button.lock.icon:hover:before, .button.lock.icon:focus:before, .button.lock.icon:active:before { background-position: -12px -192px; } .button.unlock.icon:before { background-position: 0 -204px; } .button.unlock.icon:hover:before, .button.unlock.icon:focus:before, .button.unlock.icon:active:before { background-position: -12px -204px; } .button.loop.icon:before { background-position: 0 -216px; } .button.loop.icon:hover:before, .button.loop.icon:focus:before, .button.loop.icon:active:before { background-position: -12px -216px; } .button.search.icon:before { background-position: 0 -228px; } .button.search.icon:hover:before, .button.search.icon:focus:before, .button.search.icon:active:before { background-position: -12px -228px; } .button.mail.icon:before { background-position: 0 -240px; } .button.mail.icon:hover:before, .button.mail.icon:focus:before, .button.mail.icon:active:before { background-position: -12px -240px; } .button.move.icon:before { background-position: 0 -252px; } .button.move.icon:hover:before, .button.move.icon:focus:before, .button.move.icon:active:before { background-position: -12px -252px; } .button.edit.icon:before { background-position: 0 -264px; } .button.edit.icon:hover:before, .button.edit.icon:focus:before, .button.edit.icon:active:before { background-position: -12px -264px; } .button.pin.icon:before { background-position: 0 -276px; } .button.pin.icon:hover:before, .button.pin.icon:focus:before, .button.pin.icon:active:before { background-position: -12px -276px; } .button.reload.icon:before { background-position: 0 -300px; } .button.reload.icon:hover:before, .button.reload.icon:focus:before, .button.reload.icon:active:before { background-position: -12px -300px; } .button.rss.icon:before { background-position: 0 -312px; } .button.rss.icon:hover:before, .button.rss.icon:focus:before, .button.rss.icon:active:before { background-position: -12px -312px; } .button.tag.icon:before { background-position: 0 -324px; } .button.tag.icon:hover:before, .button.tag.icon:focus:before, .button.tag.icon:active:before { background-position: -12px -324px; } .button.trash.icon:before { background-position: 0 -336px; } .button.trash.icon:hover:before, .button.trash.icon:focus:before, .button.trash.icon:active:before { background-position: -12px -336px; } .button.user.icon:before { background-position: 0 -360px; } .button.user.icon:hover:before, .button.user.icon:focus:before, .button.user.icon:active:before { background-position: -12px -360px; } /* ------------------------------------------------------------------------------------------------------------- BUTTON EXTENSIONS */ /* ............................................................................................................. Primary */ .button.primary { font-weight: bold; } /* ............................................................................................................. Danger */ .button.danger { color: #900; } .button.danger:hover, .button.danger:focus, .button.danger:active { border-color: #b53f3a; border-bottom-color: #a0302a; color: #fff; background-color: #dc5f59; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630)); background-image: -moz-linear-gradient(#dc5f59, #b33630); background-image: -o-linear-gradient(#dc5f59, #b33630); background-image: linear-gradient(#dc5f59, #b33630); } .button.danger:active, .button.danger.active { border-color: #a0302a; border-bottom-color: #bf4843; background-color: #b33630; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b33630), to(#dc5f59)); background-image: -moz-linear-gradient(#b33630, #dc5f59); background-image: -o-linear-gradient(#b33630, #dc5f59); background-image: linear-gradient(#b33630, #dc5f59); } .button.pill { -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; } /* ............................................................................................................. Big */ .button.big { font-size: 14px; } .button.big.icon:before { top: 0; } /* ------------------------------------------------------------------------------------------------------------- BUTTON GROUPS */ /* ............................................................................................................. Standard */ .button-group { display: inline-block; list-style: none; padding: 0; margin: 0; /* IE hacks */ zoom: 1; *display: inline; } .button + .button, .button + .button-group, .button-group + .button, .button-group + .button-group { margin-left: 15px; } .button-group li { float: left; padding: 0; margin: 0; } .button-group .button { float: left; margin-left: -1px; } .button-group > .button:not(:first-child):not(:last-child), .button-group li:not(:first-child):not(:last-child) .button { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .button-group > .button:first-child, .button-group li:first-child .button { margin-left: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .button-group > .button:last-child, .button-group li:last-child > .button { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } /* ............................................................................................................. Minor */ .button-group.minor-group .button { border: 1px solid #d4d4d4; text-shadow: none; background-image: none; background-color: #fff; } .button-group.minor-group .button:hover, .button-group.minor-group .button:focus, .button-group.minor-group .button:active { background-color: #599bdc; } .button-group.minor-group .button:active, .button-group.minor-group .button.active { background-color: #3072b3; } .button-group.minor-group .button.icon:before { opacity: 0.8; } /* ------------------------------------------------------------------------------------------------------------- BUTTON CONTAINER */ /* For mixing buttons and button groups, e.g., in a navigation bar */ .button-container .button, .button-container .button-group { vertical-align: top; } </style> <link rel="stylesheet" type="text/css" href="http://zocial.smcllns.com/css/zocial.css" /> <div class="loginblock"> <form method="post" action=""> <ul class="reset loginbox reserlog loginform"> <td><li class="find1" style="background:url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/24/Apps-preferences-desktop-user-icon.png) no-repeat right;"> <input type="text" name="login_name" /> </li></td> <td> <li class="find1" style="margin-left:5px;background:url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/24/Apps-preferences-desktop-user-password-icon.png) no-repeat right;"><input class="ltext" type="password" name="login_password" /></li> </td> <li class="btn" style="margin-left:5px;"><input onclick="submit();" type="submit" style="margin-left:9px;margin-top:1px;font-size:14px;-moz-text-shadow:0 1px 2px #fff;text-shadow:0 1px 2px #fff;" value="საიტზე შესვლა" /></li> </ul> <input style="margin-left:5px;" name="login" type="hidden" id="login" value="submit" /> <td><a href="index.php?do=register" style="margin-left:5px; "class="zocial dribbble">შემოგვიერთდით</a> <a href="http://Teenage.Ge/index.php?do=lostpassword" style="margin-left:5px; "class="zocial gmail">დაგავიწყდა პაროლი?</a> <a href="skype:teenage.ge?add" style="margin-left:5px; "class="zocial skype">კონტაქტი</a> </td> </form> </div> </div> </div> |
სულ კომენტარები: 8 | |