SWAT Coding

/* NOBODY IS ALLOWED TO TOUCH THIS~ WYOSKYGUY */
body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form {
    margin: 0;
    padding: 0;
}

body {
    font-family: Trebuchet MS;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
    color: #FFF;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #FFF;
}

a {
    text-decoration: underline;
		font-weight:bold;
    color: #fff;
}

a:hover {
    text-decoration: UNDERLINE;
		font-weight:BOLD;
    color: #565656;
}

a img {
    border: 0;
}

abbr,acronym {
    border: 0;
}

address,dl,p {
    padding: 10px 0 0;
}

blockquote {
    margin: 10px 10px 0;
    background: #FFF url('images/bg_blockquote.gif') no-repeat 5px 7px;
    color: #FFF;
}

blockquote p {
    padding: 10px 10px 10px 20px;
}

blockquote blockquote {
    margin: 10px 20px;
    background: #fff;
    color: #fff;
}

blockquote blockquote p {
    padding: 10px;
}

code {
    background: #000000;
}

dt {
    font-weight: 700;
}

dd {
    padding: 0 0 5px 15px;
}

hr {
    clear: both;
    margin: 15px 0 5px;
    width: 100%;
    border: 0;
    height: 1px;
    text-align: left;
    background: url('images/bg_comment_bottom.gif') no-repeat;
}

small {
    font-size: 10px;
}

input,textarea {
    font-family: Arial, Helvetica, Georgia, sans-serif;
    font-size: 12px;
    padding: 2px;
}

input#author,input#email,input#url,textarea#comment {
    border: 1px solid #fff;
    background-color: #FFF;
    padding: 3px;
}

input#author,input#email,input#url {
    margin: 0 5px 0 0;
}

#container,#header,#menu,#menu ul li,#menu ul li a,#pagetitle,h1,#syndication,.pagewrapper,#page,.wrapper,.narrowcolumnwrapper,.narrowcolumn,.content,.post,.entry,.browse,.sidebar {
    text-align: left;
    vertical-align: top;
}

#container {
    width: 904px;
    margin: 0 auto;
    padding: 0;
}

#header {
    width: 904px;
    height: 350px;
    margin: 0 0 80px;
}

#header-box {
    top: 100px;
    left: 0;
    z-index: 100;
}

#header-image {
    margin: 0 0 10px;
    z-index: -2;
}

#header-overlay {
    display: none;
}

#pagetitle {
    clear: both;
    width: 901px;
    height: 400px;
/* THIS IS THE ACTUAL HAEDER LIKE SERIOUSLY DONT TOUCH IT ~STROMAE Lovely message Stromae !! :P ~Wyos*/
    background: url('https://swatofcp.com/wp-content/uploads/2020/04/header5.png');
    margin: 0 auto;
    border-bottom: 0 solid #edd900;
    border-top: 0 solid #000000;
    border-right: 0 solid #000000;
    border-left: 0 solid #000000;
}

#pagetitle h1 {
    padding: 36px 28px 0;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
}

#pagetitle h1 a {
    text-decoration: none;
    color: #BDB76B;
}

#menu ul li {
    display: none;
    float: left;
    z-index: 1;
}

.pagewrapper {
    margin: 0 0 100px;
    float: left;
    width: 893px;
    background: #000001 no-repeat;
    color: #000;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-top: 0px solid #fff;
}

#page {
    float: left;
    padding: 0;
    background: url('images/bg_page_top.gif') no-repeat;
}

.wrapper {
    float: left;
    width: 500px;
}

.narrowcolumnwrapper {
    margin: 10px 0 0;
    float: left;
    width: 500px;
    background: #000001 url('images/bg_narrowcol.gif') repeat-y;
}

#searchbox {
    display: none;
}

#syndication {
    display: none;
}

.narrowcolumn {
    float: left;
    width: 500px;
    background: #000001 repeat;
}

.content {
/* THIS HAS TO DO WITH POSTS ~chuck*/
    float: left;
    width: 500px;
    background: #d9d9d9;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}

.post,.page.hentry {
    padding: 9px 16px 15px;
    line-height: 18px;
}

.post h2 {
    padding: 0 0 2px;
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
}

.sticky h2 a {
    text-decoration: none;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.post h2 a {
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #000001;
}

.sticky h2 a {
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    color: #fff;
    padding: 10px;
    display: block;
    margin: 5px 0;
    border-radius: 7px;
}

.sticky h2 a {
    background-image: url('https://swatofcp.com/wp-content/uploads/2020/04/import.png');
}

.post img {
    background: none;
    padding: 0;
    border: 0 solid #000001;
    border-radius: 25px;
}

.post img.alignleft {
    float: left;
    margin: 5px 10px 0 0;
}

.post img.alignright {
    float: right;
    margin: 5px 0 0 10px;
}

img.centered,img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.post img.wp-smiley {
    border: 0;
    background: none;
    padding: 0;
}

.entry {
    max-width: 475px;
}

.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {
    padding: 9px 0 0;
}

.entry h1 {
    font-size: 20px;
    line-height: 30px;
}

.entry h2 {
    line-height: 18px;
}

.entry h3 {
    font-size: 14px;
}

.entry h4 {
    font-size: 12px;
}

.entry h5 {
    font-size: 11px;
}

.entry h6 {
    font-size: 10px;
}

#twitter_tweetbutton {
    padding-top: 10px;
}

.postinfo {
    font-size: 11px;
    font-weight:bold;
    color: #171717;
    clear: both;
}

.postinfo a {
    color: #171717;
    font-weight:bold
}

.postdate {
    color: #000;
    font-weight:bold
}

.browse {
    border-top: 1px solid #fff;
    padding: 5px 10px;
    line-height: 18px;
}

.sidebar,.obar {
    float: right;
    line-height: 18px;
    overflow: hidden;
    background: #000001 repeat;
    z-index: 1;
}

.obar {
    margin: 0;
    float: left;
    background: #000001;
    z-index: -1;
}

.sidebar ul,.obar ul {
    margin: 0;
    list-style: none;
    background: #000001 above repeat;
    z-index: 1;
}

.sidebar ul li,.obar ul li {
    margin: 5px 0 0;
    padding: 9px 16px 15px;
    background: #000001 repeat;
}

.sidebar ul li.widget_search,.obar ul li {
    padding: 15px 16px;
}

.sidebar ul li h2,.obar ul li h2 {
    font-size: 18px;
    font-weight: 900;
    line-height: 27px;
    color: #fff;
}

.sidebar ul ul li,.obar ul ul li {
    margin: 0;
    padding: 6px 0 3px;
    background: none;
    color: #fff;
}

.sidebar ul ul ul,.obar ul ul ul {
    padding: 30px 0 0;
}

.sidebar ul ul ul li,.obar ul ul ul li {
    padding: 6px 0 3px 15px;
    background: url('images/bg_arrow_right.gif') no-repeat 0 8px;
}

.sidebar ul ul ul ul li,.obar ul ul ul li {
    background: #000001;
}

.sidebar ul li select {
    width: 100%;
}

.widget_tag_cloud div,.wp_widget_tag_cloud div {
    word-wrap: break-word;
}

.widget_tag_cloud a,.wp_widget_tag_cloud a {
    line-height: 100%;
}

.post h3#comments,.post h3#respondtitle {
    line-height: 27px;
    color: #000;
}

.post h3#respondtitle {
    color: #000;
}

ol.commentlist {
    margin: 0 0 11px;
    padding: 0;
    list-style: none;
}

ol.commentlist li>div {
    padding: 13px 0;
    background: url('images/bg_comment_bottom.gif') no-repeat left bottom;
}

ol.commentlist li {
    list-style: none;
}

ol.commentlist li .commentmetadata {
    font-size: 11px;
    color: #000;
}

ol.commentlist li .commentmetadata a {
    color: #000;
}

div.navigation {
    padding-bottom: 3em;
}

form#commentform small {
    font-size: 11px;
    color: #171717;
}

#respond label {
    clear: right;
    font-size: 11px;
    color: #000;
}

#respond input[type="text"] {
    float: left;
    margin-right: 6px;
}

#respond p {
    line-height: 24px;
}

#respond .comment-form-comment label,#respond .form-allowed-tags {
    display: none;
}

#respond .required {
    font-size: 10px;
    margin-left: 5px;
    color: #171717;
    font-weight: 700;
}

#respond .subscribe-label {
    font-size: 12px;
    color: #171717;
}

#respond .comment-notes {
    font-size: 11px;
}

#respond textarea {
    width: 300px;
}

#footer {
    font-size: 11px;
    color: #fff;
    text-align: center;
    margin: 10px 0;
    background: #000001;
}

.aligncenter,div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #000;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

div.avatar {
    float: right;
    padding: 0;
    margin: 0;
}

.comment object,.comment embed {
    margin: 1em 0;
}

#header-box {
    left: 0;
    position: absolute;
    top: 33px;
    z-index: 0;
}

#header-image {
    margin: 0 0 10px;
    position: absolute;
    z-index: -2;
}
/* YEA DON'T TOUCH ANYTHING~ ZUKE */
body {
  background-image: url('https://swatofcp.com/wp-content/uploads/2020/04/site-bg2.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
}

---------
Sidebar 1
---------
<a class="effect-transparent" href="https://swatofcp.com/"><img src="https://swatofcp.com/wp-content/uploads/2020/04/welcome2.png" alt="Welcome" width="160" height="159"/></a>
<p style="color:white;">Welcome to the SWAT Team Of Club Penguin! We are one of the largest and strongest armies of Club Penguin. Our goal is not only to protect all of Club Penguin from evil, but to be the best and most fun army around. If you would like to join, go to our our Discord to chat with other fellow SWAT Agents. We hope you enjoy your stay with us!
<br><br/>
	<bold>~S.W.A.T
---------
Sidebar 2
---------
<center>
<a class="effect-transparent" href="https://discord.gg/BFvsM2C"><img src="https://swatofcp.com/wp-content/uploads/2020/04/joinnn2.png" alt="Join" /></a>
<a class="effect-transparent" href="/ranks"><img src="https://swatofcp.com/wp-content/uploads/2020/04/ranks.png" alt="Ranks" width="160" height="58"/></a>
<a class="effect-transparent" href="/uniform-2"><img src="https://swatofcp.com/wp-content/uploads/2020/04/uniform.png" alt="Uniform" width="160" height="58"/></a>
<a class="effect-transparent" href="/empire-2/"><img src="https://swatofcp.com/wp-content/uploads/2020/04/empire.png" alt="Empire" width="160" height="58"/></a>
<a class="effect-transparent" href="https://swatofcp.com/"><img src="https://swatofcp.com/wp-content/uploads/2020/04/history.png" alt="History" width="160" height="58"/></a>
<a class="effect-transparent" href="/legends-hall-of-fame"><img src="https://swatofcp.com/wp-content/uploads/2020/04/legends.png" alt="Legends" width="160" height="58"/></a>
</center>