Mod navigation bar

This commit is contained in:
Jai A
2020-05-18 22:20:34 -07:00
parent f80f161886
commit 625617bb20
3 changed files with 43 additions and 53 deletions

View File

@@ -31,12 +31,29 @@
margin: 0;
}
.mod-bar {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
background-color: white;
border-bottom: 1px solid darkgrey;
}
.mod-bar a {
margin: 5px 10px;
color: gray;
}
.mod-description {
width: 100%;
background-color: white;
border: 1px solid darkgrey;
border-top: none;
padding: 10px 20px;
}
.mod-description div {
margin: 0 5px;
}
.mod-sidebar {
@@ -65,8 +82,13 @@
margin: 0 auto;
}
.mod-info p{
margin: 0 ;
}
.sidebar-img {
height: 20px;
width: 20px !important;
height: 20px !important;
padding: 5px;
}

View File

@@ -1,48 +1 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<circle style="fill:#FFD93B;" cx="256" cy="256" r="256"/>
<path style="fill:#3E4347;" d="M256,420.544c-74.864,0-140.096-50.704-158.624-123.28c-1.456-5.712,1.984-11.52,7.696-12.976
c5.68-1.488,11.504,1.984,12.96,7.696c16.128,63.136,72.848,107.232,137.952,107.232s121.84-44.096,137.952-107.232
c1.44-5.712,7.248-9.184,12.976-7.696c5.712,1.456,9.152,7.264,7.696,12.976C396.096,369.84,330.864,420.544,256,420.544z"/>
<path style="fill:#F4C534;" d="M512,256c0,141.44-114.64,256-256,256c-80.48,0-152.32-37.12-199.28-95.28
c43.92,35.52,99.84,56.72,160.72,56.72c141.36,0,256-114.56,256-256c0-60.88-21.2-116.8-56.72-160.72
C474.8,103.68,512,175.52,512,256z"/>
<ellipse style="fill:#3E4347;" cx="173.328" cy="220.304" rx="39.232" ry="46.624"/>
<path style="fill:#5A5F63;" d="M191.024,210.272c-3.056,2.4-8.08,1.216-11.296-2.688s-3.376-9.136-0.32-11.536
c3.04-2.512,8.08-1.328,11.28,2.576C193.92,202.64,193.952,207.776,191.024,210.272z"/>
<ellipse style="fill:#3E4347;" cx="338.72" cy="220.304" rx="39.232" ry="46.624"/>
<path style="fill:#5A5F63;" d="M356.384,210.272c-3.056,2.4-8.08,1.216-11.296-2.688s-3.376-9.136-0.32-11.536
c3.04-2.512,8.064-1.328,11.28,2.576C359.28,202.64,359.312,207.776,356.384,210.272z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<svg height="464pt" viewBox="0 -20 464 464" width="464pt" xmlns="http://www.w3.org/2000/svg"><path d="m340 0c-44.773438.00390625-86.066406 24.164062-108 63.199219-21.933594-39.035157-63.226562-63.19531275-108-63.199219-68.480469 0-124 63.519531-124 132 0 172 232 292 232 292s232-120 232-292c0-68.480469-55.519531-132-124-132zm0 0" fill="#ff6243"/><path d="m32 132c0-63.359375 47.550781-122.359375 108.894531-130.847656-5.597656-.769532-11.242187-1.15625025-16.894531-1.152344-68.480469 0-124 63.519531-124 132 0 172 232 292 232 292s6-3.113281 16-8.992188c-52.414062-30.824218-216-138.558593-216-283.007812zm0 0" fill="#ff5023"/></svg>

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 634 B