/* ----------------------------------------------------------- 1: GLOBAL style="background:url(https://www.giorgosyfantis.gr/images/tall_top.png) left top repeat-x #fff;" ----------------------------------------------------------- */ body, html { font-family:Tahoma,Arial,Helvetica,Verdana,san-serif; font-size:12px; background:#e3e3e3; margin:0; padding:0; line-height:1.4em; width:100%; height:100%; } /* ----------------------------------------------------------- 2: TYPOGRAPHY ----------------------------------------------------------- */ /* ----------------------------------------------------------- 3: SITE STRUCTURE Elements on all or most pages ----------------------------------------------------------- */ #wrapperM { margin:0 auto; width:980px; position:relative; } #innerM { float:left; background:#fff; padding:0; width:980px; } #header-wrap { float:left; width:980px; } #headerM{ position:relative; width:920px; float:left; padding:35px 40px 20px 20px; min-height:60px;background:url("https://www.giorgosyfantis.gr/images/menu/header-bg.png") repeat-x scroll 0 -50px #0e0000; margin: 0 auto;} #logo { float:left; width:350px; } #logo h1 { font-size:48px; margin:0; } #logo h1 a { color:#222; text-decoration:none; line-height:1em; } .inner { margin:0 auto; width:900px; } /* ----------------------------------------------------------- 5: FOOTER All footer-spesific styles ----------------------------------------------------------- */ #footerM { color:#777; } #footerM h1, #footerM h2 { color:#eee; } #footerM h3, #footerM h4 { color:#ccc; } #footerM a { color:#999; } #footerM a:hover { color:#777; } #footercredits { float:left; padding:20px 0 0; font-size:11px; border-top:1px solid #333; width:900px; } /* ----------------------------------------------------------- 12: MENUS & LISTS ----------------------------------------------------------- */ .submenu-wrap { background:url(https://www.giorgosyfantis.gr/images/menu/transp_black_90.png); margin:0px 0 0; position:absolute; padding:0; width:980px; display:none; left:0; top:72px; } .primary-li-wrap { float:left; background:#900; width:185px; margin:0; clear:none; display:inline; } /* PRIMARY MENU */ /* Wrapper */ #primary { float:left; padding:0 0 0 30px; margin:0; width:950px; position:relative; z-index:200; background:#050505; } /* Level 1 */ #primary-menu { float:left; overflow:hidden; height:73px;} #primary-menu ul { margin:0; padding:0; list-style:none; float:left; width:850px; overflow:visible; } #primary-menu li { display:inline; margin:0; padding:0; float:left; clear:none; } #primary-menu li a { display:inline; float:left; clear:none; line-height:24px; margin:0; padding:15px 15px 35px 15px; color:#eee; font-size:12px; font-weight:bold; } #primary-menu li a span { color:#999; font-size:11px; display:block; line-height:1.2em; font-weight:bold; } #primary-menu li.current-menu-item a, #primary-menu li.current-menu-parent a, #primary-menu li.current-menu-ancestor a { text-decoration:none; background-color:#444; color:#eee; } #primary-menu li.current-menu-item a span, #primary-menu li.current-menu-parent a span, #primary-menu li.current-menu-ancestor a span, #primary-menu li a:hover span, #primary-menu li a.primary-active span { color:#fff; } #primary-menu li a:hover, #primary-menu li.current-menu-item a:hover{background-color:#A50000; color:#222;} #primary-menu li a.primary-active { text-decoration:none; background-color:#A50000; color:#222; } /* Level 2 */ #primary-menu .sub-menu { float:left; display:block; height:100%; width:980px; margin:0; background: url(https://www.giorgosyfantis.gr/images/menu/sub-bg.png); border-top:10px solid #A50000; border-bottom:10px solid #050505; } #primary-menu .sub-menu li { margin:0; float:left; height:auto; width:150px; margin:0 1px 0 0; background:none; display:block; } #primary-menu .sub-menu li { padding:16px 18px 16px 19px; overflow:visible; } #primary-menu .sub-menu li.first-column { padding:16px 18px 16px 40px; } #primary-menu .sub-menu li.fifth-column { padding:16px 38px 16px 18px; } #primary-menu li.current-menu-item .sub-menu li a, #primary-menu .sub-menu li.current-menu-item a, #primary-menu .sub-menu li a { width:150px; color:#eee; margin:0; padding:6px 0 6px 0px; line-height:1.2em; background:none; float:left; clear:both; height:auto; font-size:12px; } #primary-menu .sub-menu li a img { margin:8px 0 10px 0; padding:4px; background-color:#111; border: 1px solid #444; width:142px;} #primary-menu .sub-menu li:hover { background:url(https://www.giorgosyfantis.gr/images/menu/sub-sunb-bg-hover.png) no-repeat center top; } #primary-menu .sub-menu li a span, #primary-menu .sub-menu li a span:hover, #primary-menu .sub-menu li a:hover span{ margin:6px 0 10px; color:#bbb; } #primary-menu .sub-menu li a:hover { text-decoration:none; background-color:none; margin:0; padding:6px 0 6px 0px; color:#eee; } #primary-menu li.current-menu-item .sub-menu a, #primary-menu li.current-menu-parent .sub-menu a, #primary-menu li.current-menu-ancestor .sub-menu a, #primary-menu .sub-menu a:hover, #primary-menu .sub-menu a.primary-active{background:none;} /* Level 2 variants */ #primary-menu .sub-menu li.dark-border { background:#151515; } #primary-menu .sub-menu li.dark-border a { color:#eee; } #primary-menu .sub-menu li.light-border { background:#eee; border-top:1px solid #fff; border-bottom:1px solid #ccc; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:3px 14px 9px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } #primary-menu .sub-menu li.light-border a { color:#555; border-bottom:1px solid #eee; margin:0; } #primary-menu .sub-menu li.light-border a:hover { color:#333; border-bottom:1px solid #eee; } #primary-menu .sub-menu li.exclamation { background:url(https://www.giorgosyfantis.gr/images/menu/utrop.png) no-repeat center 10px; padding-top:100px; text-align:center; } #primary-menu .sub-menu li.exclamation a { color:#555; border:none; } #primary-menu .sub-menu li.exclamation a:hover { color:#333; border:none; } #primary-menu .sub-menu li.check { background:url(https://www.giorgosyfantis.gr/images/menu/check.png) no-repeat center 10px; padding-top:110px; text-align:center; } #primary-menu .sub-menu li.check a { color:#eee; border:none; } #primary-menu .sub-menu li.check a:hover { color:#ccc; border:none; } #primary-menu .sub-menu li.teaser { text-align:right; float:left; height:auto; } #primary-menu .sub-menu li.teaser:hover { border:none; background:url(https://www.giorgosyfantis.gr/images/menu/sub-sunb-bg-hover.png) no-repeat center top; } #primary-menu .sub-menu li.teaser a { color:#eee; border:none; font-size:130%; } #primary-menu .sub-menu li.teaser a span { color:#999; line-height:1.4em; margin:4px 0 0; } #primary-menu .sub-menu li.teaser a:hover { color:#fff; border:none; } #primary-menu .sub-menu li.exclamation-white { background:#fff url(https://www.giorgosyfantis.gr/images/menu/utrop.png) no-repeat center 10px; border-top:1px solid #fff; border-bottom:1px solid #ccc; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:3px 14px 9px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding-top:100px; text-align:center; } #primary-menu .sub-menu li.exclamation-white a { color:#555; border:none; } #primary-menu .sub-menu li.exclamation-white a:hover { color:#333; border:none; } /* Level 3 */ #primary-menu .sub-menu .sub-menu { position:relative; width:150px; height:auto; margin:0 0 10px; padding:0; left:0; top:0px; background:none; float:left; border:none; } #primary-menu .sub-menu .sub-menu li, #primary-menu .sub-menu .sub-menu li:hover { padding:0; margin:0; width:150px; background:none; border:none; } #primary-menu .sub-menu .sub-menu li a, #primary-menu li.current-menu-item .sub-menu .sub-menu a, #primary-menu .sub-menu li.current-menu-item .sub-menu a, #primary-menu .sub-menu .sub-menu li.current-menu_item a { font-size:11px; padding:3px 0 3px 10px; width:165px; background:url(https://www.giorgosyfantis.gr/images/menu/listarrow.png) no-repeat left 8px; border-bottom:1px solid #252525; color:#bbb; margin:0; line-height:16px; } #primary-menu .sub-menu .sub-menu li a:hover, #primary-menu li.current-menu-item .sub-menu .sub-menu a:hover, #primary-menu .sub-menu li.current-menu-item .sub-menu a:hover, #primary-menu .sub-menu .sub-menu li.current-menu_item a:hover { background:url(https://www.giorgosyfantis.gr/images/menu/listarrow.png) no-repeat left 8px; color:#f9f9f9; } #primary-menu .sub-menu ul li a span { display:none; } /* Level 4 */ #primary-menu .sub-menu .sub-menu .sub-menu { position:relative; width:145px; height:auto; margin:0px 0; padding:0; left:0; top:0px; background:none; float:left; } #primary-menu .sub-menu .sub-menu .sub-menu li { padding:0; margin:0; width:145px; background:none; border:none; } #primary-menu .sub-menu .sub-menu .sub-menu li a span { display:none; } #primary-menu .sub-menu .sub-menu .sub-menu li a { font-size:11px; padding:0; background:none; border:none; color:#A50000; font-weight:normal; } /* Li for clearing float in menu for every 5th item */ #primary-menu .sub-menu li.menubreak { width:900px; clear:both; float:left; display:block; border:none; padding:0; } #primary-menu .sub-menu li.menubreak:hover { border:none; padding:0; } #primary-menu .sub-menu li.menubreak a { display:none; } /* HOME BUTTON */ #homebutton { float:left; height:50px; width:50px; display:block; margin:12px 20px 10px 0; } #homebutton a { height:50px; width:50px; display:block; float:left; background:url(https://www.giorgosyfantis.gr/images/menu/menu_home_icon.png) no-repeat left top; } #homebutton a:hover {background:url(https://www.giorgosyfantis.gr/images/menu/menu_home_icon_hover.png) no-repeat left top;} #homebutton a.active {background:url(https://www.giorgosyfantis.gr/images/menu/menu_home_icon_hover.png) no-repeat left top;} #homebutton a span { display:none; } /* SECONDARY MENU */ /* Wrapper */ #secondary-menu {float:left; width:600px; display:block; margin:4px 0 0; } /* UL */ #secondary-menu ul { list-style:none; margin:0; padding:0; float:left; margin:0; position:relative; z-index:999; } #secondary-menu li { display:inline; float:left; clear:none; margin-right:10px; padding:0; font-weight:normal; font-size:11px; position:relative; color:#bbb; } #secondary-menu li ul { display:none; } #secondary-menu li a { display:inline; float:left; color:#777; padding:0 10px 0 0 } #secondary-menu li span { display:none; /* Removes separator on last menu item*/ } #secondary-menu li.menu-item span { display:inline; } #secondary-menu li.menu-item-last span { display: none; } #secondary-menu li a:hover { color:#333; text-decoration:none; } /* Level 2 */ #secondary-menu ul ul { display:none; }