FrozenZuke

IW Site CSS 9/17/2020

Sep 17th, 2020
24
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.86 KB | None | 0 0
  1. body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form {
  2. margin: 0;
  3. padding: 0;
  4. }
  5.  
  6. img {
  7. border-radius: 10px;
  8. }
  9.  
  10. #menu ul li a {
  11. text-shadow: rgba(0,0,0,0.2) 2.5px 2.5px;
  12. }
  13.  
  14. .post {
  15. border-radius: 10px;
  16. margin-left: 0;
  17. margin-right: 0;
  18. margin-top: 0;
  19. }
  20.  
  21. .post:hover {
  22. background: rgba(0,140,255,0.1);
  23. }
  24.  
  25. .content img {
  26. max-width: 420px;
  27. margin-bottom: 5px;
  28. }
  29.  
  30. .content {
  31. top: 10px;
  32. float: left;
  33. width: 500px;
  34. overflow: hidden;
  35. background: repeat center;
  36. background-image: url('https://theicewarriorsarmy.files.wordpress.com/2019/12/iwpost_zpspam1sco8.png');
  37. background-position: 0 10px;
  38. border: 2px rgba(0,140,255,1) solid;
  39. border-radius: 10px;
  40. margin-top: 10px;
  41. box-shadow: rgba(0,140,255,0.5) 0 0 5px;
  42. }
  43.  
  44. body {
  45. margin-top: 20px;
  46. font-family: Trebuchet MS;
  47. font-size: 13px;
  48. text-align: center;
  49. vertical-align: top;
  50. color: #61380b;
  51. background: url('https://theicewarriorsarmy.files.wordpress.com/2019/12/iceouterbg.png') fixed;
  52. background-size: cover;
  53. }
  54.  
  55. h1,h2,h3,h4,h5,h6 {
  56. font-family: Trebuchet MS;
  57. font-size: 17px;
  58. }
  59.  
  60. a {
  61. text-decoration: underline;
  62. color: #007eff;
  63. }
  64.  
  65. a:hover {
  66. text-decoration: none;
  67. }
  68.  
  69. a img {
  70. border: 0;
  71. }
  72.  
  73. abbr,acronym {
  74. border: 0;
  75. }
  76.  
  77. address,dl,p {
  78. padding: 10px 0 0;
  79. }
  80.  
  81. blockquote {
  82. margin: 10px 10px 0;
  83. background: #00f url('https://s1.wp.com/images/bg_blockquote.gif') no-repeat 5px 7px;
  84. color: #fff;
  85. }
  86.  
  87. blockquote p {
  88. padding: 10px 10px 10px 20px;
  89. }
  90.  
  91. blockquote blockquote {
  92. margin: 10px 20px;
  93. background: #0096ff;
  94. color: #fff;
  95. }
  96.  
  97. blockquote blockquote p {
  98. padding: 10px;
  99. }
  100.  
  101. code {
  102. background: #001c6b;
  103. }
  104.  
  105. dt {
  106. font-weight: 700;
  107. }
  108.  
  109. dd {
  110. padding: 0 0 5px 15px;
  111. }
  112.  
  113. hr {
  114. clear: both;
  115. margin: 15px 0 5px;
  116. width: 100%;
  117. border: 0;
  118. height: 1px;
  119. text-align: left;
  120. background: url('https://s1.wp.com/images/bg_comment_bottom.gif') no-repeat;
  121. }
  122.  
  123. small {
  124. font-size: 10px;
  125. }
  126.  
  127. input,textarea {
  128. font-family: Arial, Helvetica, Georgia, sans-serif;
  129. font-size: 12px;
  130. padding: 2px;
  131. }
  132.  
  133. input#author,input#email,input#url,textarea#comment {
  134. border: 1px solid #001c6b;
  135. background-color: #001c6b;
  136. padding: 3px;
  137. }
  138.  
  139. input#author,input#email,input#url {
  140. margin: 0 5px 0 0;
  141. }
  142.  
  143. #container,#header,#menu,#pagetitle,h1,#syndication,.pagewrapper,#page,.wrapper,.narrowcolumnwrapper,.narrowcolumn,.content,.post,.entry,.browse,.sidebar {
  144. text-align: left;
  145. vertical-align: top;
  146. }
  147.  
  148. #container {
  149. width: 901px;
  150. margin: 0 auto;
  151. padding: 0;
  152. }
  153.  
  154. #header {
  155. width: 904px;
  156. height: 345px;
  157. margin: 0;
  158. }
  159.  
  160. #header-image {
  161. margin: 0 0 10px;
  162. z-index: -2;
  163. }
  164.  
  165. #header-overlay {
  166. display: none;
  167. }
  168.  
  169. #pagetitle {
  170. clear: both;
  171. width: 904px;
  172. height: 394px;
  173. background: url('https://theicewarriorsarmy.files.wordpress.com/2020/08/zamb-header2.png');
  174. margin: -54px auto;
  175. border: 0 #fff solid;
  176. border-radius: 3px;
  177. }
  178.  
  179. #pagetitle h1 {
  180. padding: 36px 28px 0;
  181. font-size: 24px;
  182. font-weight: 700;
  183. letter-spacing: 1px;
  184. text-transform: uppercase;
  185. color: #fff;
  186. }
  187.  
  188. #pagetitle h1 a {
  189. text-decoration: none;
  190. color: #fff;
  191. }
  192.  
  193. #pagetitle h1 {
  194. font-size: 24px;
  195. font-weight: 700;
  196. letter-spacing: 1px;
  197. text-transform: uppercase;
  198. color: #fff;
  199. padding: 0;
  200. }
  201.  
  202. #menu {
  203. margin-top: 370px;
  204. position: absolute;
  205. z-index: 999;
  206. margin-left: 0;
  207. border-radius: 0;
  208. width: 920px;
  209. }
  210.  
  211. #menu ul li {
  212. background: none;
  213. margin: 5px 0 0 -15px;
  214. border-radius: 0;
  215. }
  216.  
  217. #menu ul li.current-menu-item a {
  218. background: #007eff;
  219. text-decoration: none;
  220. }
  221.  
  222. #menu ul li a {
  223. background: #007eff;
  224. border-radius: 2px;
  225. border: 3px #fff solid;
  226. padding: 15px 26.66px;
  227. text-decoration: none;
  228. }
  229.  
  230. #menu ul li a:hover {
  231. background: #005af1;
  232. text-decoration: none;
  233. }
  234.  
  235. #pagetitle h1 a {
  236. text-decoration: none;
  237. color: #fff;
  238. border-top-right-radius: 10px !important;
  239. }
  240.  
  241. #searchbox {
  242. display: none;
  243. }
  244.  
  245. #syndication {
  246. display: none;
  247. }
  248.  
  249. .pagewrapper {
  250. float: left;
  251. width: 904px;
  252. background: #fff url('https://s1.wp.com/‘images/bg_page_bottom.gif’') no-repeat left bottom;
  253. color: #333;
  254. margin: 80px 0 10px;
  255. }
  256.  
  257. #page {
  258. float: left;
  259. background: url('https://s1.wp.com/‘images/bg_page_top.gif’') no-repeat;
  260. padding: 0 5px 5px;
  261. margin-top: 5px;
  262. }
  263.  
  264. .wrapper {
  265. float: left;
  266. width: 500px;
  267. }
  268.  
  269. .narrowcolumnwrapper {
  270. float: left;
  271. width: 500px;
  272. background: #fff url('https://s1.wp.com/‘images/bg_narrowcol.gif’') repeat-y;
  273. margin: 5px 0 0;
  274. }
  275.  
  276. .narrowcolumn {
  277. float: left;
  278. width: 500px;
  279. background: url('https://s1.wp.com/‘images/bg_narrowcol_bottom.gif’') no-repeat left bottom;
  280. }
  281.  
  282. .post {
  283. line-height: 18px;
  284. padding: 9px 16px 15px;
  285. }
  286.  
  287. .post h2 {
  288. font-size: 16px;
  289. font-weight: 700;
  290. line-height: 27px;
  291. padding: 0 0 2px;
  292. }
  293.  
  294. .post h2 a {
  295. text-decoration: none;
  296. color: #007eff;
  297. border-bottom: 1px solid #007eff;
  298. }
  299.  
  300. .sticky h2 a {
  301. color: #fff;
  302. background-image: url('https://theicewarriorsarmy.files.wordpress.com/2020/09/stickyyyyyyy.png');
  303. display: block;
  304. text-shadow: 1px 1px 1px #007eff;
  305. margin: 5px 0;
  306. padding: 10px;
  307. border-radius: 10px;
  308. text-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
  309. }
  310.  
  311. .post img {
  312. background: none;
  313. border: 0;
  314. padding: 0;
  315. }
  316.  
  317. .post img.alignleft {
  318. float: left;
  319. margin: 5px 10px 0 0;
  320. }
  321.  
  322. .post img.alignright {
  323. float: right;
  324. margin: 5px 0 0 10px;
  325. }
  326.  
  327. img.centered,img.aligncenter {
  328. display: block;
  329. margin-left: auto;
  330. margin-right: auto;
  331. }
  332.  
  333. .alignright {
  334. float: right;
  335. }
  336.  
  337. .alignleft {
  338. float: left;
  339. }
  340.  
  341. .post img.wp-smiley {
  342. border: 0;
  343. background: none;
  344. padding: 0;
  345. }
  346.  
  347. .entry {
  348. max-width: 475px;
  349. }
  350.  
  351. .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {
  352. padding: 9px 0 0;
  353. font-family: bree:web;
  354. }
  355.  
  356. .entry h1 {
  357. font-size: 20px;
  358. line-height: 30px;
  359. }
  360.  
  361. .entry h2 {
  362. line-height: 18px;
  363. }
  364.  
  365. .entry h3 {
  366. font-size: 14px;
  367. }
  368.  
  369. .entry h4 {
  370. font-size: 12px;
  371. }
  372.  
  373. .entry h5 {
  374. font-size: 11px;
  375. }
  376.  
  377. .entry h6 {
  378. font-size: 10px;
  379. }
  380.  
  381. .postinfo {
  382. font-size: 11px;
  383. color: #777;
  384. clear: both;
  385. }
  386.  
  387. .postinfo a {
  388. color: #777;
  389. }
  390.  
  391. .postdate {
  392. color: #777;
  393. }
  394.  
  395. .browse {
  396. border-top: 1px solid #001c6b;
  397. line-height: 18px;
  398. padding: 15px 16px;
  399. }
  400.  
  401. .sidebar,.obar {
  402. float: right;
  403. width: 190px;
  404. line-height: 17px;
  405. overflow: hidden;
  406. background: url('https://theicewarriorsarmy.files.wordpress.com/2019/12/screenshot_7-recovered_zpsklgohq5m.png');
  407. margin: 0 0 0 4px;
  408. }
  409.  
  410. .obar {
  411. float: left;
  412. margin: 0 5px 0 0;
  413. }
  414.  
  415. .sidebar ul,.obar ul {
  416. list-style: none;
  417. margin: 0;
  418. padding: 0;
  419. }
  420.  
  421. .sidebar ul li,.obar ul li {
  422. background: url('https://s1.wp.com/‘images/bg_ul_li.gif’') repeat;
  423. margin: 5px 0 0;
  424. padding: 0 16px;
  425. }
  426.  
  427. .sidebar ul li.widget_search,.obar ul li {
  428. padding: 15px 16px;
  429. }
  430.  
  431. .sidebar ul li h2,.obar ul li h2 {
  432. font-size: 12px;
  433. font-weight: 700;
  434. line-height: 27px;
  435. color: #007eff;
  436. }
  437.  
  438. .sidebar ul ul li,.obar ul ul li {
  439. background: none;
  440. margin: 0;
  441. padding: 6px 0 3px;
  442. }
  443.  
  444. .sidebar ul ul ul,.obar ul ul ul {
  445. padding: 3px 0 0;
  446. }
  447.  
  448. .sidebar ul ul ul li,.obar ul ul ul li {
  449. background: no-repeat 0 8px;
  450. padding: 6px 0 3px 15px;
  451. }
  452.  
  453. .sidebar ul ul ul ul li,.obar ul ul ul li {
  454. background: no-repeat 0 8px;
  455. }
  456.  
  457. .sidebar ul li select {
  458. width: 100%;
  459. }
  460.  
  461. .post h3#comments,.post h3#respondtitle {
  462. line-height: 27px;
  463. color: #001c6b;
  464. }
  465.  
  466. .post h3#respondtitle {
  467. color: #001c6b;
  468. }
  469.  
  470. ol.commentlist {
  471. list-style: none;
  472. margin: 0 0 10px;
  473. padding: 0;
  474. }
  475.  
  476. ol.commentlist li>div {
  477. background: no-repeat left bottom;
  478. padding: 13px 0;
  479. }
  480.  
  481. ol.commentlist li {
  482. list-style: none;
  483. }
  484.  
  485. ol.commentlist li .commentmetadata {
  486. font-size: 11px;
  487. color: #001c6b;
  488. }
  489.  
  490. ol.commentlist li .commentmetadata a {
  491. color: #546477;
  492. }
  493.  
  494. div.navigation {
  495. padding-bottom: 3em;
  496. }
  497.  
  498. form#commentform small {
  499. font-size: 11px;
  500. }
  501.  
  502. #footer {
  503. font-size: 11px;
  504. color: #000;
  505. text-align: center;
  506. margin: 10px 0;
  507. }
  508.  
  509. .aligncenter,div.aligncenter {
  510. display: block;
  511. margin-left: auto;
  512. margin-right: auto;
  513. }
  514.  
  515. .wp-caption {
  516. border: 1px solid #ddd;
  517. text-align: center;
  518. background-color: #f3f3f3;
  519. padding-top: 4px;
  520. -moz-border-radius: 3px;
  521. -khtml-border-radius: 3px;
  522. -webkit-border-radius: 3px;
  523. border-radius: 3px;
  524. margin: 10px;
  525. }
  526.  
  527. .wp-caption img {
  528. border: 0 none;
  529. margin: 0;
  530. padding: 0;
  531. }
  532.  
  533. .wp-caption p.wp-caption-text {
  534. font-size: 11px;
  535. line-height: 17px;
  536. margin: 0;
  537. padding: 0 4px 5px;
  538. }
  539.  
  540. div.avatar {
  541. float: right;
  542. margin: 0;
  543. padding: 0;
  544. }
  545.  
  546. .byuser > div {
  547. background: rgba(3,182,252,0.2) !important;
  548. padding: 10px !important;
  549. margin-bottom: 10px;
  550. border-radius: 5px;
  551. }
  552.  
  553. .byuser.comment-author-icewarriorsiw span.vcard strong.fn:after {
  554. content: "Ice Warrior Creator";
  555. margin-left: 3px;
  556. opacity: .5;
  557. color: red;
  558. }
  559.  
  560. .byuser span, .byuser a {
  561. color: #000 !important;
  562. }
  563.  
  564. img.alignnone.wp-image-70548 {
  565. border-radius: 10px;
  566. }
Add Comment
Please, Sign In to add comment