API tools faq
paste
Advertisement
e8luhs

cosmobound css

e8luhs
Jul 16th, 2018
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.12 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <link rel="stylesheet" type="text/css" href="/css/mspfa.css">
  3. <link rel="stylesheet" type="text/css" href="/css/extra.css">
  4.  
  5. <style>
  6. body {
  7. margin: 0;
  8. font-family: "courier", "monospace";
  9. font-size: 12px;
  10. overflow-y: scroll;
  11. background-color: #535353;
  12. color: #ffffff;
  13. }
  14.  
  15. a:-webkit-any-link {
  16. color: #01F5FF;
  17. cursor: pointer;
  18. text-decoration: underline;
  19. }
  20.  
  21. #main {
  22. width: 940px;
  23. margin: 0 auto;
  24. padding: 0 5px 5px 5px;
  25. background-color: #000000;
  26. }
  27. nav {
  28. font-family: "arial";
  29. font-weight: bold;
  30. font-size: x-small;
  31. text-align: center;
  32. height: 15px;
  33. padding: 2px;
  34. text-transform: uppercase;
  35. background-color: #000000;
  36. color: #ffffff;
  37. }
  38. nav * {
  39. vertical-align: middle;
  40. }
  41. nav .heart {
  42. display: inline-block;
  43. width: 16px;
  44. height: 16px;
  45. margin: 0 6px;
  46. padding: 0 !important;
  47. background-image: url("/images/candyheart.png");
  48. background-repeat: no-repeat;
  49. background-position: center;
  50. }
  51. #notification {
  52. position: relative;
  53. top: 8px;
  54. display: inline-block;
  55. padding: 2px;
  56. margin: -2px;
  57. border-radius: 8px;
  58. text-decoration: none;
  59. border: 2px solid #eeeeee;
  60. background-color: #ee0000;
  61. color: #eeeeee;
  62. }
  63. .alert {
  64. font-family: "arial";
  65. margin-top: 4px;
  66. padding: 8px;
  67. font-size: 14px;
  68. background-color: #ff9800;
  69. color: #ffffff;
  70. text-shadow: 0px 1px 3px black;
  71. }
  72. .alert a:link, .alert a:active, .alert a:visited {
  73. color: #ffffff;
  74. }
  75. #flashytitle {
  76. height: 68px;
  77. background-image: url("/images/title/random.njs");
  78. background-repeat: no-repeat;
  79. background-position: center 0;
  80. background-color: #eeeeee;
  81. }
  82. .banner img {
  83. display: block;
  84. width: 940px;
  85. height: 90px;
  86. }
  87. #dialog {
  88. position: fixed;
  89. min-width: 280px;
  90. max-width: 880px;
  91. top: 50%;
  92. left: 50%;
  93. transform: translate(-50%, -50%);
  94. -webkit-transform: translate(-50%, -50%);
  95. z-index: 1;
  96. font-family: "courier", "monospace";
  97. font-size: 16px;
  98. border: 1px solid #a9a9a9;
  99. background-color: #000000;
  100. }
  101. #dialog > div:nth-child(1) {
  102. padding: 8px;
  103. background-color: #000000;
  104. }
  105. #dialog > div:nth-child(2) {
  106. padding: 12px;
  107. }
  108. #dialog > div:nth-child(3) {
  109. padding: 8px;
  110. text-align: right;
  111. }
  112. #loading {
  113. position: fixed;
  114. left: 0;
  115. top: 0;
  116. width: 100%;
  117. height: 100%;
  118. opacity: 0;
  119. background-repeat: no-repeat;
  120. background-position: right 8px bottom 8px;
  121. background-image: url("/images/loading.gif");
  122. pointer-events: none;
  123. transition: opacity 0.25s linear;
  124. }
  125. #loading.active {
  126. opacity: 0.5;
  127. }
  128. .umcontainer {
  129. height: 102px;
  130. }
  131. .um {
  132. float: right;
  133. border: none;
  134. width: 728px;
  135. height: 100%;
  136. background-size: 100% 100%;
  137. }
  138. .g-signin2 > div {
  139. margin: 0 auto;
  140. }
  141. .abcRioButtonContents {
  142. font-family: "Press Start 2P" !important;
  143. font-size: 15px !important;
  144. }
  145. .abcRioButton {
  146. width: 200px !important;
  147. background-color: #000 !important;
  148. box-shadow: 2px 2px #000 !important;
  149. border: 1px solid #000;
  150. }
  151. .abcRioButton:hover {
  152. box-shadow: none !important;
  153. }
  154. .mspfalogo {
  155. width: 208px;
  156. height: 102px;
  157. float: left;
  158. background-repeat: no-repeat;
  159. background-position: center;
  160. border-right: 4px solid #b8b8b8;
  161. background-color: #eeeeee;
  162. }
  163. header .mspfalogo {
  164. background-image: url("/images/VorkedLarfleeze.gif");
  165. }
  166. footer .mspfalogo {
  167. background-image: url("/images/footer/random.njs");
  168. }
  169. table, #dialog {
  170. word-break: break-word;
  171. word-wrap: break-word;
  172. }
  173. table.container {
  174. border-collapse: collapse;
  175. margin: 0 -5px;
  176. text-align: center;
  177. width: 950px;
  178. border: 5px solid #535353;
  179. background-color: #171717;
  180. }
  181. table.container > tbody > tr {
  182. height: 0;
  183. }
  184. table.container > tbody > tr > td, table.container > tbody > tr > th {
  185. padding: 4px;
  186. vertical-align: top;
  187. height: 0;
  188. border: 5px solid #171717;
  189. }
  190. table.container.alt {
  191. width: 870px;
  192. margin: 0 35px;
  193. font-size: 16px;
  194. }
  195. table.container.alt > tbody > tr > td {
  196. border-width: 20px;
  197. }
  198. table.container.alt a[href], #dialog a[href], .username, .usertag {
  199. font-weight: bold;
  200. text-decoration: none;
  201. color: #5caedf;
  202. }
  203. table.container.alt2 {
  204. width: 834px;
  205. margin: 18px 53px;
  206. font-size: 16px;
  207. }
  208. table.container.alt2 > tbody > tr > td, table.container.alt2 > tbody > tr > th {
  209. border-width: 2px;
  210. }
  211. table.container.alt2 > tbody > tr > th {
  212. font-weight: bold;
  213. }
  214. table.container.alt2 > tbody > tr > td {
  215. padding: 10px;
  216. }
  217. table.container.alt2 img {
  218. max-width: 100%;
  219. }
  220. table.container.alt3 table {
  221. text-align: left;
  222. width: 90%;
  223. margin: 0 auto;
  224. }
  225. table.container.alt3 table > tbody > tr > td {
  226. padding: 10px;
  227. }
  228. .major:not(h1, h2, h3, h4, h5, h6) {
  229. font-size: 16px;
  230. }
  231. .major {
  232. font-weight: bold;
  233. font-family: "Press Start 2P";
  234. color: #fff;
  235. text-shadow: 0 2px #000;
  236. }
  237. tr.unlit {
  238. opacity: 0.5;
  239. }
  240. tr.lit .major {
  241. color: #00d747;
  242. text-shadow: 0 2px #009500;
  243. }
  244. h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
  245. margin: 8px 0;
  246. color: #cccccc;
  247. text-shadow: 0 2px #888888;
  248. text-transform: uppercase;
  249. letter-spacing: 2px;
  250. }
  251. h1.major.alt, h2.major.alt, h3.major.alt, h4.major.alt, h5.major.alt, h6.major.alt {
  252. letter-spacing: 10px;
  253. }
  254. .major.alt {
  255. color: #cdcdcd;
  256. text-shadow: 0 2px #a1a1a1;
  257. }
  258. a.major {
  259. text-decoration: none;
  260. }
  261. a.major[href] {
  262. color: #5caedf;
  263. text-shadow: 0 2px #2a6b7d;
  264. }
  265. a.major.alt[href] {
  266. color: #8297f8 !important;
  267. }
  268. button, input.major[type="button"], input.major[type="submit"], input.major[type="reset"] {
  269. padding: 8px 12px;
  270. outline: none;
  271. border-width: 2px;
  272. border-style: solid;
  273. border-radius: 0;
  274. border-color: #dddddd #898989 #898989 #dddddd;
  275. background-color: #eeeeee;
  276. }
  277. button:enabled:active, input.major[type="button"]:enabled:active, input.major[type="submit"]:enabled:active, input.major[type="reset"]:enabled:active {
  278. border-color: #898989 #dddddd #dddddd #898989;
  279. }
  280. button, input.major[type="button"], input.major[type="submit"], input.major[type="reset"] {
  281. background-color: #eeeeee;
  282. }
  283. button:disabled, input.major[type="button"]:disabled, input.major[type="submit"]:disabled, input.major[type="reset"]:disabled {
  284. background-color: #cccccc;
  285. }
  286. textarea {
  287. resize: none;
  288. }
  289. #stories .storyholder {
  290. height: 271px;
  291. }
  292. .story {
  293. display: inline-block;
  294. float: left;
  295. width: 170px;
  296. margin: 4.2px;
  297. padding: 4px;
  298. }
  299. .story:link, .story:active, .story:visited {
  300. color: #fff;
  301. }
  302. .story:hover {
  303. background-color: rgba(0, 0, 0, 0.0625);
  304. }
  305. .arrow {
  306. position: absolute;
  307. left: 50%;
  308. opacity: 0.5;
  309. width: 82px;
  310. height: 203px;
  311. background: none;
  312. background-repeat: no-repeat;
  313. border: none;
  314. outline: none;
  315. }
  316. .arrow.right {
  317. background-image: url("/images/arrowr.png");
  318. margin-left: -580px;
  319. }
  320. .arrow.left {
  321. background-image: url("/images/arrowl.png");
  322. margin-left: 500px;
  323. }
  324. .arrow.lit {
  325. opacity: 1;
  326. cursor: pointer;
  327. }
  328. .arrow.lit:active {
  329. background-position: 2px 2px;
  330. }
  331. ::-moz-focus-inner {
  332. border: none;
  333. }
  334. .cellicon {
  335. width: 64px;
  336. height: 64px;
  337. margin: 0 16px;
  338. }
  339. .cellicon ~ input[type="checkbox"] {
  340. position: relative;
  341. top: -24px;
  342. }
  343. .cellrank {
  344. padding-left: 8px;
  345. font-weight: bold;
  346. word-break: normal;
  347. word-wrap: normal;
  348. }
  349. #bbtoolbar input {
  350. width: 24px;
  351. height: 24px;
  352. padding: 0;
  353. background-clip: content-box;
  354. background-image: url("/images/bbicons.png");
  355. background-color: #eeeeee;
  356. border: 1px solid #a2a2a2;
  357. }
  358. .spoiler {
  359. border: 1px dashed gray;
  360. padding: 1px;
  361. background-color: #4f4f4f;
  362. }
  363.  
  364. .spoiler > div:last-child {
  365. margin: 12px 5%;
  366. padding: 3px;
  367. text-align: left;
  368. }
  369. .spoiler.closed > div:last-child {
  370. display: none;
  371. background-color: #696969 !important;
  372. }
  373. #container {
  374. font-weight: bold;
  375. font-size: 14px;
  376. background-color: #696969
  377. }
  378. #slide {
  379. display: table;
  380. width: 600px;
  381. max-width: 940px;
  382. margin: 7px auto 23px auto;
  383. padding: 0 25px;
  384. word-wrap: break-word;
  385. word-break: break-word;
  386. background-color: #696969;
  387. }
  388. #command {
  389. text-align: center;
  390. font-size: xx-large;
  391. padding: 14px 0;
  392. }
  393. #content {
  394. text-align: center;
  395. margin-bottom: 14px;
  396. }
  397. #content > span > br:first-child {
  398. display: none;
  399. }
  400. #content img {
  401. max-width: 940px;
  402. }
  403. #content img.major, #content video.major, #content iframe.major, #content canvas.major, #content object.major {
  404. margin: 0 -25px;
  405. }
  406. #slide .spoiler img, #commentbox > .spoiler .spoiler img {
  407. max-width: 100%;
  408. }
  409. #foot, #latestpages {
  410. font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  411. }
  412. #links {
  413. margin-top: 31px;
  414. font-weight: normal;
  415. font-size: x-large;
  416. color: #fff
  417. }
  418. #links > div::before {
  419. content: "> "
  420. }
  421. .footlinks {
  422. font-size: 10px;
  423. font-weight: normal;
  424. color: #fff
  425. }
  426. .footlinks a {
  427. font-weight: bold;
  428. }
  429. .smol {
  430. width: 16px;
  431. height: 16px;
  432. vertical-align: top;
  433. }
  434. .edit, .fav, .notify, .poll {
  435. padding: 0 !important;
  436. width: 22px;
  437. height: 22px;
  438. background-repeat: no-repeat;
  439. background-position: center;
  440. }
  441. .edit {
  442. background-image: url("/images/edit.png");
  443. }
  444. .fav.unlit {
  445. background-image: url("/images/grayheart.png");
  446. }
  447. .fav.lit {
  448. background-image: url("/images/heart.png");
  449. }
  450. .notify.unlit {
  451. background-image: url("/images/graybell.png");
  452. }
  453. .notify.lit {
  454. background-image: url("/images/bell.png");
  455. }
  456. .poll {
  457. background-image: url("/images/poll.png");
  458. }
  459. #info {
  460. margin-bottom: 8px;
  461. font-size: 16px;
  462. font-weight: normal;
  463. }
  464. #info > span > .spoiler, #latestpages > span > .spoiler {
  465. border: none;
  466. }
  467. #info > span > .spoiler.open {
  468. background-color: #696969;
  469. }
  470. #info > span > .spoiler > div:first-child > input, #latestpages > span > .spoiler > div:first-child > input {
  471. font-size: 10px;
  472. padding: 0;
  473. }
  474. #info > span > .spoiler > div:last-child > table > tbody > tr > td {
  475. vertical-align: top;
  476. }
  477. #infobox > .spoiler > div:last-child > table {
  478. width: 100%;
  479. }
  480. #latestpages > span > .spoiler > div:last-child {
  481. margin: 12px 0 0 0;
  482. padding: 0;
  483. }
  484. .comment > td {
  485. padding-bottom: 16px;
  486. }
  487. .comment > td:first-child > .cellicon {
  488. margin: 0 16px 0 0;
  489. }
  490. .comment > td:last-child {
  491. width: 100%;
  492. }
  493. #commentbox img {
  494. max-width: 650px;
  495. max-height: 450px;
  496. }
  497. .timestamp {
  498. font-size: 12px;
  499. color: #8c8c8c;
  500. }
  501. .page {
  502. font-size: 12px;
  503. color: #666666;
  504. text-decoration: none;
  505. }
  506. .page:hover {
  507. text-decoration: underline;
  508. }
  509. .gear {
  510. background-image: url("/images/gear.png");
  511. background-size: contain;
  512. background-position: center;
  513. float: right;
  514. width: 16px;
  515. height: 16px;
  516. border-radius: 8px;
  517. opacity: 0.5;
  518. }
  519. .gear:hover {
  520. opacity: 1;
  521. }
  522. .rate {
  523. float: right;
  524. text-align: right;
  525. }
  526. .rate button, .rate input[type="button"] {
  527. min-width: 40px;
  528. min-height: 24px;
  529. color: #000000;
  530. font-family: "courier", "monospace";
  531. font-size: 15px;
  532. text-shadow: none;
  533. padding: 2px 2px 0 20px;
  534. background-repeat: no-repeat;
  535. background-position: 2px;
  536. margin: 0 0 1px 2px;
  537. }
  538. .rate button.up, .rate input[type="button"].up {
  539. background-image: url("/images/grayupvote.png");
  540. }
  541. .rate button.down, .rate input[type="button"].down {
  542. background-image: url("/images/graydownvote.png");
  543. }
  544. .rate button.up.lit, .rate input[type="button"].up.lit {
  545. background-image: url("/images/upvote.png");
  546. }
  547. .rate button.down.lit, .rate input[type="button"].down.lit {
  548. background-image: url("/images/downvote.png");
  549. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!