Line 7: | Line 7: | ||
<cfheader name="X-XSS-Protection" value="1"> | <cfheader name="X-XSS-Protection" value="1"> | ||
− | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
+ | |||
+ | <style> | ||
+ | .side-menu { | ||
+ | width: 200px; | ||
+ | position: fixed; | ||
+ | top: 35%; | ||
+ | } | ||
+ | |||
+ | .side-menu a { | ||
+ | background-color: #eee; | ||
+ | color: black; | ||
+ | display: block; | ||
+ | padding: 12px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .side-menu a:hover { | ||
+ | background-color: #ccc; | ||
+ | } | ||
+ | |||
+ | .side-menu a.title { | ||
+ | background-color: #4CAF50; | ||
+ | color: white; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div class="side-menu"> | ||
+ | <a href="#" class="title">Outreach Navigation</a> | ||
+ | <a href="#">Link 1</a> | ||
+ | <a href="#">Link 2</a> | ||
+ | <a href="#">Link 3</a> | ||
+ | <a href="#">Link 4</a> | ||
+ | |||
− | |||
− | |||
− | |||
− | |||
<div style='position:fixed; top:30%; right:2%;'> | <div style='position:fixed; top:30%; right:2%;'> |
Revision as of 01:55, 8 October 2017