grayscale layout for blogs and bulletins

this is the layout.

code: <style>nav .links{padding: 0 0 0 5.21667px; background: #0000;} li:not(:last-child)::after{content:none!important;} nav .links li{padding:9px; border: solid 1px #000; margin-left: -5.21667px;} .container{width:809.58333px; margin-left: 100px;} nav .links li:not(.active), td:first-child{background: linear-gradient(0deg, #777 0%, #aaa 100%)!important;} nav .links .active, td{background: linear-gradient(0deg, #bbb 0%, #666 100%)!important; box-shadow: 0 0 5px #6666 inset;} nav .links a, td{color: #fff!important; text-shadow: 0 1px 1px #0008;} button{background: linear-gradient(0deg, #ccc 0%, #aaa 100%); border: inset 3px #999;} button:hover{background: linear-gradient(0deg, #adadad 0%, #cdcdcd 100%); border: outset 3px #949494;} nav .top{background: linear-gradient(0deg, #ccc 0%, #555 100%); box-shadow: 0 7px 20px #ccc inset, 0 0px 15px #cccc inset, 0 1px 5px #ccc inset; margin: 8px 0; border-radius: 10px;}body{background: #ccc;} img.pfp-fallback, nav .top .icon, .nav .links .icon, .edit-info, a{filter: grayscale(1);}</style>