Difference between revisions of "Template:2016Demo"

Revision as of 22:19, 23 November 2015 (view source) Sifuentes anita (Talk | contribs) ← Older edit		Revision as of 22:40, 23 November 2015 (view source) Sifuentes anita (Talk | contribs) Newer edit →
Line 478:		Line 478:
	margin-bottom: 0px;		margin-bottom: 0px;
	}		}
		+
		+	/* al links within side menu have no decoration */
		+	#HQ_page .sideMenu a:hover {
		+	text-decoration:none;
		+	}
		+
		+	/* 2016 logo for top part of all menus */
		+	#HQ_page #home_logo {
		+	margin-bottom:10px;
		+	}
		+
		+	#HQ_page #home_logo:hover {
		+	opacity: 0.4;
		+	}
Line 486:		Line 500:
	#HQ_page #MainPage_menu ul li {		#HQ_page #MainPage_menu ul li {
	width: 183px;		width: 183px;
−
	margin-left: -30px;		margin-left: -30px;
	margin-bottom: 0px;		margin-bottom: 0px;
−
	list-style:none;		list-style:none;
	}		}
−	/*main menu item */	+	/*main menu button */
	#HQ_page .mainMenu_Title {		#HQ_page .mainMenu_Title {
	width: 152px;		width: 152px;
Line 548:		Line 560:
	}		}
−	/**************************************************************************************************************************************/
−	/*MAIN MENU SUB MENUS (NESTED LISTS) */
−	/* submenu lists */	+	/*MAIN MENU LIST UNDER TOGGLES (NESTED LISTS) */
		+
		+
		+	/* lists inside the toggle */
	#HQ_page #MainPage_menu ul li li {		#HQ_page #MainPage_menu ul li li {
	width: 183px;		width: 183px;
Line 569:		Line 582:
	}		}
−		+	/* hover for the lists inside the toggle */
	#HQ_page #MainPage_menu ul li li:hover {		#HQ_page #MainPage_menu ul li li:hover {
	border: solid 1px #5da88a;		border: solid 1px #5da88a;
Line 579:		Line 592:
		+	/************************************************/
−	/* For HUB MENUS */
−	#HQ_page #home_logo {	+	/* For HUB MENUS */
−	margin-bottom:10px;	+
−	}	+
−	#HQ_page #home_logo:hover {
−	opacity: 0.4;
−	}
−
−	#HQ_page .sideMenuTitle, #HQ_page .expand_subMenus, #HQ_page .switch_Menus {
−	height:30px;
−	padding-top:10px;
−	float:left;
−	font-weight:bold;
−	color: #4e606e;
−	background-color:#e8edaa;
−	cursor:pointer;
−	text-align:center;
−	}
−
−
−	#HQ_page .sideMenuTitle:hover, #HQ_page .expand_subMenus:hover, #HQ_page .switch_Menus:hover {
−	background-color:#f17530;
−	color:white;
−	}
		+	/*upper part of hub menus; switching between menus, menu name and collapse/expand all */
−	/* This switches between menus */	+	/* This switches between menus     " ▶ " */
	#HQ_page .switch_Menus {		#HQ_page .switch_Menus {
	width:30px;		width:30px;
Line 619:		Line 611:
−	/* This holds the title of the menu  */	+	/* This holds the title of the menu  "NAME OF HUB MENU " */
	#HQ_page .sideMenuTitle  {		#HQ_page .sideMenuTitle  {
	width:140px;		width:140px;
Line 636:		Line 628:
		+	/* declares the height and color that three elements have in common */
		+	#HQ_page .sideMenuTitle, #HQ_page .expand_subMenus, #HQ_page .switch_Menus {
		+	height:30px;
		+	padding-top:10px;
		+	float:left;
		+	font-weight:bold;
		+	color: #4e606e;
		+	background-color:#e8edaa;
		+	cursor:pointer;
		+	text-align:center;
		+	}
		+	/* declares hover state, background turns orange and font becomes white */
		+	#HQ_page .sideMenuTitle:hover, #HQ_page .expand_subMenus:hover, #HQ_page .switch_Menus:hover {
		+	background-color:#f17530;
		+	color:white;
		+	}
		+	/************************************************/
−	#HQ_page .sideMenu h4 {color: #5ba88a;}	+	/*Lists and nested lists within the hub menu */
−	#HQ_page .sideMenu a:hover {text-decoration:none;}	+
−	/*First layer of lists  (LIST ITEMS)  */
−	#HQ_page .sideMenu ul  {margin-left: 15px; list-style:disc; }
−	#HQ_page .sideMenu ol  {margin-left: 17px;}
−	#HQ_page .sideMenu ul a , #HQ_page .sideMenu ol a{font-weight:bold; color: #4e606e; }
−	#HQ_page .sideMenu ul a:hover, #HQ_page .sideMenu ol a:hover { color:#f27631;}
−
−	/*Second layer of lists  (SUBMENUS)  */
−	#HQ_page .sideMenu ul  ul { margin-left: 15px; list-style: none; color: #4e606e;}
−	#HQ_page .sideMenu ul  ul a {color: black; font-weight:normal;}
−	#HQ_page .sideMenu ul  ul a:hover { color:#f27631; cursor:pointer;}
		+	/* h4 titles used in hub menus change to turquoise */
		+	#HQ_page .sideMenu h4 {
		+	color: #5ba88a;
		+	}
		+	/* toggle ▼*/
	#HQ_page .subMenu_toggle {		#HQ_page .subMenu_toggle {
	float:right;		float:right;
Line 663:		Line 666:
−	/**********************************************************************************************************************************************************************************************************************************************/	+	/*First layer of lists  (LIST ITEMS)  */
		+	/* remove indentation in not numbered lists */
		+	#HQ_page .sideMenu ul  {
		+	margin-left: 15px;
		+	list-style:disc;
		+	}
		+	/* remove indentation in numbered lists */
		+	#HQ_page .sideMenu ol  {
		+	margin-left: 17px;
		+	}
		+	/* declare the color of links in both types of lists */
		+	#HQ_page .sideMenu ul a , #HQ_page .sideMenu ol a {
		+	font-weight:bold;
		+	color: #4e606e;
		+	}
		+	/* declare the color of links in hover state  in both types of lists */
		+	#HQ_page .sideMenu ul a:hover, #HQ_page .sideMenu ol a:hover {
		+	color:#f27631;
		+	}
		+	/*Second layer of lists  (SUBMENUS)  */
		+	/* styling for nested lists */
		+	#HQ_page .sideMenu ul  ul {
		+	margin-left: 15px;
		+	list-style: none;
		+	color: #4e606e;
		+	}
		+
		+	/* styling for links in nested lists */
		+	#HQ_page .sideMenu ul  ul a {
		+	color: black;
		+	font-weight:normal;
		+	}
		+
		+	/*styling for hover state of links in nested lists */
		+	#HQ_page .sideMenu ul  ul a:hover {
		+	color:#f27631;
		+	cursor:pointer;
		+	}
	</style>		</style>
		+
		+
		+
		+
		+
		+
		+
		+

---

Revision as of 22:40, 23 November 2015

2016

Loading ...