API tools faq
paste
FrozenZuke

CPAO css

FrozenZuke
Sep 15th, 2021 (edited)
25
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.29 KB | None | 0 0
raw download clone embed print report
  1. https://prnt.sc/1sdb6jv
  2. https://prnt.sc/1sdb9ii
  3. ------------------------------
  4. Sidebar 1
  5. Text:
  6. <a><img class="sidebar-btn aligncenter" src="https://www.cpaoutreach.com/wp-content/uploads/2021/09/cpao.png" alt="" width="164" height="48" /> </a>
  7.  
  8. <strong>Welcome to the</strong>
  9. <strong>CP Army Outreach</strong>
  10.  
  11. Since 2021, it is has become our goal to be main news outlet for the Club Penguin Community. At CP Army Outreach, 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.
  12.  
  13. -CP Army Outreach Staff
  14. --------------------------------
  15. Recent Post
  16. Recent Comments
  17. Search
  18. Archives
  19. Rss Feeds
  20. Archives
  21. --------------------------------
  22. Sidebar 2
  23. Recent Podcasts
  24. Text:
  25. <a><img class="sidebar-btn aligncenter" src="https://www.cpaoutreach.com/wp-content/uploads/2021/09/top-ten5.png" alt="" width="164" height="48" /> </a>
  26. <h2 style="text-align: center;"></h2>
  27. <h2 style="text-align: center;"><strong>1. <span style="color: #993300;">Pirates</span></strong></h2>
  28. <h2 style="text-align: center;"><strong>2. <span style="color: #ff6600;">Doritos</span></strong></h2>
  29. <h2 style="text-align: center;"><strong>3. </strong><span style="color: #000000;">Dark Warriors</span></h2>
  30. <h2 style="text-align: center;">4. <span style="color: #00ccff;">Ice Warriors</span></h2>
  31. <h2 style="text-align: center;">5. <span style="color: #333399;">Skaters</span></h2>
  32. <h2 style="text-align: center;">6. <span style="color: #008000;">Elites</span></h2>
  33. <h2 style="text-align: center;"><strong>7. <span style="color: #800080;">Royal Family</span></strong></h2>
  34. <h2 style="text-align: center;"><strong>8.<span style="color: #808080;"> Special Weapons &amp; Tactics</span></strong></h2>
  35. <h2 style="text-align: center;"><strong>9. </strong><strong><span style="color: #cc99ff;">One Direction Army</span></strong></h2>
  36. <h2 style="text-align: center;"><strong>10. <span style="color: #ff9900;">Golden Troops</span></strong></h2>
  37.  
  38. Text:
  39. <a><img class="sidebar-btn aligncenter" src="https://www.cpaoutreach.com/wp-content/uploads/2021/09/stats.png" alt="" width="164" height="48" /> </a>
  40. <h2 style="text-align: center;"><strong><span style="color: #fc0303;">915</span> <span style="color: #000000;">People have visited CPA Outreach.</span></strong></h2>
  41.  
  42. Text:
  43. <a><img class="sidebar-btn aligncenter" src="https://www.cpaoutreach.com/wp-content/uploads/2021/09/sponsors.png" alt="" width="164" height="48" /> </a>
  44.  
  45. ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  46.  
  47.  
  48.  
  49. /* 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. */
  50. /* 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. */
  51. /* List of colors I used: links: #d10202, text: #000, blockquote: #fcd7d8,#f5aeb0,#820000, offwhite text i used: #fffef0*/
  52.  
  53. body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form {
  54. margin: 0;
  55. padding: 0;
  56. }
  57. /* This area reflects the background. Make sure that the background is deleted from it within apperance > background and just use this instead.*/
  58. body {
  59. font-family: Trebuchet MS;
  60. font-size: 13px;
  61. text-align: center;
  62. vertical-align: top;
  63. background-image: url('https://www.cpaoutreach.com/wp-content/uploads/2021/09/background-template.png');
  64. background-position: center;
  65. background-attachment: fixed;
  66. }
  67.  
  68. /* This section is font family for the headings */
  69. h1,h2,h3,h4,h5,h6 {
  70. font-family: Trebuchet MS;
  71. color: #000;
  72. }
  73.  
  74. /* This section reflects paragraph text, and link color and effects */
  75. a {
  76. text-decoration: underline;
  77. color: #d10202;
  78. }
  79.  
  80. p {
  81. color: #000;
  82. }
  83.  
  84. a:hover {
  85. text-decoration: italics, underline;
  86. }
  87.  
  88. a img {
  89. border: 0;
  90. }
  91.  
  92. abbr,acronym {
  93. border: 0;
  94. }
  95.  
  96. address,dl,p {
  97. padding: 6px 0 0;
  98. }
  99.  
  100. blockquote {
  101. margin: 7px 10px 10px;
  102. background: #fcd7d8 repeat 5px 7px;
  103. border-radius: 15px;
  104. }
  105.  
  106. blockquote p {
  107. padding: 10px 10px 10px 20px;
  108. color: #820000;
  109. }
  110.  
  111. blockquote blockquote {
  112. margin: 10px 20px;
  113. background: #fcd7d8;
  114. color: #f5aeb0;
  115. }
  116.  
  117. blockquote blockquote p {
  118. padding: 10px;
  119. }
  120.  
  121. code {
  122. background: #820000;
  123. }
  124.  
  125. dt {
  126. font-weight: 700;
  127. }
  128.  
  129. dd {
  130. padding: 0 0 5px 15px;
  131. }
  132.  
  133. hr {
  134. clear: both;
  135. margin: 15px 0 5px;
  136. width: 100%;
  137. border: 0;
  138. height: 1px;
  139. text-align: left;
  140. background: no-repeat;
  141. }
  142.  
  143. small {
  144. font-size: 10px;
  145. }
  146.  
  147. input,textarea {
  148. font-family: Trebuchet MS;
  149. font-size: 12px;
  150. padding: 2px;
  151. }
  152.  
  153. input#author,input#email,input#url,textarea#comment {
  154. border: 1px solid #000000;
  155. background-color: #c2c2c2;
  156. padding: 3px;
  157. }
  158.  
  159. input#author,input#email,input#url {
  160. margin: 0 5px 0 0;
  161. }
  162.  
  163. #container,#header,#menu,#menu ul li,#menu ul li a,#pagetitle,h1,#syndication,.pagewrapper,#page,.wrapper,.narrowcolumnwrapper,.narrowcolumn,.content,.post,.entry,.browse,.sidebar {
  164. text-align: left;
  165. vertical-align: top;
  166. }
  167.  
  168. #container {
  169. margin: auto;
  170. padding: 0;
  171. border: 3px #000;
  172. }
  173.  
  174. #header {
  175. width: 911px;
  176. height: 443px;
  177. margin: 0px;
  178. }
  179.  
  180. #header-box {
  181. top: 0;
  182. left: 0;
  183. z-index: 0;
  184. }
  185.  
  186. #header-image {
  187. margin: 0 0 100px;
  188. z-index: -2;
  189. display: none;
  190. }
  191.  
  192. #header-overlay {
  193. display: none;
  194. }
  195.  
  196. #menu {
  197. margin-top: 384px;
  198. position: absolute;
  199. z-index: 999;
  200. margin-left: 0;
  201. border-radius: 0;
  202. width: 920px;
  203. }
  204.  
  205. #menu ul li {
  206. background: none;
  207. margin: -1px -18px -4px 0px;
  208. border-radius: 0;
  209. }
  210.  
  211. #menu ul li.current-menu-item a {
  212. background: none;
  213. text-decoration: none;
  214. }
  215. #menu {
  216. position: center;
  217. top: 10px;
  218. left: 0;
  219. background-color: red;
  220. border-bottom: 2px solid #000;
  221. text-align: center;
  222. width: 100%;
  223. z-index: 999;
  224. justify-content: center;
  225. box-shadow: rgba(0,0,0,0.3) 0 2px;
  226. background-image:url(https://www.cpaoutreach.com/wp-content/uploads/2021/09/scrolltest2.png);
  227. background-size:200px;
  228. background-position:-10px -80px;
  229. animation: menus 560s infinite;
  230. height: 50px;
  231. }
  232.  
  233. @keyframes menus{
  234. 0% {
  235. background-position: -10px -80px;
  236. }
  237. 50% {
  238. background-position: -10780px -80px;
  239. }
  240. }
  241. #menu ul li a {
  242. background: none;
  243. border-radius: 2px;
  244. border: 0px #fff solid;
  245. padding: 13px 21px;
  246. color: White;
  247. text-decoration: underline;
  248. text-shadow: 2px 2px 8px #000000;
  249. width: 95%;
  250. }
  251.  
  252. #menu ul li a:hover {
  253. background: #93051a;
  254. text-decoration: none;
  255. border-radius: 10px;
  256. border: 2px #fff solid;
  257. width: 45%
  258. }
  259.  
  260. #pagetitle {
  261. clear: both;
  262. width: 911px;
  263. height: 394px;
  264. background: url('https://www.cpaoutreach.com/wp-content/uploads/2021/09/10.png');
  265. margin: 0;
  266. }
  267.  
  268. #pagetitle h1 {
  269. padding: 36px 28px 0;
  270. font-size: 24px;
  271. font-weight: 700;
  272. letter-spacing: 1px;
  273. text-transform: uppercase;
  274. color: #fff;
  275. }
  276.  
  277. #pagetitle h1 a {
  278. text-decoration: none;
  279. color: #fff;
  280. }
  281.  
  282. #pagetitle h1 {
  283. font-size: 24px;
  284. font-weight: 700;
  285. letter-spacing: 1px;
  286. text-transform: uppercase;
  287. color: #fff;
  288. padding: 0;
  289. }
  290.  
  291. #pagetitle h1 a {
  292. text-decoration: none;
  293. color: #fff;
  294. }
  295.  
  296. #searchbox {
  297. display: none;
  298. }
  299.  
  300. #syndication {
  301. display: none;
  302. }
  303. /* This is page css*/
  304. .pagewrapper {
  305. float: left;
  306. width: 905px;
  307. background: ##fffef0 url('nothing') no-repeat left bottom;
  308. color: #333;
  309. margin: 0;
  310. border-left: 3px #919296 solid;
  311. border-right: 3px #919296 solid;
  312. border-top: 3px #919296 solid;
  313. border-bottom: 3px #919296 solid;
  314.  
  315. }
  316.  
  317. #page {
  318. float: left;
  319. background: ##fffef0 repeat;
  320. padding: 0;
  321. width: 905px;
  322. border: 3px #919296;
  323. }
  324.  
  325. .wrapper {
  326. float: left;
  327. width: 500px;
  328. background: #fff;
  329. }
  330.  
  331. .narrowcolumnwrapper {
  332. float: left;
  333. width: 500px;
  334. background: # repeat;
  335. margin: 5px 0 0;
  336. }
  337.  
  338. .narrowcolumn {
  339. float: left;
  340. width: 500px;
  341. background: #fff repeat;
  342. }
  343.  
  344. .content {
  345. top: 0;
  346. float: left;
  347. width: 50px;
  348. background: #fff repeat;
  349. overflow: hidden;
  350. border: 3px 3px 3px 3px #fff solid;
  351. }
  352.  
  353. .post {
  354. line-height: 18px;
  355. padding: 9px 16px 15px;
  356. }
  357.  
  358. .post h2 {
  359. font-size: 15px;
  360. font-weight: 0;
  361. line-height: 27px;
  362. padding: 0 0 2px;
  363. }
  364.  
  365. .post h2 a {
  366. text-decoration: none;
  367. color: #d10202;
  368. border: 3px 3px 3px 3px #fff solid;
  369. }
  370.  
  371. /* THIS IS THE STICKY BAR */
  372. .sticky h2 a {
  373. color: #fff;
  374. text-decoration: none;
  375. text-shadow: 2px 2px 6px #000000;
  376. background-image: url('https://www.cpaoutreach.com/wp-content/uploads/2021/09/sticky10.png');
  377. display: block;
  378. margin: 4px -;
  379. padding: 7px;
  380. border-radius: 15px;
  381. }
  382.  
  383. /* THIS AREA IS FOR IMAGES ON THE POST. CHANGE -WEBKIT-TRANSITION TO SPEED UP OR SLOW TRANSITION DOWN. */
  384. .post img {
  385. background: none;
  386. border: 0 solid #d10202;
  387. border-radius: 15px;
  388. float: center;
  389. }
  390.  
  391. /* THIS CSS RELATES TO PAGE IMG CODE. */
  392. .page img {
  393. background: none;
  394. opacity: 1;
  395. border: none;
  396. border-radius: none;
  397. float: center;
  398. }
  399.  
  400. .page img:hover {
  401. }
  402.  
  403. .post img.alignleft {
  404. float: left;
  405. margin: 5px 10px 0 0;
  406. }
  407.  
  408. .post img.alignright {
  409. float: right;
  410. margin: 5px 0 0 10px;
  411. }
  412.  
  413. img.centered,img.aligncenter {
  414. display: block;
  415. margin-left: auto;
  416. margin-right: auto;
  417. }
  418.  
  419. .alignright {
  420. float: right;
  421. }
  422.  
  423. .alignleft {
  424. float: left;
  425. }
  426.  
  427. .post img.wp-smiley {
  428. border: 0;
  429. background: none;
  430. padding: 0;
  431. }
  432.  
  433. .entry {
  434. max-width: 475px;
  435. }
  436.  
  437. .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {
  438. padding: 9px 0 0;
  439. }
  440.  
  441. .entry h1 {
  442. font-size: 20px;
  443. line-height: 30px;
  444. }
  445.  
  446. .entry h2 {
  447. line-height: 18px;
  448. }
  449.  
  450. .entry h3 {
  451. font-size: 14px;
  452. }
  453.  
  454. .entry h4 {
  455. font-size: 12px;
  456. }
  457.  
  458. .entry h5 {
  459. font-size: 11px;
  460. }
  461.  
  462. .entry h6 {
  463. font-size: 10px;
  464. }
  465.  
  466. .postinfo {
  467. font-size: 11px;
  468. color: #000;
  469. clear: both;
  470. }
  471.  
  472. .postinfo a {
  473. color: #000;
  474. }
  475.  
  476. .postdate {
  477. color: #000;
  478. }
  479.  
  480. .browse {
  481. border-top: 1px solid #fffef0;
  482. line-height: 18px;
  483. padding: 15px 16px;
  484. }
  485. /* This begins side bar work*/
  486. .sidebar,.obar {
  487. float: right;
  488. width: 190x;
  489. line-height: 18px;
  490. overflow: hidden;
  491. background: #fffef0;
  492. margin: 0;
  493. }
  494.  
  495. .obar {
  496. float: left;
  497. background: #fffef0;
  498. width: 190px;
  499. padding: 0;
  500. }
  501.  
  502. .sidebar ul,.obar ul {
  503. list-style: none;
  504. padding: 0;
  505. background: #fffef0;
  506. }
  507.  
  508. .sidebar ul li,.obar ul li {
  509. background: #fffef0;
  510. }
  511.  
  512. .sidebar ul li.widget_search,.obar ul li {
  513. padding: 15px 16px;
  514. }
  515.  
  516. .sidebar ul li h2,.obar ul li h2 {
  517. font-size: 12px;
  518. font-weight: 700;
  519. line-height: 27px;
  520. color: #d10202;
  521. }
  522.  
  523. .sidebar ul ul li,.obar ul ul li {
  524. background: #fffef0;
  525. margin: 0;
  526. padding: 6px 0 3px;
  527. }
  528.  
  529. .sidebar ul ul ul,.obar ul ul ul {
  530. padding: 3px 0 0;
  531. background: #fffef0;
  532. }
  533.  
  534. .sidebar ul ul ul li,.obar ul ul ul li {
  535. background: #fffef0;
  536. padding: 5px 0 2px 15px;
  537. }
  538.  
  539. .sidebar ul ul ul ul li,.obar ul ul ul li {
  540. background: #fffef0;
  541. }
  542.  
  543. .sidebar ul li select {
  544. width: 100%;
  545. }
  546.  
  547. .post h3#comments,.post h3#respondtitle {
  548. line-height: 27px;
  549. color: #fffef0;
  550. }
  551.  
  552. .post h3#respondtitle {
  553. color: #fffef0;
  554. }
  555.  
  556. ol.commentlist {
  557. list-style: none;
  558. margin: 0 0 11px;
  559. padding: 0;
  560. }
  561.  
  562. ol.commentlist li>div {
  563. background: #c2c2c2;
  564. padding: 13px 0;
  565. }
  566.  
  567. ol.commentlist li {
  568. list-style: none;
  569. }
  570.  
  571. ol.commentlist li .commentmetadata {
  572. font-size: 11px;
  573. color: #d10202;
  574. }
  575.  
  576. ol.commentlist li .commentmetadata a {
  577. color: #d10202;
  578. }
  579.  
  580. div.navigation {
  581. padding-bottom: 3em;
  582. }
  583.  
  584. form#commentform small {
  585. font-size: 11px;
  586. }
  587.  
  588. #footer {
  589. font-size: 11px;
  590. background: #fffef0 repeat;
  591. text-align: center;
  592. margin: 10px 0;
  593. display: ;
  594. border: 3px 3px 3px 3px #fff solid;
  595. }
  596.  
  597. .aligncenter,div.aligncenter {
  598. display: block;
  599. margin-left: auto;
  600. margin-right: auto;
  601. }
  602.  
  603. .wp-caption {
  604. border: 1px solid #c29b9b;
  605. text-align: center;
  606. background-color: #fcd2d2;
  607. padding-top: 4px;
  608. -moz-border-radius: 3px;
  609. -khtml-border-radius: 3px;
  610. -webkit-border-radius: 3px;
  611. border-radius: 3px;
  612. margin: 10px;
  613. }
  614.  
  615. .wp-caption img {
  616. border: 0 none;
  617. margin: 0;
  618. padding: 0;
  619. }
  620.  
  621. .wp-caption p.wp-caption-text {
  622. font-size: 11px;
  623. line-height: 17px;
  624. margin: 0;
  625. padding: 0 4px 5px;
  626. color: #000000;
  627. }
  628.  
  629. .narrowcolumnwrapper {
  630. float: left;
  631. width: 500px;
  632. background: #000 repeat;
  633. margin: 1px 0 0:;
  634. }
  635.  
  636. .content {
  637. text-align: left;
  638. vertical-align: top;
  639. width: 515px;
  640. background: #fffef0;
  641. float: left;
  642. overflow: hidden;
  643. }
  644.  
  645. div.avatar {
  646. float: right;
  647. margin: 0;
  648. padding: 0;
  649. }
  650.  
  651. div#contact-form-73 {
  652. color: #000;
  653. font-size: 14px;
  654. }
  655.  
  656. li {
  657. color: #000;
  658. }
  659.  
  660. li a {
  661. color: #000;
  662. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!