From GrinderScape Wiki
Jump to: navigation, search
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