Guest User

Untitled

a guest
May 23rd, 2018
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.55 KB | None | 0 0
  1. /* IMPORT CUSTOM CSS */
  2.  
  3. @import url("css/general.css");
  4. @import url("css/links.css");
  5. @import url("css/forms.css");
  6.  
  7. /* Begin Typography & Colors */
  8.  
  9. #page {
  10. background-color: white;
  11. border: 1px solid #959596;
  12. text-align: left;
  13. }
  14.  
  15. #header {
  16. background-color: #73a0c5;
  17. }
  18.  
  19. #content {
  20. font-size: 1.2em
  21. }
  22.  
  23. .widecolumn .entry p {
  24. font-size: 1.05em;
  25. }
  26.  
  27. .narrowcolumn .entry, .widecolumn .entry {
  28. line-height: 1.4em;
  29. }
  30.  
  31. .widecolumn {
  32. line-height: 1.6em;
  33. }
  34.  
  35. .narrowcolumn .postmetadata {
  36. text-align: center;
  37. }
  38.  
  39. .alt {
  40. background-color: #f8f8f8;
  41. border-top: 1px solid #ddd;
  42. border-bottom: 1px solid #ddd;
  43. }
  44.  
  45. #footer {
  46. background-color: #eee;
  47. }
  48.  
  49. small {
  50. font-family: Arial, Helvetica, Sans-Serif;
  51. font-size: 0.9em;
  52. line-height: 1.5em;
  53. }
  54.  
  55. h2, h3 {
  56. font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  57. font-weight: bold;
  58. }
  59.  
  60. .description {
  61. font-size: 1.2em;
  62. text-align: center;
  63. }
  64.  
  65. h2 {
  66. font-size: 1.6em;
  67. }
  68.  
  69. h2.pagetitle {
  70. font-size: 1.6em;
  71. }
  72.  
  73. h3 {
  74. font-size: 1.3em;
  75. }
  76.  
  77. .description {
  78. text-decoration: none;
  79. color: white;
  80. }
  81.  
  82. h2, h3 {
  83. color: #333;
  84. }
  85.  
  86. h2, h3, #wp-calendar caption, cite {
  87. text-decoration: none;
  88. }
  89.  
  90. .commentlist li, #commentform input, #commentform textarea {
  91. font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  92. }
  93.  
  94. .commentlist li {
  95. font-weight: bold;
  96. }
  97.  
  98. .commentlist cite, .commentlist cite a {
  99. font-weight: bold;
  100. font-style: normal;
  101. font-size: 1.1em;
  102. }
  103.  
  104. .commentlist p {
  105. font-weight: normal;
  106. line-height: 1.5em;
  107. text-transform: none;
  108. }
  109.  
  110. #commentform p {
  111. font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  112. }
  113.  
  114. .commentmetadata {
  115. font-weight: normal;
  116. }
  117.  
  118. #sidebar {
  119. margin:0px;
  120. padding:0px;
  121. }
  122.  
  123. small, .nocomments, .postmetadata, blockquote, strike {
  124. color: #777;
  125. }
  126.  
  127. code {
  128. font: 1.1em 'Courier New', Courier, Fixed;
  129. }
  130.  
  131. acronym, abbr, span.caps
  132. {
  133. font-size: 0.9em;
  134. letter-spacing: .07em;
  135. }
  136.  
  137. #wp-calendar #prev a {
  138. font-size: 9pt;
  139. }
  140.  
  141. #wp-calendar a {
  142. text-decoration: none;
  143. }
  144.  
  145. #wp-calendar caption {
  146. font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  147. text-align: center;
  148. }
  149.  
  150. #wp-calendar th {
  151. font-style: normal;
  152. text-transform: capitalize;
  153. }
  154. /* End Typography & Colors */
  155.  
  156.  
  157.  
  158. /* Begin Structure */
  159.  
  160. #page {
  161. background-color: white;
  162. margin: 20px auto;
  163. padding: 0;
  164. width: 760px;
  165. border: 1px solid #959596;
  166. }
  167.  
  168. #header {
  169. padding: 0;
  170. margin: 0 auto;
  171. height: 200px;
  172. width: 100%;
  173. background-color: #73a0c5;
  174. }
  175.  
  176. #headerimg {
  177. margin: 0;
  178. height: 200px;
  179. width: 100%;
  180. }
  181.  
  182. .narrowcolumn {
  183. float: left;
  184. padding: 0 0 20px 45px;
  185. margin: 0px 0 0;
  186. width: 450px;
  187. }
  188.  
  189. .post {
  190. margin: 0 0 40px;
  191. text-align: justify;
  192. }
  193.  
  194. .widecolumn .post {
  195. margin: 0;
  196. }
  197.  
  198. .narrowcolumn .postmetadata {
  199. padding-top: 5px;
  200. }
  201.  
  202. .widecolumn .postmetadata {
  203. margin: 30px 0;
  204. }
  205.  
  206. .widecolumn .smallattachment {
  207. text-align: center;
  208. float: left;
  209. width: 128px;
  210. margin: 5px 5px 5px 0px;
  211. }
  212.  
  213. .widecolumn .attachment {
  214. text-align: center;
  215. margin: 5px 0px;
  216. }
  217.  
  218. .postmetadata {
  219. clear: left;
  220. }
  221.  
  222. #footer {
  223. padding: 0 0 0 1px;
  224. margin: 0 auto;
  225. width: 760px;
  226. clear: both;
  227. }
  228.  
  229. #footer p {
  230. margin: 0;
  231. padding: 20px 0;
  232. text-align: center;
  233. }
  234. /* End Structure */
  235.  
  236.  
  237.  
  238. /* Begin Headers */
  239.  
  240. .description {
  241. text-align: center;
  242. }
  243.  
  244. h2 {
  245. margin: 30px 0 0;
  246. }
  247.  
  248. h2.pagetitle {
  249. margin-top: 30px;
  250. text-align: center;
  251. }
  252.  
  253. h3 {
  254. padding: 0;
  255. margin: 30px 0 0;
  256. }
  257.  
  258. h3.comments {
  259. padding: 0;
  260. margin: 40px auto 20px ;
  261. }
  262. /* End Headers */
  263.  
  264.  
  265.  
  266. /* Begin Images */
  267. p img {
  268. padding: 0;
  269. max-width: 100%;
  270. }
  271.  
  272. /* Using 'class="alignright"' on an image will (who would've
  273. thought?!) align the image to the right. And using 'class="centered',
  274. will of course center the image. This is much better than using
  275. align="center", being much more futureproof (and valid) */
  276.  
  277. img.centered {
  278. display: block;
  279. margin-left: auto;
  280. margin-right: auto;
  281. }
  282.  
  283. img.alignright {
  284. padding: 4px;
  285. margin: 0 0 2px 7px;
  286. display: inline;
  287. }
  288.  
  289. img.alignleft {
  290. padding: 4px;
  291. margin: 0 7px 2px 0;
  292. display: inline;
  293. }
  294.  
  295. .alignright {
  296. float: right;
  297. }
  298.  
  299. .alignleft {
  300. float: left
  301. }
  302. /* End Images */
  303.  
  304.  
  305.  
  306. /* Begin Lists
  307.  
  308. Special stylized non-IE bullets
  309. Do not work in Internet Explorer, which merely default to normal bullets. */
  310.  
  311. html>body .entry ul {
  312. margin-left: 0px;
  313. padding: 0 0 0 30px;
  314. list-style: none;
  315. padding-left: 10px;
  316. text-indent: -10px;
  317. }
  318.  
  319. html>body .entry li {
  320. margin: 7px 0 8px 10px;
  321. }
  322.  
  323. .entry ul li:before {
  324. content: "\00BB \0020";
  325. }
  326.  
  327. .entry ol {
  328. padding: 0 0 0 35px;
  329. margin: 0;
  330. }
  331.  
  332. .entry ol li {
  333. margin: 0;
  334. padding: 0;
  335. }
  336.  
  337. .postmetadata ul, .postmetadata li {
  338. display: inline;
  339. list-style-type: none;
  340. list-style-image: none;
  341. }
  342.  
  343. #sidebar ul, #sidebar ul ol {
  344. margin: 0;
  345. padding: 0;
  346. }
  347.  
  348. #sidebar ul li {
  349. list-style-type: none;
  350. list-style-image: none;
  351. }
  352.  
  353. #sidebar ul p, #sidebar ul select {
  354. margin: 5px 0 8px;
  355. }
  356.  
  357. #sidebar ul ul, #sidebar ul ol {
  358. margin: 5px 0 0 10px;
  359. }
  360.  
  361. #sidebar ul ul ul, #sidebar ul ol {
  362. margin: 0 0 0 10px;
  363. }
  364.  
  365. ol li, #sidebar ul ol li {
  366. list-style: decimal outside;
  367. }
  368.  
  369. #sidebar ul ul li, #sidebar ul ol li {
  370. margin: 3px 0 0;
  371. padding: 0;
  372. }
  373. /* End Entry Lists */
  374.  
  375.  
  376.  
  377. /* Begin Form Elements */
  378. #searchform {
  379. margin: 10px auto;
  380. padding: 5px 3px;
  381. text-align: center;
  382. }
  383.  
  384. #sidebar #searchform #s {
  385. width: 115px;
  386. padding: 2px;
  387. }
  388.  
  389. #sidebar #searchsubmit {
  390. padding: 1px;
  391. }
  392.  
  393. .entry form { /* This is mainly for password protected posts, makes them look better. */
  394. text-align:center;
  395. }
  396.  
  397. select {
  398. width: 130px;
  399. }
  400.  
  401. #commentform input {
  402. width: 170px;
  403. padding: 2px;
  404. margin: 5px 5px 1px 0;
  405. }
  406.  
  407. #commentform textarea {
  408. width: 100%;
  409. padding: 2px;
  410. }
  411.  
  412. #commentform #submit {
  413. margin: 0;
  414. float: right;
  415. }
  416. /* End Form Elements */
  417.  
  418.  
  419.  
  420. /* Begin Comments*/
  421. .alt {
  422. margin: 0;
  423. padding: 10px;
  424. }
  425.  
  426. .commentlist {
  427. padding: 0;
  428. text-align: justify;
  429. }
  430.  
  431. .commentlist li {
  432. margin: 15px 0 3px;
  433. padding: 5px 10px 3px;
  434. list-style: none;
  435. }
  436.  
  437. .commentlist p {
  438. margin: 10px 5px 10px 0;
  439. }
  440.  
  441. #commentform p {
  442. margin: 5px 0;
  443. }
  444.  
  445. .nocomments {
  446. text-align: center;
  447. margin: 0;
  448. padding: 0;
  449. }
  450.  
  451. .commentmetadata {
  452. margin: 0;
  453. display: block;
  454. }
  455. /* End Comments */
  456.  
  457.  
  458.  
  459. /* Begin Sidebar */
  460. #sidebar
  461. {
  462. padding: 20px 0 10px 0;
  463. margin-left: 545px;
  464. width: 190px;
  465. }
  466.  
  467. #sidebar form {
  468. margin: 0;
  469. }
  470. /* End Sidebar */
  471.  
  472.  
  473.  
  474. /* Begin Calendar */
  475. #wp-calendar {
  476. empty-cells: show;
  477. margin: 10px auto 0;
  478. width: 155px;
  479. }
  480.  
  481. #wp-calendar #next a {
  482. padding-right: 10px;
  483. text-align: right;
  484. }
  485.  
  486. #wp-calendar #prev a {
  487. padding-left: 10px;
  488. text-align: left;
  489. }
  490.  
  491. #wp-calendar a {
  492. display: block;
  493. }
  494.  
  495. #wp-calendar caption {
  496. text-align: center;
  497. width: 100%;
  498. }
  499.  
  500. #wp-calendar td {
  501. padding: 3px 0;
  502. text-align: center;
  503. }
  504.  
  505. #wp-calendar td.pad:hover { /* Doesn't work in IE */
  506. background-color: #fff; }
  507. /* End Calendar */
  508.  
  509.  
  510.  
  511. /* Begin Various Tags & Classes */
  512. acronym, abbr, span.caps {
  513. cursor: help;
  514. }
  515.  
  516. acronym, abbr {
  517. border-bottom: 1px dashed #999;
  518. }
  519.  
  520. blockquote {
  521. margin: 15px 30px 0 10px;
  522. padding-left: 20px;
  523. border-left: 5px solid #ddd;
  524. }
  525.  
  526. blockquote cite {
  527. margin: 5px 0 0;
  528. display: block;
  529. }
  530.  
  531. .center {
  532. text-align: center;
  533. }
  534.  
  535. hr {
  536. display: none;
  537. }
  538.  
  539. a img {
  540. border: none;
  541. }
  542.  
  543. .navigation {
  544. display: block;
  545. text-align: center;
  546. margin-top: 10px;
  547. margin-bottom: 60px;
  548. }
  549. /* End Various Tags & Classes*/
  550.  
  551.  
  552. /* CUSTOM ADDED STYLES */
  553. ul.ul_archives_Pages {
  554. list-style:none;
  555. }
  556. ul.ul_archives_Pages li.pagenav h2 {
  557. display:none;
  558. }
  559. ul.ul_archives_Pages li.pagenav ul {
  560. list-style:url(images/arrowOrange.jpg);
  561. float:left;
  562. padding-right:15px;
  563. margin-bottom:30px;
  564. }
  565. ul.ul_archives_Pages li.pagenav ul li {
  566. font-size:11px;
  567. }
  568. ul.ul_footer2 {
  569. list-style:none;
  570. padding:0px;
  571. margin:0px;
  572. }
  573. ul.ul_footer2 h2 {
  574. display:none;
  575. }
  576.  
  577. ul.ul_footer2 li ul {
  578. list-style:none;
  579. margin-bottom:40px;
  580. margin-top:15px;
  581. }
  582. ul.ul_footer2 li ul li {
  583. color:#333333;
  584. font-style:italic;
  585. font-size:11px;
  586. font-weight:bold;
  587. }
  588.  
  589.  
  590. ul.twitter {
  591. list-style:none;
  592. padding:30px 10px 91px 10px;
  593. margin:0px;
  594. background:url(../images/tweets1.jpg) no-repeat top;
  595. }
  596. ul.twitter {
  597. border:1px #999999 dashed;
  598. padding:5px;
  599. margin-bottom:5px;
  600. text-align:right;
  601. font-size:11px;
  602. line-height:14px;
  603. }
Add Comment
Please, Sign In to add comment