92
edits
Changes
Jump to navigation
Jump to search
Created page with "<!--The following line of code hides the page title--> {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGE..."
<!--The following line of code hides the page title-->
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
{{#css:
.menubar a:visited {
color: #FFFFFF;
}
.menubar {
background-color:#3D3D3D;
height: auto;
padding: 0;
margin: 0;
font-family: "Open Sans",sans-serif;
font-style: normal;
font-weight: 200;
}
.menubar ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
}
.menubar li:first-child
{
padding-left: 10px !important;
}
.menubar li {
display: inline-block;
color: #FFFFFF;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
text-decoration: none;
}
.menubar li:hover {
background: #000000;
}
.menubar li:focus
{
background: #000000;
}
.rainbow_bar {
height: 20px;
background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
}
.menubar li a {
color: white;
padding: 20px;
}
.menubar li a:hover:not(.active) {
color: #FFFFFF;
}
.active {
color: #FFFFFF;
}
}}
<div class="menubar">
<ul role="menu">
<li role="menuitem">[[GCDigital_Community_Hub|'''Services''']]</li>
<li role="menuitem">[[GCDigital_Community_Hub|'''Updates''']]</li>
<li role="menuitem">[[GCDigital_Community_Hub|'''Events''']]</li>
<li role="menuitem">[[GCDigital_Community_Hub|'''Connect''']]</li>
<li role="menuitem">[[GCDigital_Community_Hub|'''About''']]</li>
</ul>
</div>
<div class="rainbow_bar"></div>
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
{{#css:
.menubar a:visited {
color: #FFFFFF;
}
.menubar {
background-color:#3D3D3D;
height: auto;
padding: 0;
margin: 0;
font-family: "Open Sans",sans-serif;
font-style: normal;
font-weight: 200;
}
.menubar ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
}
.menubar li:first-child
{
padding-left: 10px !important;
}
.menubar li {
display: inline-block;
color: #FFFFFF;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
text-decoration: none;
}
.menubar li:hover {
background: #000000;
}
.menubar li:focus
{
background: #000000;
}
.rainbow_bar {
height: 20px;
background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
}
.menubar li a {
color: white;
padding: 20px;
}
.menubar li a:hover:not(.active) {
color: #FFFFFF;
}
.active {
color: #FFFFFF;
}
}}
<div class="menubar">
<ul role="menu">
<li role="menuitem">[[GCDigital_Community_Hub|'''Services''']]</li>
<li role="menuitem">[[GCDigital_Community_Hub|'''Updates''']]</li>
<li role="menuitem">[[GCDigital_Community_Hub|'''Events''']]</li>
<li role="menuitem">[[GCDigital_Community_Hub|'''Connect''']]</li>
<li role="menuitem">[[GCDigital_Community_Hub|'''About''']]</li>
</ul>
</div>
<div class="rainbow_bar"></div>
