wklejka css3 menu

<style data-obj="{'main':{'bgColor':{'c':'#EEE','o':1},'bgImage':{'type':'none'},'shadow':{'type':'none','x':'0','y':'2','b':'0','w':'0','o':'0.5','c':'#000'},'border':{'width':'1','color':'#CCC','o':1,'type':'solid'},'rounded':'2','font':{'s':18,'b':1,'i':0,'f':'Arial'},'padding':{'h':0},'trans':0,'item':{'fontColor':'#444','bgColor':{'c':'rgb(0,0,0)','o':'0'},'border':{'width':'0','color':'#CCC','o':1,'type':'solid'},'bgImage':{'type':'none'},'shadow':{'type':'none','x':'0','y':'2','b':'0','w':'0','o':'0.5','c':'#000'},'textShadow':{'o':'0','x':'0','y':'2','b':'0','c':'#000'},'rounded':2,'firstlastrounded':2,'padding':{'h':7,'t':7,'b':7},'innerPadding':{'h':12,'t':4,'b':4}},'hoverItem':{'fontColor':{'hover':1,'v':'#FFF'},'bgColor':{'hover':1,'v':{'c':'hsl(346,100%,60%)','o':1}},'border':{'hover':0,'v':{'width':'0','color':'#CCC','o':1,'type':'solid'}},'bgImage':{'hover':0,'v':{'type':'lgradient','o1':'1','o2':'1','dir':'270','c1':'#FFF','c2':'#000'}},'shadow':{'hover':0,'v':{'type':'normal','x':'0','y':'2','b':'0','w':'0','o':'0.5','c':'#000'}},'textShadow':{'hover':0,'v':{'o':'0','x':'0','y':'2','b':'0','c':'#000'}},'rounded':{'hover':0,'v':2},'firstlastrounded':{'hover':0,'v':2}}},'dropdown':{'minWidth':'64','bgColor':{'c':'#EEE','o':1},'bgImage':{'type':'none'},'shadow':{'type':'none','x':'0','y':'2','b':'0','w':'0','o':'0.5','c':'#000'},'border':{'width':'1','color':'#CCC','o':1,'type':'solid'},'rounded':'2','font':{'s':18,'b':1,'i':0,'f':'Arial'},'padding':{'h':0,'t':0,'b':0},'item':{'fontColor':'#444','bgColor':{'c':'rgb(0,0,0)','o':0},'bgImage':{'type':'none'},'shadow':{'type':'none','x':'0','y':'2','b':'0','w':'0','o':'0.5','c':'#000'},'textShadow':{'o':'0','x':'0','y':'2','b':'0','c':'#000'},'rounded':2,'firstlastrounded':2,'border':{'width':'0','color':'#CCC','o':1,'type':'solid'},'padding':{'h':7,'t':7,'b':7},'innerPadding':{'h':12,'t':4,'b':4}},'hoverItem':{'fontColor':{'hover':1,'v':'#FFF'},'bgColor':{'hover':1,'v':{'c':'hsl(346,100%,60%)','o':1}},'border':{'hover':0,'v':{'width':'0','color':'#CCC','o':1,'type':'solid'}},'bgImage':{'hover':0,'v':{'type':'lgradient','o1':'1','o2':'1','dir':'270','c1':'#FFF','c2':'#000'}},'shadow':{'hover':0,'v':{'type':'normal','x':'0','y':'2','b':'0','w':'0','o':'0.5','c':'#000'}},'textShadow':{'hover':0,'v':{'o':'0','x':'0','y':'2','b':'0','c':'#000'}},'rounded':{'hover':0,'v':2},'firstlastrounded':{'hover':0,'v':2}}},'menuPos':'center','caption':true,'includeobj':1}">#prof_m ul > li:last-of-type > a, #prof_m ul > li:last-of-type > span { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; ;}#prof_m ul > li:first-of-type > a, #prof_m ul > li:first-of-type > span { border-top-left-radius: 2px; border-top-right-radius: 2px; ;}#prof_m > li:last-of-type > a, #prof_m > li:last-of-type > span { border-top-right-radius: 2px; border-bottom-right-radius: 2px; ;}#prof_m > li:first-of-type > a, #prof_m > li:first-of-type > span { border-top-left-radius: 2px; border-bottom-left-radius: 2px; ;}#profilki_menu_container a:hover { background: initial; color: initial; ;}#profilki_menu_container { padding: 6px; text-align: center; vertical-align: top; ;}#profilki_menu_container * { box-sizing: border-box; ;}#prof_m { display: inline-block; border-radius: 2px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; z-index: 98; margin: 0px; padding: 0px; font: bold 18px Arial; overflow: visible; max-height: 444px; border: 1px solid rgb(204, 204, 204); transition: all 0s ease 0s; box-shadow: none; ;}ul#prof_m li, ul#prof_m li > span, ul#prof_m li > a, ul#prof_m li > a > span { font: inherit; height: auto; ;}#prof_m li { margin: 0px; padding: 4px; width: 100%; position: relative; list-style: outside none none; transition: inherit; ;}#prof_m > li { display: inline-block; padding: 7px; width: auto; ;}#prof_m ul > li { margin: 0px; display: block; padding: 7px; ;}#prof_m li > a, #prof_m li > span { color: rgb(68, 68, 68); text-decoration: none; display: inline-block; padding: 4px 12px; margin: 0px; border-radius: 2px; cursor: pointer; white-space: nowrap; transition: inherit; ;}#prof_m ul > li > a, #prof_m ul > li > span { white-space: nowrap; display: block; color: rgb(68, 68, 68); background-color: transparent; background-image: none; border-radius: 2px; border: 0px solid rgb(204, 204, 204); padding: 4px 12px; box-shadow: none; text-shadow: none; ;}#prof_m > li > a, #prof_m > li > span { transition: inherit; color: rgb(68, 68, 68); background-color: transparent; border: 0px solid rgb(204, 204, 204); background-image: none; border-radius: 2px; padding: 4px 12px; box-shadow: none; text-shadow: none; ;}#prof_m > li:hover > a, #prof_m > li:hover > span { color: rgb(255, 255, 255); background-color: rgb(255, 51, 98); ;}#prof_m ul > li:hover > a, #prof_m ul > li:hover > span { color: rgb(255, 255, 255); background-color: rgb(255, 51, 98); ;}#prof_m li:hover > ul, #prof_m li.hover > ul { display: block; ;}#prof_m ul { display: none; text-align: left; margin: 0px; padding: 0px; min-width: 72px; position: absolute; top: 100%; left: -1px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; font: bold 18px Arial; border-radius: 2px; z-index: 99; transition: inherit; overflow: visible; max-height: 999px; width: auto; border: 1px solid rgb(204, 204, 204); box-shadow: none; ;}#prof_m ul a {  ;}#prof_m ul ul { left: 100%; top: 0px; ;}</style><div id="profilki_menu_container"><ul id="prof_m"><li><span>menu</span><ul></ul></li><li><span>dwa</span><ul><li><span>trzy</span><ul><li><span>cztery</span><ul></ul></li><li><span>wtf >>></span><ul></ul></li></ul></li></ul></li></ul><a href="http://profilki.pl/dodatki/menu-rozwijane" style="position: absolute;right:2px; bottom:2px; color:white; color: white;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-size: 9px;opacity: 0.5;">profilki</a></div>