Studio4Squared - Screen Shots

body {behavior: url(http://www.studio4squared.com/modules/mod_lxmenupro/csshover.htc);} .moduletable div#mainmenu2lxmenupro, .module div#mainmenu2lxmenupro, div#mainmenu2lxmenupro { background: transparent; width: 639px; } .moduletable div#mainmenu2lxmenupro ul, .module div#mainmenu2lxmenupro ul, div#mainmenu2lxmenupro ul { margin: 0; padding: 0; } .moduletable div#mainmenu2lxmenupro li, .module div#mainmenu2lxmenupro li, div#mainmenu2lxmenupro li { float: left; position: relative; list-style: none; margin: 0; padding: 0; height: 19px; width: 160px; background-color: #6699CC; background-image: none; } .moduletable div#mainmenu2lxmenupro li:hover, .moduletable div#mainmenu2lxmenupro li.currentsub, .module div#mainmenu2lxmenupro li:hover, .module div#mainmenu2lxmenupro li.currentsub, div#mainmenu2lxmenupro li:hover, div#mainmenu2lxmenupro li.currentsub { background-color: #FFFFFF; background-image: none; z-index: 20; } .moduletable div#mainmenu2lxmenupro li.mainitem, .module div#mainmenu2lxmenupro li.mainitem, div#mainmenu2lxmenupro li.mainitem { height: 21px; width: 71px; background-color: #3D3D32; } .moduletable div#mainmenu2lxmenupro li.mainitem:hover, .moduletable div#mainmenu2lxmenupro li.currentmain, .module div#mainmenu2lxmenupro li.mainitem:hover, .module div#mainmenu2lxmenupro li.currentmain, div#mainmenu2lxmenupro li.mainitem:hover, div#mainmenu2lxmenupro li.currentmain { background-color: transparent; } .moduletable div#mainmenu2lxmenupro li a, .module div#mainmenu2lxmenupro li a, div#mainmenu2lxmenupro li a { display: block; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; color: #FFFFFF; font-size: 11px; font-family: tahoma,verdana,arial; font-weight: normal; text-align: left; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-style: solid; border-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-left-style: solid; border-left-width: 6px; border-left-color: #FFFFFF; width: auto; height: auto; } .moduletable div#mainmenu2lxmenupro li:hover>a, .moduletable div#mainmenu2lxmenupro li.currentsub>a, .module div#mainmenu2lxmenupro li:hover>a, .module div#mainmenu2lxmenupro li.currentsub>a, div#mainmenu2lxmenupro li:hover>a, div#mainmenu2lxmenupro li.currentsub>a { color: #006699; font-weight: normal; text-align: center; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-style: solid; border-color: #6699CC; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-left-style: solid; border-left-width: 6px; border-left-color: #6699CC; } .moduletable div#mainmenu2lxmenupro li.mainitem>a, .module div#mainmenu2lxmenupro li.mainitem>a, div#mainmenu2lxmenupro li.mainitem>a { padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; color: #76756d; font-size: 8px; font-family: tahoma,verdana,arial; font-weight: normal; text-align: center; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; } .moduletable div#mainmenu2lxmenupro li.mainitem:hover>a, .moduletable div#mainmenu2lxmenupro li.currentmain>a, .module div#mainmenu2lxmenupro li.mainitem:hover>a, .module div#mainmenu2lxmenupro li.currentmain>a, div#mainmenu2lxmenupro li.mainitem:hover>a, div#mainmenu2lxmenupro li.currentmain>a { color: #FDB827; font-weight: normal; text-align: center; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; } .moduletable div#mainmenu2lxmenupro ul.level1 a, .module div#mainmenu2lxmenupro ul.level1 a, div#mainmenu2lxmenupro ul.level1 a { width: auto; } .moduletable div#mainmenu2lxmenupro li.folder>a, .module div#mainmenu2lxmenupro li.folder>a, div#mainmenu2lxmenupro li.folder>a { } .moduletable div#mainmenu2lxmenupro>ul a, .module div#mainmenu2lxmenupro>ul a, div#mainmenu2lxmenupro>ul a { width: auto; } .moduletable div#mainmenu2lxmenupro ul ul, .module div#mainmenu2lxmenupro ul ul, div#mainmenu2lxmenupro ul ul { display: none; position: absolute; width: 160px; } .moduletable div#mainmenu2lxmenupro li.folder li.folder>a, .module div#mainmenu2lxmenupro li.folder li.folder>a, div#mainmenu2lxmenupro li.folder li.folder>a { background-image: url(http://www.studio4squared.com/modules/mod_lxmenupro/images/symbol/arrow_gr2.gif);background-position:98% 50%;padding-right:15px; background-repeat: no-repeat; } .moduletable div#mainmenu2lxmenupro ul.level0 li.folder:hover ul.level1, .moduletable div#mainmenu2lxmenupro ul.level1 li.folder:hover ul.level2, .moduletable div#mainmenu2lxmenupro ul.level2 li.folder:hover ul.level3, .moduletable div#mainmenu2lxmenupro ul.level3 li.folder:hover ul.level4, .moduletable div#mainmenu2lxmenupro ul.level4 li.folder:hover ul.level5, .moduletable div#mainmenu2lxmenupro ul.level5 li.folder:hover ul.level6, .moduletable div#mainmenu2lxmenupro ul.level6 li.folder:hover ul.level7, .moduletable div#mainmenu2lxmenupro ul.level7 li.folder:hover ul.level8, .moduletable div#mainmenu2lxmenupro ul.level8 li.folder:hover ul.level9, .module div#mainmenu2lxmenupro ul.level0 li.folder:hover ul.level1, .module div#mainmenu2lxmenupro ul.level1 li.folder:hover ul.level2, .module div#mainmenu2lxmenupro ul.level2 li.folder:hover ul.level3, .module div#mainmenu2lxmenupro ul.level3 li.folder:hover ul.level4, .module div#mainmenu2lxmenupro ul.level4 li.folder:hover ul.level5, .module div#mainmenu2lxmenupro ul.level5 li.folder:hover ul.level6, .module div#mainmenu2lxmenupro ul.level6 li.folder:hover ul.level7, .module div#mainmenu2lxmenupro ul.level7 li.folder:hover ul.level8, .module div#mainmenu2lxmenupro ul.level8 li.folder:hover ul.level9, div#mainmenu2lxmenupro ul.level0 li.folder:hover ul.level1, div#mainmenu2lxmenupro ul.level1 li.folder:hover ul.level2, div#mainmenu2lxmenupro ul.level2 li.folder:hover ul.level3, div#mainmenu2lxmenupro ul.level3 li.folder:hover ul.level4, div#mainmenu2lxmenupro ul.level4 li.folder:hover ul.level5, div#mainmenu2lxmenupro ul.level5 li.folder:hover ul.level6, div#mainmenu2lxmenupro ul.level6 li.folder:hover ul.level7, div#mainmenu2lxmenupro ul.level7 li.folder:hover ul.level8, div#mainmenu2lxmenupro ul.level8 li.folder:hover ul.level9 { display:block; } .moduletable div#mainmenu2lxmenupro ul.level1, .module div#mainmenu2lxmenupro ul.level1, div#mainmenu2lxmenupro ul.level1 { -moz-opacity: 0.8; } .moduletable div#mainmenu2lxmenupro ul.level1, .module div#mainmenu2lxmenupro ul.level1, div#mainmenu2lxmenupro ul.level1 { top: 21px; left: 0px; } .moduletable div#mainmenu2lxmenupro ul.level2, .moduletable div#mainmenu2lxmenupro ul.level3, .moduletable div#mainmenu2lxmenupro ul.level4, .moduletable div#mainmenu2lxmenupro ul.level5, .moduletable div#mainmenu2lxmenupro ul.level6, .moduletable div#mainmenu2lxmenupro ul.level7, .moduletable div#mainmenu2lxmenupro ul.level8, .moduletable div#mainmenu2lxmenupro ul.level9, .module div#mainmenu2lxmenupro ul.level2, .module div#mainmenu2lxmenupro ul.level3, .module div#mainmenu2lxmenupro ul.level4, .module div#mainmenu2lxmenupro ul.level5, .module div#mainmenu2lxmenupro ul.level6, .module div#mainmenu2lxmenupro ul.level7, .module div#mainmenu2lxmenupro ul.level8, .module div#mainmenu2lxmenupro ul.level9, div#mainmenu2lxmenupro ul.level2, div#mainmenu2lxmenupro ul.level3, div#mainmenu2lxmenupro ul.level4, div#mainmenu2lxmenupro ul.level5, div#mainmenu2lxmenupro ul.level6, div#mainmenu2lxmenupro ul.level7, div#mainmenu2lxmenupro ul.level8, div#mainmenu2lxmenupro ul.level9 { top: 0px; left: 160px; }

#mainmenu2_menu { display: none; }

body {behavior: url(http://www.studio4squared.com/modules/mod_lxmenupro/csshover.htc);} .moduletable div#mainmenu1lxmenupro, .module div#mainmenu1lxmenupro, div#mainmenu1lxmenupro { position: relative; top: 0px; left: 0px; background: transparent; width: auto; } .moduletable div#mainmenu1lxmenupro ul, .module div#mainmenu1lxmenupro ul, div#mainmenu1lxmenupro ul { margin: 0; padding: 0; width: 192px; height: auto; } .moduletable div#mainmenu1lxmenupro li, .module div#mainmenu1lxmenupro li, div#mainmenu1lxmenupro li { position: relative; list-style: none; margin: 0; padding: 0; height: 19px; width: 160px; background-color: #6699CC; background-image: none; } .moduletable div#mainmenu1lxmenupro li:hover, .moduletable div#mainmenu1lxmenupro li.currentsub, .module div#mainmenu1lxmenupro li:hover, .module div#mainmenu1lxmenupro li.currentsub, div#mainmenu1lxmenupro li:hover, div#mainmenu1lxmenupro li.currentsub { background-color: #FFFFFF; background-image: none; z-index: 20; } .moduletable div#mainmenu1lxmenupro li.mainitem, .module div#mainmenu1lxmenupro li.mainitem, div#mainmenu1lxmenupro li.mainitem { height: 17px; width: 192px; background-color: transparent; background-image: url(http://www.studio4squared.com/modules/mod_lxmenupro/images/background/button-OFF.gif); background-repeat: no-repeat; background-position: left; } .moduletable div#mainmenu1lxmenupro li.mainitem:hover, .moduletable div#mainmenu1lxmenupro li.currentmain, .module div#mainmenu1lxmenupro li.mainitem:hover, .module div#mainmenu1lxmenupro li.currentmain, div#mainmenu1lxmenupro li.mainitem:hover, div#mainmenu1lxmenupro li.currentmain { background-color: transparent; background-image: url(http://www.studio4squared.com/modules/mod_lxmenupro/images/background/button-ON5.gif); background-repeat: no-repeat; background-position: left; } .moduletable div#mainmenu1lxmenupro li.folder>a, .module div#mainmenu1lxmenupro li.folder>a, div#mainmenu1lxmenupro li.folder>a { background-image: url(http://www.studio4squared.com/modules/mod_lxmenupro/images/symbol/arrow_gr2.gif);background-position:98% 50%;padding-right:15px; background-repeat: no-repeat; } .moduletable div#mainmenu1lxmenupro li a, .module div#mainmenu1lxmenupro li a, div#mainmenu1lxmenupro li a { display: block; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; color: #FFFFFF; font-size: 11px; font-family: tahoma,verdana,arial; font-weight: normal; text-align: left; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-style: solid; border-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-left-style: solid; border-left-width: 6px; border-left-color: #FFFFFF; width: auto; height: auto; } .moduletable div#mainmenu1lxmenupro li:hover>a, .moduletable div#mainmenu1lxmenupro li.currentsub>a, .module div#mainmenu1lxmenupro li:hover>a, .module div#mainmenu1lxmenupro li.currentsub>a, div#mainmenu1lxmenupro li:hover>a, div#mainmenu1lxmenupro li.currentsub>a { color: #006699; font-weight: normal; text-align: center; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-style: solid; border-color: #6699CC; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-left-style: solid; border-left-width: 6px; border-left-color: #6699CC; } .moduletable div#mainmenu1lxmenupro li.mainitem>a, .module div#mainmenu1lxmenupro li.mainitem>a, div#mainmenu1lxmenupro li.mainitem>a { padding-top: 1px; padding-right: 0px; padding-bottom: 2px; padding-left: 3px; color: #a7a9ac; font-size: 11px; font-family: tahoma,verdana,arial; font-weight: normal; text-align: left; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; margin-right: 0px; padding-right: 0px; margin-left: 22px; padding-left: 3px; } .moduletable div#mainmenu1lxmenupro li.mainitem:hover>a, .moduletable div#mainmenu1lxmenupro li.currentmain>a, .module div#mainmenu1lxmenupro li.mainitem:hover>a, .module div#mainmenu1lxmenupro li.currentmain>a, div#mainmenu1lxmenupro li.mainitem:hover>a, div#mainmenu1lxmenupro li.currentmain>a { color: #a7a9ac; font-weight: normal; text-align: left; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; margin-right: 0px; padding-right: 0px; margin-left: 22px; padding-left: 3px; } .moduletable div#mainmenu1lxmenupro ul.level1 a, .module div#mainmenu1lxmenupro ul.level1 a, div#mainmenu1lxmenupro ul.level1 a { width: auto; } .moduletable div#mainmenu1lxmenupro li.folder>a, .module div#mainmenu1lxmenupro li.folder>a, div#mainmenu1lxmenupro li.folder>a { } .moduletable div#mainmenu1lxmenupro>ul a, .module div#mainmenu1lxmenupro>ul a, div#mainmenu1lxmenupro>ul a { width: auto; } .moduletable div#mainmenu1lxmenupro ul ul, .module div#mainmenu1lxmenupro ul ul, div#mainmenu1lxmenupro ul ul { display: none; position: absolute; top: 0px; left: 160px; width: 160px; } .moduletable div#mainmenu1lxmenupro ul ul.level1, .module div#mainmenu1lxmenupro ul ul.level1, div#mainmenu1lxmenupro ul ul.level1 { left: 192px; } .moduletable div#mainmenu1lxmenupro ul.level0 li.folder:hover ul.level1, .moduletable div#mainmenu1lxmenupro ul.level1 li.folder:hover ul.level2, .moduletable div#mainmenu1lxmenupro ul.level2 li.folder:hover ul.level3, .moduletable div#mainmenu1lxmenupro ul.level3 li.folder:hover ul.level4, .moduletable div#mainmenu1lxmenupro ul.level4 li.folder:hover ul.level5, .moduletable div#mainmenu1lxmenupro ul.level5 li.folder:hover ul.level6, .moduletable div#mainmenu1lxmenupro ul.level6 li.folder:hover ul.level7, .moduletable div#mainmenu1lxmenupro ul.level7 li.folder:hover ul.level8, .moduletable div#mainmenu1lxmenupro ul.level8 li.folder:hover ul.level9, .module div#mainmenu1lxmenupro ul.level0 li.folder:hover ul.level1, .module div#mainmenu1lxmenupro ul.level1 li.folder:hover ul.level2, .module div#mainmenu1lxmenupro ul.level2 li.folder:hover ul.level3, .module div#mainmenu1lxmenupro ul.level3 li.folder:hover ul.level4, .module div#mainmenu1lxmenupro ul.level4 li.folder:hover ul.level5, .module div#mainmenu1lxmenupro ul.level5 li.folder:hover ul.level6, .module div#mainmenu1lxmenupro ul.level6 li.folder:hover ul.level7, .module div#mainmenu1lxmenupro ul.level7 li.folder:hover ul.level8, .module div#mainmenu1lxmenupro ul.level8 li.folder:hover ul.level9, div#mainmenu1lxmenupro ul.level0 li.folder:hover ul.level1, div#mainmenu1lxmenupro ul.level1 li.folder:hover ul.level2, div#mainmenu1lxmenupro ul.level2 li.folder:hover ul.level3, div#mainmenu1lxmenupro ul.level3 li.folder:hover ul.level4, div#mainmenu1lxmenupro ul.level4 li.folder:hover ul.level5, div#mainmenu1lxmenupro ul.level5 li.folder:hover ul.level6, div#mainmenu1lxmenupro ul.level6 li.folder:hover ul.level7, div#mainmenu1lxmenupro ul.level7 li.folder:hover ul.level8, div#mainmenu1lxmenupro ul.level8 li.folder:hover ul.level9 { display:block; } .moduletable div#mainmenu1lxmenupro ul.level1, .module div#mainmenu1lxmenupro ul.level1, div#mainmenu1lxmenupro ul.level1 { -moz-opacity: 0.8; }

#mainmenu1_menu { display: none; }

HOME

INTERACTIVE

Content Management

Screen Shots

[ Back ]

#mainmenu2_menu { display: none; }