diff --git a/static/images/bar.png b/static/images/bar.png
new file mode 100644
index 0000000..c2dc757
Binary files /dev/null and b/static/images/bar.png differ
diff --git a/static/index.php b/static/index.php
index d3b82db..b91d728 100644
--- a/static/index.php
+++ b/static/index.php
@@ -1,175 +1,182 @@
WikiToLearn - collaborative textbooks
diff --git a/static/style.css b/static/style.css
index e5858d2..8cca887 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,180 +1,197 @@
.vertical-spacing {
height: 30px;
}
.vertical-spacing-small {
height: 15px;
}
.vertical-spacing-small-top {
height: 45px;
}
.vertical-spacing-small-bottom {
height: 21px;
}
.contributors {
margin-bottom: 0;
}
.contributors-bottom {
margin-top: 0;
}
.proudtobe {
max-height: 1em;
padding-left: 8px;
}
.style1 {font-family: Geneva, Arial, Helvetica, sans-serif}
body,td,th {
font-size: medium;
color: #313466;
}
.style2 {color: #667}
body {
background-color: #FFFFFF;
margin-right: 0px;
}
#container {
margin-left: auto;
margin-right: auto;
max-width: 800px;
height: 500px;
margin-top: 80px;
clear:both;
}
#footer {
/* margin-top: 600px; */
}
#leftlogo {
float: left;
margin-left: auto;
margin-right: auto;
padding: 100px 125px 80px;
margin-right: -30px;
}
#rightnav {
/* float: left;
*/ font-family: Source Sans Pro;
}
#rightnavmenu {
padding: 0px;
}
#rightnav li {
list-style-type: none;
padding-left: 40px;
height: 80px;
margin: 0;
}
#rightnav a {
text-decoration: none;
}
#rightnav h1 {
font-weight: normal;
color: #373737;
font-size: 2em;
padding-top: 8px;
margin-bottom: 6px;
margin-top: 0;
}
#rightnav h2 {
font-weight: normal;
font-style: italic;
color: #68b31f;
font-size: 11pt;
margin: 0;
}
#rightnav .disabled {
color: #b3b3b3;
}
/* Portrait phones and smaller */
@media (max-width: 768px) {
#rightnav h1 {
font-size: 14pt;
}
#rightnav h2 {
font-size: 10pt;
}
#spacing {
height: 30px;
}
#logo {
margin-right: 15%;
}
}
/* Larger devices */
-@media (min-width: 769px) {
+@media (min-width: 769px) {
.center-row {
display:table;
}
.logo {
width: 20%;
padding: 4%;
padding-bottom: 0.5em;
}
.logos-container {
margin-left: 25.2%;
}
.center {
display:table-cell;
vertical-align:middle;
float:none;
}
#spacing {
height: 100px;
}
#spacing-row {
display: none;
}
}
.colorbar1 {
border-left: 8px solid #83001f;
}
.colorbar2 {
border-left: 8px solid #db3e14;
}
.colorbar3 {
border-left: 8px solid #ffbc31;
}
.colorbar4 {
border-left: 8px solid #69b140;
}
.colorbar5 {
border-left: 8px solid #00613a;
}
.pagecount {
font-size:10pt;
padding-top:1em;padding-left:1em;
}
+
+
+#rightnav{
+ display: flex;
+ width: 100%;
+}
+
+#rightnavmenu{
+ margin-bottom: 0;
+}
+
+.bar{
+ width: 5px;
+ background-image: url("/images/bar.png");
+ background-size: cover;
+ -webkit-background-origin:border;
+}
\ No newline at end of file
