cpal backup

------
http://prntscr.com/t5sd0e
http://prntscr.com/t5sd7p
-------
<center><strong>Welcome to the</strong></center><center><strong>CP Army League </strong></center>Since 2018, it is has become our goal to be main news outlet for the Club Penguin Community. At CP Army League, we will be organizing tournaments, contests, and keeping you up to date on the latest news happening around the community. Every week, we release our weekly Top Ten rankings that help decide who the biggest armies in the community are. Feel free to discuss, debate, and be a part of army history by sharing your opinions and commenting on our staff's posts.

-CP Army League Staff

------
<a><img class="sidebar-btn aligncenter" src="https://cpoarmyleague.com/wp-content/uploads/2020/06/navi-1.png" alt="" width="156" height="92" /> </a>
<a href="https://cpoarmyleague.com/"><img class="sidebar-btn aligncenter" src="https://cpoarmyleague.com/wp-content/uploads/2020/06/Home1z.png" alt="" width="157" height="93" /> </a><a href="https://cpoarmyleague.com/index.php/about/">
<img class="sidebar-btn aligncenter" src="https://cpoarmyleague.com/wp-content/uploads/2020/06/About1z.png" alt="" width="159" height="94" /></a><a href="https://cpoarmyleague.com/index.php/guide-2/">
<img class="sidebar-btn aligncenter" src="https://cpoarmyleague.com/wp-content/uploads/2020/06/Guide1z.png" alt="" width="157" height="93" /></a>
<a href="https://cpoarmyleague.com/index.php/armies-2/"> <img class="sidebar-btn aligncenter" src="https://cpoarmyleague.com/wp-content/uploads/2020/06/Armies1z.png" alt="" width="157" height="93" /></a>
<a href="https://cpoarmyleague.com/map"><img class="sidebar-btn aligncenter" src="https://cpoarmyleague.com/wp-content/uploads/2020/06/Map1z.png" alt="" width="159" height="94" /></a>
<a href="https://cpoarmyleague.com/index.php/legends-3/"><img class="sidebar-btn aligncenter" src="https://cpoarmyleague.com/wp-content/uploads/2020/06/Legends1z.png" alt="" width="158" height="93" /></a><a href="https://cpoarmyleague.com/index.php/history/">
<img class="sidebar-btn aligncenter" src="https://cpoarmyleague.com/wp-content/uploads/2020/06/History1z.png" alt="" width="158" height="93" /></a>

-----
<a><img class="sidebar-btn aligncenter" src="https://cpoarmyleague.com/wp-content/uploads/2020/06/top10.png" alt="" width="156" height="92" /> </a>
<h2 style="text-align: center;"></h2>
<h2 style="text-align: center;"><strong>1. <span style="color: #993300;">Pirates</span></strong></h2>
<h2 style="text-align: center;"><strong>2. <span style="color: #ff6600;">Doritos</span></strong></h2>
<h2 style="text-align: center;"><strong>3. </strong><span style="color: #000000;">Dark Warriors</span></h2>
<h2 style="text-align: center;">4. <span style="color: #00ccff;">Ice Warriors</span></h2>
<h2 style="text-align: center;">5. <span style="color: #333399;">Skaters</span></h2>
<h2 style="text-align: center;">6. <span style="color: #008000;">Elites</span></h2>
<h2 style="text-align: center;"><strong>7. <span style="color: #800080;">Royal Family</span></strong></h2>
<h2 style="text-align: center;"><strong>8.<span style="color: #808080;"> Special Weapons &amp; Tactics</span></strong></h2>
<h2 style="text-align: center;"><strong>9. </strong><strong><span style="color: #cc99ff;">One Direction Army</span></strong></h2>
<h2 style="text-align: center;"><strong>10. <span style="color: #ff9900;">Golden Troops</span></strong></h2>
----
/* THIS CODE WAS CREATED BY POCHOMA123 IN 2012, UPDATED BY MRWYOSKYGUY OVER THE COURSE OF 8+ YEARS OF SPENDING TIME IN ARMIES. It has been copy and pasted from all over the army community, and I've finally gotten around to giving myself attribution for it lmao. When I got this code, it was basic and extremely default, and over the years I have experimented with a multitude of different effects, borders, and more. This code has been designed for CPOAL. */
/* TO CPOAL: You'll need to update all the images to reflect your web links. They are imgur links. To do that, just scroll through and change them. keep them within the ' and you're good. Everything is sorted for you. */
/* List of colors I used: links: #d10202, text: #000, blockquote: #fcd7d8,#f5aeb0,#820000, offwhite text i used: #fffef0*/

body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form {
    margin: 0;
    padding: 0;
}
/* This area reflects the background. Make sure that the background is deleted from it within apperance > background and just use this instead.*/
body {
    font-family: Trebuchet MS;
    font-size: 13px;
    text-align: center;
    vertical-align: top;
    background-image: url('https://imgur.com/lbbcon6.png');
    background-position: center;
    background-attachment: fixed;
}

/* This section is font family for the headings */
h1,h2,h3,h4,h5,h6 {
    font-family: Trebuchet MS;
    color: #000;
}

/* This section reflects paragraph text, and link color and effects */
a {
    text-decoration: underline;
    color: #d10202;
}

p {
    color: #000;
}

a:hover {
    text-decoration: italics, underline;
}

a img {
    border: 0;
}

abbr,acronym {
    border: 0;
}

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

blockquote {
    margin: 7px 10px 10px;
    background: #fcd7d8 repeat 5px 7px;
    border-radius: 15px;
}

blockquote p {
    padding: 10px 10px 10px 20px;
    color: #820000;
}

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

blockquote blockquote p {
    padding: 10px;
}

code {
    background: #820000;
}

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: no-repeat;
}

small {
    font-size: 10px;
}

input,textarea {
    font-family: Trebuchet MS;
    font-size: 12px;
    padding: 2px;
}

input#author,input#email,input#url,textarea#comment {
    border: 1px solid #000000;
    background-color: #c2c2c2;
    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 {
    margin: auto;
    padding: 0;
    border: 3px #000;
}

#header {
    width: 911px;
    height: 339px;
    margin: 0;
}

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

#header-image {
    margin: 0 0 100px;
    z-index: -2;
    display: none;
}

#header-overlay {
    display: none;
}

#menu {
    display: inline;
}

#menu ul {
    padding: px;
    list-style: intial;
}

#menu ul li {
    text-align: center;
    display: inline;
    font-size: 15px;
    font-weight: bold;
    background: url('images/bg_tab_right.gif') no-repeat right top;
    color: #000;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 15px;
    margin-bottom: 0;
}

#menu ul li a {
    background: #820000 repeat left top;
    display: block;
    padding: 10px 31px 15px;
    text-decoration: none;
    color: #ffdbdb;
}

#menu ul li li {
    margin: 0;
    padding: 0;
}

#pagetitle {
    clear: both;
    width: 911px;
    height: 339px;
    background: url('https://i.imgur.com/QzUR9KK.png');
    margin: 0;
}

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

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

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

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

#searchbox {
    display: none;
}

#syndication {
    display: none;
}
/* This is page css*/
.pagewrapper {
    float: left;
    width: 905px;
    background: ##fffef0 url('nothing') no-repeat left bottom;
    color: #333;
    margin: 0;
    border-left: 3px #919296 solid;
    border-right: 3px #919296 solid;
    border-top: 3px #919296 solid;
    border-bottom: 3px #919296 solid;

}

#page {
    float: left;
    background: ##fffef0 repeat;
    padding: 0;
    width: 905px;
    border: 3px #919296;
}

.wrapper {
    float: left;
    width: 500px;
    background: #fff;
}

.narrowcolumnwrapper {
    float: left;
    width: 500px;
    background: # repeat;
    margin: 5px 0 0;
}

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

.content {
    top: 0;
    float: left;
    width: 50px;
    background: #fff repeat;
    overflow: hidden;
    border: 3px 3px 3px 3px #fff solid;
}

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

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

.post h2 a {
    text-decoration: none;
    color: #d10202;
    border: 3px 3px 3px 3px #fff solid;
}

/* THIS IS THE STICKY BAR */
.sticky h2 a {
    color: #d10202;
    background-image: url('https://i.imgur.com/oLWdrHV.png');
    display: block;
    margin: 4px -;
    padding: 7px;
    border-radius: 15px;
}

/* THIS AREA IS FOR IMAGES ON THE POST. CHANGE -WEBKIT-TRANSITION TO SPEED UP OR SLOW TRANSITION DOWN. */
.post img {
    background: none;
    border: 0 solid #d10202;
    border-radius: 15px;
    float: center;
}

/* THIS CSS RELATES TO PAGE IMG CODE. */
.page img {
    background: none;
    opacity: 1;
    border: none;
    border-radius: none;
    float: center;
}

.page img:hover {
}

.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;
}

.postinfo {
    font-size: 11px;
    color: #000;
    clear: both;
}

.postinfo a {
    color: #000;
}

.postdate {
    color: #000;
}

.browse {
    border-top: 1px solid #fffef0;
    line-height: 18px;
    padding: 15px 16px;
}
/* This begins side bar work*/
.sidebar,.obar {
    float: right;
    width: 190x;
    line-height: 18px;
    overflow: hidden;
    background: #fffef0;
    margin: 0;
}

.obar {
    float: left;
    background: #fffef0;
    width: 190px;
    padding: 0;
}

.sidebar ul,.obar ul {
    list-style: none;
    padding: 0;
    background: #fffef0;
}

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

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

.sidebar ul li h2,.obar ul li h2 {
    font-size: 12px;
    font-weight: 700;
    line-height: 27px;
    color: #d10202;
}

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

.sidebar ul ul ul,.obar ul ul ul {
    padding: 3px 0 0;
    background: #fffef0;
}

.sidebar ul ul ul li,.obar ul ul ul li {
    background: #fffef0;
    padding: 5px 0 2px 15px;
}

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

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

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

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

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

ol.commentlist li>div {
    background: #c2c2c2;
    padding: 13px 0;
}

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

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

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

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

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

#footer {
    font-size: 11px;
    background: #fffef0 repeat;
    text-align: center;
    margin: 10px 0;
    display: ;
    border: 3px 3px 3px 3px #fff solid;
}

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

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

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

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

.narrowcolumnwrapper {
    float: left;
    width: 500px;
    background: #000 repeat;
    margin: 1px 0 0:;
}

.content {
    text-align: left;
    vertical-align: top;
    width: 515px;
    background: #fffef0;
    float: left;
    overflow: hidden;
}

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

div#contact-form-73 {
    color: #000;
    font-size: 14px;
}

li {
    color: #000;
}

li a {
    color: #000;
}