From GrinderScape Wiki
Line 16: | Line 16: | ||
$( "div#mw-panel" ).insertBefore( "div#content" ); | $( "div#mw-panel" ).insertBefore( "div#content" ); | ||
$( "div#content" ).wrap( "<div id='content-wrap'></div>" ); | $( "div#content" ).wrap( "<div id='content-wrap'></div>" ); | ||
− | |||
$( "<div id='breadcrumb'>Breadcrumb</div>" ).insertBefore( "div#content" ); | $( "<div id='breadcrumb'>Breadcrumb</div>" ).insertBefore( "div#content" ); | ||
$( "<div id='navigation'></div>" ).insertBefore( "div#content" ); | $( "<div id='navigation'></div>" ).insertBefore( "div#content" ); | ||
− | |||
$("div#right-navigation").appendTo("div#navigation"); | $("div#right-navigation").appendTo("div#navigation"); | ||
$("div#left-navigation").appendTo("div#navigation"); | $("div#left-navigation").appendTo("div#navigation"); | ||
Line 30: | Line 28: | ||
<style> | <style> | ||
+ | |||
+ | p { | ||
+ | line-height: 20px; | ||
+ | font-size: 14px; | ||
+ | margin: 0px; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
nav { | nav { | ||
Line 35: | Line 44: | ||
background-color: #CB5E5E; | background-color: #CB5E5E; | ||
} | } | ||
+ | |||
+ | div#wrap { | ||
+ | background-color: #776BA6; | ||
+ | width: 1200px; | ||
+ | margin: 30px auto; | ||
+ | padding: 30px 30px 0 30px; | ||
+ | } | ||
+ | |||
+ | div#mw-head { | ||
+ | position: initial; | ||
+ | } | ||
+ | |||
+ | div#p-personal { | ||
+ | position: initial; | ||
+ | text-align: right; | ||
+ | padding-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | #p-personal ul { | ||
+ | padding: 0; | ||
+ | display: inline-block; | ||
+ | background-color: #CB5E5E; | ||
+ | } | ||
+ | |||
+ | #p-personal ul li { | ||
+ | float: initial; | ||
+ | margin: 0; | ||
+ | font-size: 14px; | ||
+ | line-height: 20px; | ||
+ | display: inline-block; | ||
+ | padding: 10px; | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | div#notice { | ||
+ | background-color: #CB5E5E; | ||
+ | padding: 10px; | ||
+ | margin-bottom: 30px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | div#content-sidebar-wrap { | ||
+ | display: flex; | ||
+ | } | ||
+ | |||
+ | div#mw-panel { | ||
+ | position: initial; | ||
+ | width: 20%; | ||
+ | padding: 0px 30px 0px 0px; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | div#p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal { | ||
+ | background: #6BA673; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal h3 { | ||
+ | font-size: 14px; | ||
+ | line-height: 20px; | ||
+ | background-color: #CB5E5E; | ||
+ | padding: 10px; | ||
+ | cursor: initial; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal div.body { | ||
+ | margin: 0!important; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal div.body ul li { | ||
+ | line-height: 20px; | ||
+ | font-size: 14px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | div#content-wrap { | ||
+ | width: 80%; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | div#breadcrumb { | ||
+ | background-color: #CB5E5E; | ||
+ | margin-bottom: 30px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | div#navigation { | ||
+ | display: flex; | ||
+ | position: relative; | ||
+ | background-color: #CB5E5E; | ||
+ | } | ||
+ | |||
+ | div#left-navigation { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | div#right-navigation { | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.vectorTabs { | ||
+ | background: none; | ||
+ | padding: 0; | ||
+ | height: initial; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs ul { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs ul li { | ||
+ | background: none; | ||
+ | font-size: 0; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li.selected { | ||
+ | background: #6BA673; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs span { | ||
+ | background: none; | ||
+ | } | ||
+ | |||
+ | div.vectorTabs li a { | ||
+ | font-size: 14px; | ||
+ | line-height: 20px; | ||
+ | padding: 15px; | ||
+ | height: initial; | ||
+ | } | ||
+ | |||
</style> | </style> |
Revision as of 19:13, 19 March 2016
6 Jplayer