API tools faq
paste
Flordibel

Neopets Beta Neoboard Dark Mode

Flordibel
Dec 29th, 2020 (edited)
191
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.70 KB | None | 0 0
raw download clone embed print report
  1. @charset "UTF-8";
  2. /* NEOBOARDS CSS */
  3. /* Author: tnt_vandoodle */
  4. /* Board Index */
  5. .container {
  6. background: #201d1d !important;
  7. /* NEED TO ADD classes for standard container width and color. */
  8. overflow-x: hidden;
  9. }
  10.  
  11. #boardTopic div.quote {
  12. color: #201d1d !important;
  13. }
  14.  
  15.  
  16. #boardTopic ul div li div.boardpost {
  17. background-color: #201d1d !important
  18. }
  19.  
  20. /*Weird "Resetting reply count" error*/
  21. #boardTopic ul div {
  22. color: #d9d9d9 !important;
  23. font-family: "Palanquin", 'Arial Bold', sans-serif;
  24. }
  25.  
  26. #boardTopic ul div a b {
  27. color: #9181bf !important;
  28. font-family: "Palanquin", 'Arial Bold', sans-serif;
  29. }
  30.  
  31. /* Increase all font sizes*/
  32. div.boardPostMessage > * {font-size: large !important;}
  33. div.boardPostMessage * {font-size: large !important;}
  34. div.boardTopicTitle {font-size: large !important;}
  35. div.boardPostMessage {font-size: large !important;}
  36.  
  37. /*"There are no topics currently available on this board" message*/
  38. #boardList ul p {
  39. color: #cfc9c9;
  40. }
  41.  
  42. /*New General Discussion Board Description BG Color Fix*/
  43. span.boardDesc-sub p span {background-color: transparent !important; color: #cfc9c9 !important; font-family: "MuseoSansRounded500", 'Arial', sans-serif !important;}
  44. /* --- */
  45.  
  46. #boardIndex,
  47. #boardList,
  48. #boardTopic,
  49. #boardCreateTopic {
  50. width: 95%;
  51. margin: 20px auto;
  52. box-sizing: border-box;
  53. border: 1px solid #cfc9c9;
  54. border-radius: 5px;
  55. overflow: hidden;
  56. }
  57.  
  58. #boardIndex h1,
  59. #boardList h1 {
  60. margin: auto 0;
  61. font-size: 18pt;
  62. font-family: "Palanquin", 'Arial Bold', sans-serif;
  63. display: inline-block;
  64. }
  65. #boardList h1 {
  66. width: calc(100% - 45px - 45px);
  67. line-height: 18pt;
  68. vertical-align: middle;
  69. }
  70.  
  71. #boardIndex h2,
  72. #boardList h2 {
  73. margin: auto;
  74. text-align: center;
  75. font-size: 12pt;
  76. line-height: 12pt;
  77. font-family: "Palanquin", 'Arial Bold', sans-serif;
  78. }
  79.  
  80. #boardIndex ul,
  81. #boardList ul,
  82. #boardTopic ul {
  83. list-style-type: none;
  84. margin: 0;
  85. padding: 0;
  86. }
  87.  
  88. #boardList > ul > li:nth-child {
  89. background-color: #f02121;
  90. }
  91.  
  92. #boardTopic form,
  93. #boardCreateTopic form {
  94. margin: auto;
  95. /* Clear any user agent margins. */
  96. }
  97.  
  98. #boardIndex ul li {
  99. display: grid;
  100. grid-template-rows: auto;
  101. grid-template-columns: 50px 500px 1fr 1fr 1fr;
  102. padding: 10px;
  103. box-sizing: border-box;
  104. }
  105.  
  106. @media screen and (min-width: 751px) and (max-width:900px) {
  107. #boardIndex ul li {
  108. grid-template-columns: 50px 60% 1fr 1fr 1fr;
  109. }
  110. }
  111. @media screen and (min-width: 601px) and (max-width:750px) {
  112. #boardIndex ul li {
  113. grid-template-columns: 50px 65% 1fr 1fr;
  114. }
  115. #boardIndex ul li .premiumBoardButton {
  116. grid-column: 3/5;
  117. }
  118. }
  119. @media screen and (min-width: 481px) and (max-width:600px) {
  120. #boardIndex ul li {
  121. grid-template-columns: 50px 70% 1fr;
  122. }
  123. #boardIndex ul li .premiumBoardButton {
  124. grid-column: 3/4;
  125. }
  126. }
  127.  
  128. @media screen and (max-width: 750px) {
  129. #boardIndex ul li .comments,
  130. #boardIndex ul li .commentsTitle {
  131. display: none !important;
  132. }
  133. }
  134.  
  135. @media screen and (max-width: 600px) {
  136. #boardIndex ul li .topics,
  137. #boardIndex ul li .topicsTitle {
  138. display: none !important;
  139. }
  140. }
  141.  
  142. @media screen and (max-width: 480px) {
  143. #boardIndex ul li .recent,
  144. #boardIndex ul li .recentTitle,
  145. #boardIndex ul li .boardDesc-sub {
  146. display: none !important;
  147. }
  148. #boardIndex ul li {
  149. grid-template-columns: 50px auto;
  150. }
  151. #boardIndex ul li .boardDesc {
  152. display: flex;
  153. align-items: center;
  154. }
  155. #boardIndex .boardIcon {
  156. min-height: 40px;
  157. }
  158. #boardIndex ul li .premiumBoardButton {
  159. grid-column: 1/3;
  160. grid-row: 2/3;
  161. }
  162. }
  163.  
  164. #boardIndex div.boardDesc > a > h4:hover {
  165. text-decoration: underline !important;
  166. }
  167.  
  168. #boardIndex ul li:nth-child(odd),
  169. #boardList ul li:nth-child(odd) {
  170. background-color: #201d1d;
  171. color: #cfc9c9;
  172. }
  173.  
  174. #boardIndex ul li span.boardDesc-sub > p > a > strong {
  175. color: #BA93F2
  176. }
  177. #boardIndex ul li span.boardDesc-sub > p > a > strong:hover {
  178. color: #cfc9c9;
  179. text-decoration: underline
  180. }
  181.  
  182. div.boardTopicTitle > a > span:hover {
  183. text-decoration: underline;
  184. }
  185.  
  186. div.postAuthorInfo > span {
  187. color: #000000 !important;
  188. text-transform: uppercase;
  189. font-family: 'MuseoSansRounded500', Arial, Helvetica, sans-serif;
  190. font-size: 10pt;
  191. background-color: #FFFF00;
  192. }
  193.  
  194. #boardIndex ul li:nth-child(even),
  195. #boardList ul li:nth-child(even) {
  196. background-color: #363030;
  197. color: #cfc9c9;
  198. }
  199.  
  200. div.boardtopictitle > a > span {
  201. color: #BA93F2 !important
  202. }
  203. #boardList div.Author > a:hover {
  204. text-decoration: underline;
  205. }
  206.  
  207. #boardList div.last > a > span:hover {
  208. text-decoration: underline;
  209. }
  210.  
  211. #boardIndex h3 {
  212. width: 100%;
  213. margin: auto;
  214. padding: 5px 10px;
  215. box-sizing: border-box;
  216. font-size: 14pt;
  217. line-height: 13pt;
  218. /* background-color: #e2e2e2;
  219. color:#525252;*/
  220. background-color: #9181bf !important;
  221. color: #000000;
  222. font-family: "Palanquin", 'Arial Bold', sans-serif;
  223. letter-spacing: 1.2px;
  224. }
  225.  
  226. #boardIndex ul li a,
  227. #boardList ul a {
  228. text-decoration: none;
  229. }
  230.  
  231. #boardIndex ul li h4 {
  232. color: #BA93F2 !important;
  233. font-family: "Palanquin", 'Arial Bold', sans-serif;
  234. font-size: 12pt;
  235. line-height: 12pt;
  236. margin: auto;
  237. letter-spacing: 1.3px;
  238. }
  239.  
  240. #boardIndex ul li h4:hover {
  241. color: #BA93F2 !important;
  242. }
  243.  
  244. #boardIndex ul li p {
  245. margin: 5px auto auto;
  246. font-size: 10pt;
  247. font-family: "MuseoSansRounded500", 'Arial', sans-serif;
  248. }
  249.  
  250. #boardIndex .boardIcon {
  251. width: 100%;
  252. height: 100%;
  253. background-size: contain;
  254. background-repeat: no-repeat;
  255. background-position: center;
  256. min-height: 50px;
  257. }
  258.  
  259. #boardIndex ul li .topics,
  260. #boardIndex ul li .comments,
  261. #boardIndex ul li .recent,
  262. #boardList ul li .author,
  263. #boardList ul li .replies,
  264. #boardList ul li .last {
  265. text-align: center;
  266. color: #cfc9c9;
  267. font-family: "MuseoSansRounded500", 'Arial', sans-serif;
  268. font-size: 10pt;
  269. display: flex;
  270. align-items: center;
  271. justify-content: center;
  272. }
  273.  
  274. #boardIndex ul li .topicsTitle,
  275. #boardIndex ul li .commentsTitle,
  276. #boardIndex ul li .recentTitle,
  277. #boardList ul li .authorTitle,
  278. #boardList ul li .repliesTitle,
  279. #boardList ul li .lastTitle {
  280. display: flex;
  281. align-items: center;
  282. justify-content: center;
  283. }
  284.  
  285. #boardIndex ul li .boardDesc {
  286. padding: 0 0 0 15px;
  287. box-sizing: border-box;
  288. }
  289.  
  290. #boardIndex .boardTitle {
  291. grid-column: 1/3;
  292. display: flex;
  293. align-items: center;
  294. }
  295.  
  296. #boardIndex .premiumBoardDesc {
  297. display: flex;
  298. align-items: center;
  299. }
  300.  
  301. #boardIndex .premiumBoardDesc p {
  302. margin: auto 0 !important;
  303. }
  304.  
  305. #boardIndex .premiumLockedIcon {
  306. background-image: url(../../../neoboards/boardIcons/nopremium.jpg);
  307. }
  308.  
  309. #boardIndex ul li .premiumBoardButton {
  310. text-align: center;
  311. font-family: "Palanquin", 'Arial-Bold', sans-serif;
  312. display: flex;
  313. align-items: center;
  314. justify-content: center;
  315. font-size: 12pt !important;
  316. line-height: 12pt;
  317. }
  318. #boardIndex ul li .premiumBoardButton a {
  319. color: #3b54b4;
  320. }
  321.  
  322. @media screen and (min-width: 751px) {
  323. #boardIndex ul li .premiumBoardButton {
  324. grid-column: 5/6;
  325. }
  326. }
  327.  
  328.  
  329. #boardIndex ul li .q-button-neoboards,
  330. #boardList ul li .q-button-neoboards,
  331. #boardList ul li .back-button-neoboards,
  332. #boardTopic ul .back-button-neoboards {
  333. width: 35px !important;
  334. height: 35px !important;
  335. border-radius: 50% !important;
  336. margin-left: auto;
  337. }
  338.  
  339.  
  340. /* Board List */
  341. #boardList ul li .q-button-neoboards,
  342. #boardList ul li .back-button-neoboards,
  343. #boardTopic ul .back-button-neoboards {
  344. display: inline-block;
  345. vertical-align: middle;
  346. }
  347. #boardList ul li .back-button-neoboards,
  348. #boardTopic ul .back-button-neoboards {
  349. margin-right: 10px;
  350. }
  351.  
  352. #boardList ul li {
  353. display: grid;
  354. grid-template-rows: auto;
  355. grid-template-columns: 500px 1fr 1fr 1fr;
  356. grid-gap: 10px;
  357. padding: 10px;
  358. box-sizing: border-box;
  359. }
  360.  
  361. @media screen and (min-width: 851px) {
  362. #boardList .breadcrumbs {
  363. grid-column: 1/5;
  364. }
  365. #boardList ul .boardNavTop .pageNav {
  366. grid-column: 2/5;
  367. }
  368. }
  369.  
  370. @media screen and (min-width: 851px) and (max-width:950px) {
  371. #boardList ul li {
  372. grid-template-columns: 53% 1fr 1fr 1fr;
  373. }
  374. }
  375. @media screen and (min-width: 701px) and (max-width:850px) {
  376. #boardList ul li {
  377. grid-template-columns: 55% 1fr 1fr;
  378. }
  379. #boardList .breadcrumbs {
  380. grid-column: 1/4;
  381. }
  382. #boardList ul .boardNavTop .pageNav {
  383. grid-column: 2/4;
  384. }
  385. }
  386.  
  387. @media screen and (max-width: 850px) {
  388. #boardList ul li .replies,
  389. #boardList ul li .repliesTitle {
  390. display: none !important;
  391. }
  392. }
  393.  
  394. @media screen and (max-width: 700px) {
  395. #boardList ul li .author,
  396. #boardList ul li .authorTitle,
  397. #boardList ul li .last,
  398. #boardList ul li .lastTitle {
  399. display: none !important;
  400. }
  401. #boardList ul li .mobileBoardStats {
  402. display: block;
  403. }
  404. #boardList ul li {
  405. display: block;
  406. /* used to override display:grid */
  407. }
  408. #boardList .breadcrumbs {
  409. margin-bottom: 10px;
  410. }
  411. #boardList ul li .boardTopicTitle {
  412. margin-bottom: 5px;
  413. }
  414. #boardList ul .createTopicButton a {
  415. margin: 10px auto;
  416. }
  417. #boardList ul .pageNav {
  418. margin: auto;
  419. }
  420. #boardList ul .boardNavBottom .pageNav {
  421. display: block;
  422. }
  423. }
  424.  
  425. @media screen and (max-width: 460px) {
  426. #boardList ul .pageNavTitle,
  427. #boardTopic ul .pageNavTitle {
  428. /*display:block;*/
  429. display: none;
  430. margin: auto;
  431. width: fit-content;
  432. -moz-width: fit-content;
  433. }
  434. }
  435.  
  436. span.pageNavTitle {
  437. color: #cfc9c9;
  438. }
  439.  
  440. @media screen and (min-width: 701px) {
  441. #boardList ul li .mobileBoardStats {
  442. display: none !important;
  443. }
  444. #boardList ul .createTopicButton a {
  445. margin: 5px;
  446. background-color: #3bc92e !important;
  447. background: -webkit-linear-gradient(#3bc92e, #2b8a27);
  448. background: -moz-linear-gradient(#3bc92e, #2b8a27);
  449. background: linear-gradient(#3bc92e, #2b8a27);
  450. border-radius: 15px;
  451. -webkit-box-shadow: inset 0px 0px 0px 1px rgba(59, 201, 46, 1), /* Same as top of gradient */
  452. inset 0px -3px 2px 3px rgba(36, 103, 23, 1), /* Bottom Shadow */
  453. inset 0px 2px 0px 1px rgba(201, 240, 198, 1), /* Top Shine */
  454. 0px 0px 0px 2px rgba(0, 0, 0, 1);
  455. /* black outside border */
  456. -moz-box-shadow: inset 0px 0px 0px 1px rgba(59, 201, 46, 1), /* Same as top of gradient */
  457. inset 0px -3px 2px 3px rgba(36, 103, 23, 1), /* Bottom Shadow */
  458. inset 0px 2px 0px 1px rgba(201, 240, 198, 1), /* Top Shine */
  459. 0px 0px 0px 2px rgba(0, 0, 0, 1);
  460. /* black outside border */
  461. box-shadow: inset 0px 0px 0px 1px rgba(59, 201, 46, 1), /* Same as top of gradient */
  462. inset 0px -3px 2px 3px rgba(36, 103, 23, 1), /* Bottom Shadow */
  463. inset 0px 2px 0px 1px rgba(201, 240, 198, 1), /* Top Shine */
  464. 0px 0px 0px 2px rgba(0, 0, 0, 1);
  465. /* black outside border */
  466. }
  467. #boardList ul .pageNav {
  468. margin-left: auto;
  469. }
  470. #boardList ul .boardNavBottom {
  471. display: grid;
  472. grid-template-columns: 300px auto;
  473. }
  474. #boardList ul .boardNavBottom .pageNav {
  475. grid-column: 2/3;
  476. }
  477. }
  478.  
  479. #boardList ul .createTopicButton a:Hover {
  480. text-decoration: underline !important;
  481. }
  482.  
  483. #boardList ul li .mobileBoardStats {
  484. display: block;
  485. width: 100%;
  486. }
  487.  
  488. #boardList ul li .author-mobile,
  489. #boardList ul li .replies-mobile,
  490. #boardList ul li .last-mobile {
  491. font-size: 9pt;
  492. line-height: 13pt;
  493. display: inline-block;
  494. margin-right: 20px;
  495. font-family: "MuseoSansRounded500", 'Arial', sans-serif;
  496. }
  497.  
  498. h3.NeoboardPenTitle {
  499. color: #cfc9c9 !important;
  500. }
  501. div.neoboardpen > label.neoboardpenlabel {
  502. color: #cfc9c9 !important;
  503. }
  504.  
  505.  
  506. #boardList ul li .boardTitle {
  507. /* display: flex;
  508. align-items: center;*/
  509. }
  510.  
  511. #boardList .breadcrumbs,
  512. #boardTopic .breadcrumbs {
  513. /* margin-bottom: 5px; */
  514. font-family: "Palanquin", 'Arial Bold', sans-serif;
  515. font-size: 12pt;
  516. line-height: 12pt;
  517. color: #cacaca !important;
  518. }
  519. #boardList .breadcrumbs a,
  520. #boardTopic .breadcrumbs a {
  521. color: #9181bf !important;
  522. }
  523.  
  524. #boardList .breadcrumbs a:hover,
  525. #boardTopic .breadcrumbs a:hover {
  526. text-decoration: underline !important;
  527. color: #9181bf !important;
  528. }
  529.  
  530. #boardList ul li .boardTitleIcon,
  531. #boardTopic ul .topicTitleIcon {
  532. display: inline-block;
  533. vertical-align: middle;
  534. width: 35px;
  535. height: 35px;
  536. margin-right: 10px;
  537. background-size: 100%;
  538. background-repeat: no-repeat;
  539. background-position: center;
  540. }
  541.  
  542. #boardList ul .boardNavTop .pageNav {
  543. grid-row: 2/3;
  544. }
  545.  
  546. #boardList ul li .boardTopicTitle {
  547. font-size: 11pt;
  548. line-height: 12pt;
  549. font-family: "Palanquin", 'Arial Bold', sans-serif;
  550. color: #BA93F2;
  551. }
  552.  
  553. #boardList ul li a {
  554. color: inherit;
  555. }
  556.  
  557. #boardList ul li .author {
  558. font-family: "MuseoSansRounded700", 'Arial', sans-serif !important;
  559. color: #BA93F2 !important;
  560. }
  561.  
  562. #boardList ul li .last a,
  563. #boardList ul li .last-mobile a,
  564. #boardList ul li .author-mobile a {
  565. color: #BA93F2 !important;
  566. }
  567.  
  568. #boardList ul li .last a:hover,
  569. #boardList ul li .last-mobile a:hover,
  570. #boardList ul li .author-mobile a:hover {
  571. color: #BA93F2 !important;
  572. }
  573.  
  574. #boardList ul .createTopicButton a {
  575. padding: 5px 10px;
  576. text-align: center;
  577. font-family: "Palanquin", 'Arial Bold', sans-serif;
  578. font-size: 11pt;
  579. line-height: 12pt;
  580. border-radius: 10px;
  581. display: block;
  582. width: auto;
  583. max-width: 200px;
  584. }
  585. /*
  586. #boardList ul li.boardNavTop .createTopicButton a {
  587. background-color:#fff;
  588. color:#3b54b4;
  589. }*/
  590. #boardList ul .createTopicButton {
  591. width: 100%;
  592. }
  593. #boardList ul .boardNavBottom .createTopicButton a,
  594. #boardList ul .boardNavTop .createTopicButton a {
  595. background-color: #9181bf;
  596. color: #fff;
  597. }
  598. /* Listing out top and bottom create topic buttons separately because we may want to style them differently soon, if top row gets blue backing color. */
  599. #boardList ul .pageNav,
  600. #boardTopic .pageNav {
  601. font-family: "Palanquin", 'Arial Bold', sans-serif;
  602. width: fit-content;
  603. -moz-width: fit-content;
  604. }
  605.  
  606. div.boardPostByline {
  607. background: #1b1818 !important;
  608. }
  609.  
  610. #boardList ul .pageNav .boardPageButton,
  611. #boardList ul .pageNav .boardPageButton-active,
  612. #boardTopic .pageNav .boardPageButton,
  613. #boardTopic .pageNav .boardPageButton-active {
  614. display: inline-block;
  615. border-radius: 5px;
  616. padding: 5px 7px;
  617. margin: 3px;
  618. font-size: 12pt;
  619. line-height: 12pt;
  620. vertical-align: middle;
  621. }
  622.  
  623. div.postAuthorInfo > p {
  624. color: #d9d9d9 !important;
  625. }
  626.  
  627. h3.postAuthorName {
  628. color: #9181bf !important;
  629. }
  630.  
  631. div.postAuthor {
  632. background-color: #1b1818 !important;
  633. }
  634.  
  635. div.postPetInfo > h4 > a {
  636. color: #9181bf !important;
  637. }
  638.  
  639. #boardList ul .pageNav .boardPageButton,
  640. #boardTopic .pageNav .boardPageButton {
  641. border: 1px solid #cfc9c9 !important;
  642. color: #201d1d !important;
  643. background-color: #BA93F2 !important;
  644. }
  645. #boardList ul .pageNav .boardPageButton:hover,
  646. #boardTopic .pageNav .boardPageButton:hover {
  647. border: 1px solid #9181bf !important;
  648. background-color: #9181bf !important;
  649. color: #fff !important;
  650. }
  651. #boardList ul .pageNav .boardPageButton-active,
  652. #boardTopic .pageNav .boardPageButton-active {
  653. background-color: #9181bf !important;
  654. color: #fff !important;
  655. }
  656.  
  657. #boardList ul .boardNavBottom {
  658. border-top: 1px solid #cfc9c9 !important;
  659. padding: 10px;
  660. box-sizing: border-box;
  661. color: #cfc9c9 !important;
  662. }
  663.  
  664. /* BOARD TOPICS */
  665. #boardTopic h1 {
  666. /*margin:5px auto auto; */
  667. margin: auto 0;
  668. font-size: 14pt;
  669. line-height: 14pt;
  670. font-family: "Palanquin", 'Arial Bold', sans-serif;
  671. display: inline-block;
  672. vertical-align: middle;
  673. color: #cfc9c9 !important;
  674. letter-spacing: 1.3px;
  675. width: calc(100% - 55px);
  676. }
  677.  
  678. #boardTopic ul li {
  679. display: grid;
  680. grid-template-rows: auto;
  681. /*padding:10px;*/
  682. box-sizing: border-box;
  683. border-bottom: 1px solid #cacaca !important;
  684. }
  685.  
  686.  
  687. #boardTopic ul li .boardPostByline {
  688. width: 100%;
  689. padding: 10px;
  690. box-sizing: border-box;
  691. background-color: #1b1818 !important;
  692. }
  693. #boardTopic ul li .boardPostByline .postAuthor,
  694. #boardTopic ul li .boardPostByline .postPet {
  695. display: grid;
  696. grid-template-columns: 50px auto;
  697. grid-gap: 10px;
  698. background-color: #1b1818 !important
  699. }
  700.  
  701.  
  702.  
  703. #boardTopic ul li .boardPostByline h3,
  704. #boardTopic ul li .boardPostByline h4 {
  705. margin: 5px 0;
  706. font-family: "Palanquin", 'Arial Bold', sans-serif;
  707. font-size: 11pt;
  708. line-height: 11pt;
  709. word-wrap: break-word;
  710. background-color: #1b1818 !important
  711. }
  712. #boardTopic ul li .boardPostByline p {
  713. font-family: 'MuseoSansRounded500', Arial, Helvetica, sans-serif;
  714. font-size: 9pt;
  715. line-height: 9pt;
  716. margin: 5px 0;
  717. background-color: #1b1818 !important
  718. }
  719. #boardTopic ul li .boardPostByline a {
  720. text-decoration: none;
  721. color: #9181bf !important;
  722. background-color: #1b1818 !important
  723. }
  724.  
  725. #boardTopic ul li .boardPostByline a:hover {
  726. color: #9181bf !important;
  727. }
  728.  
  729. #boardTopic ul li .boardPostByline .authorIcon,
  730. #boardTopic ul li .boardPostByline .postAuthorPetIcon {
  731. width: 100%;
  732. height: 100%;
  733. background-size: contain;
  734. background-repeat: no-repeat;
  735. background-position: top;
  736. background-color: #1b1818 !important;
  737. min-height: 50px;
  738. }
  739.  
  740. h3.postauthorname {
  741. color: #9181bf;
  742. letter-spacing: 1.2
  743. }
  744. h3.postauthorname:hover {
  745. text-decoration: underline;
  746. }
  747.  
  748. div.postauthorinfo {
  749. color: #d9d9d9 !important
  750. }
  751. div.postauthorinfo > p {
  752. color: #d9d9d9 !important
  753. }
  754.  
  755. div.postPetInfo > h4 > a {
  756. color: #9181bf !important;
  757. letter-spacing: 1.2
  758. }
  759. div.postPetInfo > h4 > a:hover {
  760. text-decoration: underline !important
  761. }
  762.  
  763. div.postPetInfo > p {
  764. color: #d9d9d9 !important
  765. }
  766.  
  767. div.premiumBoardButton > a {
  768. color: #9181bf !important;
  769. }
  770.  
  771. div.boardpostbyline {
  772. background-color: #1b1818 !important;
  773. }
  774.  
  775. #boardTopic ul li .boardPost {
  776. padding: 10px;
  777. box-sizing: border-box;
  778. }
  779. #boardTopic ul li h6.boardPostDate {
  780. color: #9e9e9e !important;
  781. font-family: 'MuseoSansRounded700', Arial, sans-serif;
  782. margin: 5px 0;
  783. }
  784. #boardTopic ul .topicNavTop {
  785. padding: 10px;
  786. box-sizing: border-box;
  787. display: grid;
  788. grid-gap: 10px;
  789. border-bottom: 1px solid #cacaca !important;
  790. }
  791. #boardTopic ul .topicNavTop a,
  792. #boardTopic ul .topicNavBottom a {
  793. text-decoration: none;
  794. color: #9181bf !important;
  795. }
  796. #boardTopic ul .topicNavTop .topicTitle {
  797. grid-column: 1/3;
  798. }
  799. #boardTopic ul .topicNavTop .topicStats {
  800. grid-column: 1/3;
  801. }
  802.  
  803. div.topicCreateRemainder {
  804. color: #d9d9d9 !important;
  805. }
  806.  
  807. #boardTopic ul .topicNavTop .topicCreator {
  808. color: #9181bf !important;
  809. font-family: "Palanquin", 'Arial Bold', sans-serif;
  810. }
  811. #boardTopic ul .topicNavTop .topicSubPreface-neoboards {
  812. color: #cfc9c9 !important;
  813. font-family: 'MuseoSansRounded500', Arial, sans-serif;
  814. }
  815. #boardTopic ul .topicNavTop .topicDate {
  816. color: #cfc9c9 !important;
  817. font-family: 'MuseoSansRounded500', Arial, sans-serif;
  818. }
  819. #boardTopic ul .topicNavBottom {
  820. padding: 10px;
  821. box-sizing: border-box;
  822. color: #cfc9c9 !important;
  823. }
  824. #boardTopic ul .topicReplyContainer .topicReplyTitle {
  825. font-family: "Palanquin", 'Arial Bold', sans-serif;
  826. font-size: 12pt;
  827. line-height: 12pt;
  828. grid-column: 1/4;
  829. text-align: center;
  830. padding: 10px;
  831. box-sizing: border-box;
  832. background-color: #9181bf !important;
  833. color: #000 !important;
  834. width: 100%;
  835. }
  836. #boardTopic ul li .boardPostMessage {
  837. font-family: Verdana, Arial, Helvetica, sans-serif;
  838. font-size: small;
  839. color: #d9d9d9 !important;
  840. }
  841.  
  842. div.boardPostMessage > a {color:#9181bf !important;}
  843. div.boardPostMessage > a:hover {color:#d9d9d9 !important;}
  844. div.boardPostMessage > div * {color:#d9d9d9 !important;}
  845. div.boardPostMessage > div * > a {color:#9181bf !important;}
  846. div.boardPostMessage > div * > a:hover {color:#d9d9d9 !important;}
  847. div.boardPostMessage > font * {color:#d9d9d9 !important;}
  848. div.boardPostMessage > font * > a {color:#9181bf !important;}
  849. div.boardPostMessage > font * > a:hover {color:#d9d9d9 !important;}
  850. div.boardPostMessage > b * {color:#d9d9d9 !important;}
  851. div.boardPostMessage > b * > a {color:#9181bf !important;}
  852. div.boardPostMessage > b * > a:hover {color:#d9d9d9 !important;}
  853. div.boardPostMessage > i * {color:#d9d9d9 !important;}
  854. div.boardPostMessage > i * > a {color:#9181bf !important;}
  855. div.boardPostMessage > i * > a:hover {color:#d9d9d9 !important;}
  856. div.boardPostMessage > sup * {color:#d9d9d9 !important;}
  857. div.boardPostMessage > sup * > a {color:#9181bf !important;}
  858. div.boardPostMessage > sup * > a:hover {color:#d9d9d9 !important;}
  859. div.boardPostMessage > sub * {color:#d9d9d9 !important;}
  860. div.boardPostMessage > sub * > a {color:#9181bf !important;}
  861. div.boardPostMessage > sub * > a:hover {color:#d9d9d9 !important;}
  862. div.boardPostMessage > u * {color:#d9d9d9 !important;}
  863. div.boardPostMessage > u * > a {color:#9181bf !important;}
  864. div.boardPostMessage > u * > a:hover {color:#d9d9d9 !important;}
  865. div.boardPostMessage > p * {color:#d9d9d9 !important;}
  866. div.boardPostMessage > p * > a {color:#9181bf !important;}
  867. div.boardPostMessage > p * > a:hover {color:#d9d9d9 !important;}
  868. div.boardPostMessage > font {color:#d9d9d9 !important;}
  869. div.boardPostMessage > font a {color:#9181bf !important;}
  870. div.boardPostMessage > font a:hover {color:#d9d9d9 !important;}
  871. div.boardPostMessage > div {color:#d9d9d9 !important;}
  872. div.boardPostMessage > div a {color:#9181bf !important;}
  873. div.boardPostMessage > div a:hover {color:#d9d9d9 !important;}
  874. div.boardPostMessage > b {color:#d9d9d9 !important;}
  875. div.boardPostMessage > b a {color:#9181bf !important;}
  876. div.boardPostMessage > b a:hover {color:#d9d9d9 !important;}
  877. div.boardPostMessage > i {color:#d9d9d9 !important;}
  878. div.boardPostMessage > i a {color:#9181bf !important;}
  879. div.boardPostMessage > i a:hover {color:#d9d9d9 !important;}
  880. div.boardPostMessage > sup {color:#d9d9d9 !important;}
  881. div.boardPostMessage > sup a {color:#9181bf !important;}
  882. div.boardPostMessage > sup a:hover {color:#d9d9d9 !important;}
  883. div.boardPostMessage > sub {color:#d9d9d9 !important;}
  884. div.boardPostMessage > sub a {color:#9181bf !important;}
  885. div.boardPostMessage > sub a:hover {color:#d9d9d9 !important;}
  886. div.boardPostMessage > u {color:#d9d9d9 !important;}
  887. div.boardPostMessage > u a {color:#9181bf !important;}
  888. div.boardPostMessage > u a:hover {color:#d9d9d9 !important;}
  889. div.boardPostMessage > p {color:#d9d9d9 !important;}
  890. div.boardPostMessage > p a {color:#9181bf !important;}
  891. div.boardPostMessage > p a:hover {color:#d9d9d9 !important;}
  892.  
  893.  
  894. div.quote {
  895. color: #000
  896. }
  897.  
  898. #boardTopic ul li .reportButton-neoboards {
  899. border: 1px solid #b33333 !important;
  900. font-family: "Palanquin", 'Arial Bold', sans-serif;
  901. font-size: 9pt;
  902. line-height: 9pt;
  903. padding: 5px 10px;
  904. box-sizing: border-box;
  905. color: #b33333 !important;
  906. background-color: #201d1d !important;
  907. border-radius: 10px;
  908. margin: 5px 0 auto auto;
  909. display: block;
  910. }
  911.  
  912.  
  913. #boardTopic ul li .reportButton-neoboards a {
  914. color: #b33333 !important;
  915. }
  916.  
  917.  
  918. #boardTopic ul li .reportButton-neoboards:hover {
  919. background-color: #b33333 !important;
  920. color: #fff !important;
  921. }
  922. #boardTopic ul .topicNavTop .replyTopicButton-top {
  923. display: inline-block;
  924. border-radius: 5px;
  925. padding: 5px 7px;
  926. margin: 3px;
  927. font-size: 12pt;
  928. line-height: 12pt;
  929. vertical-align: middle;
  930. background-color: #3bc92e !important;
  931. background: -webkit-linear-gradient(#3bc92e, #2b8a27);
  932. background: -moz-linear-gradient(#3bc92e, #2b8a27);
  933. background: linear-gradient(#3bc92e, #2b8a27);
  934. border-radius: 15px;
  935. -webkit-box-shadow: inset 0px 0px 0px 1px rgba(59, 201, 46, 1), /* Same as top of gradient */
  936. inset 0px -3px 2px 3px rgba(36, 103, 23, 1), /* Bottom Shadow */
  937. inset 0px 2px 0px 1px rgba(201, 240, 198, 1), /* Top Shine */
  938. 0px 0px 0px 2px rgba(0, 0, 0, 1);
  939. /* black outside border */
  940. -moz-box-shadow: inset 0px 0px 0px 1px rgba(59, 201, 46, 1), /* Same as top of gradient */
  941. inset 0px -3px 2px 3px rgba(36, 103, 23, 1), /* Bottom Shadow */
  942. inset 0px 2px 0px 1px rgba(201, 240, 198, 1), /* Top Shine */
  943. 0px 0px 0px 2px rgba(0, 0, 0, 1);
  944. /* black outside border */
  945. box-shadow: inset 0px 0px 0px 1px rgba(59, 201, 46, 1), /* Same as top of gradient */
  946. inset 0px -3px 2px 3px rgba(36, 103, 23, 1), /* Bottom Shadow */
  947. inset 0px 2px 0px 1px rgba(201, 240, 198, 1), /* Top Shine */
  948. 0px 0px 0px 2px rgba(0, 0, 0, 1);
  949. /* black outside border */
  950. width: 100%;
  951. max-width: 200px;
  952. }
  953.  
  954. #boardTopic .topicNavTop a:hover {
  955. text-decoration: underline !important;
  956. }
  957.  
  958. #boardTopic .replyTopicButton-top:hover {
  959. color: #fff !important;
  960. text-decoration: underline !important
  961. }
  962.  
  963. #boardTopic ul li .boardPostByline .postAuthorInfo,
  964. #boardTopic ul li .boardPostByline .postPetInfo {
  965. overflow: hidden;
  966. }
  967.  
  968. @media screen and (min-width: 701px) {
  969. #boardTopic ul .pageNav {
  970. margin-left: auto;
  971. }
  972. #boardTopic ul li {
  973. grid-template-columns: 25% auto;
  974. }
  975. #boardTopic ul li .boardPostByline .postAuthor {
  976. margin-bottom: 10px;
  977. }
  978. #boardTopic ul .topicNavTop {
  979. grid-template-columns: 30% auto;
  980. }
  981. #boardTopic .breadcrumbs {
  982. grid-column: 1/3;
  983. }
  984. #boardTopic ul .topicNavTop .topicTitle {
  985. grid-column: 1/3;
  986. }
  987. #boardTopic ul .topicNavTop .topicStats {
  988. grid-column: 1/3;
  989. margin-left: 10px;
  990. }
  991. #boardTopic ul .topicNavTop .topicCreator,
  992. #boardTopic ul .topicNavTop .topicDate,
  993. #boardTopic ul .topicNavTop .topicSubPreface-neoboards {
  994. font-size: 11pt;
  995. line-height: 11pt;
  996. }
  997. }
  998. @media screen and (max-width: 700px) {
  999. #boardTopic ul .pageNav {
  1000. margin: auto;
  1001. }
  1002. #boardTopic ul li {
  1003. grid-template-columns: 100%;
  1004. }
  1005. #boardTopic ul li .boardPostByline {
  1006. display: flex;
  1007. }
  1008. #boardTopic ul li .boardPostByline .postAuthor {
  1009. margin-right: 10px;
  1010. }
  1011. #boardTopic ul .topicNavTop {
  1012. grid-template-columns: 100%;
  1013. }
  1014. #boardTopic .breadcrumbs {
  1015. grid-column: 1/2;
  1016. }
  1017. #boardTopic ul .topicNavTop .topicTitle {
  1018. grid-column: 1/2;
  1019. }
  1020. #boardTopic ul .topicNavTop .topicStats {
  1021. grid-column: 1/2;
  1022. margin: auto;
  1023. text-align: center;
  1024. }
  1025. #boardTopic ul .topicNavTop .replyTopicButton-top {
  1026. display: block;
  1027. margin: auto;
  1028. }
  1029.  
  1030. #boardTopic h1 {
  1031. /* text-align:center; */
  1032. }
  1033. #boardTopic ul .topicNavTop .topicCreator,
  1034. #boardTopic ul .topicNavTop .topicDate,
  1035. #boardTopic ul .topicNavTop .topicSubPreface-neoboards {
  1036. font-size: 9pt;
  1037. line-height: 9pt;
  1038. }
  1039. }
  1040. @media screen and (max-width: 450px) {
  1041. #boardTopic ul li .boardPostByline .postAuthor,
  1042. #boardTopic ul li .boardPostByline .postPet {
  1043. grid-template-columns: 30px auto;
  1044. }
  1045. #boardTopic ul li .boardPostByline .postAuthorPetIcon img {
  1046. /* This is a temporary fix. We need to change the pet image output to be a background image instead. */
  1047. width: 30px !important;
  1048. height: 30px !important;
  1049. box-sizing: border-box;
  1050. }
  1051. #boardTopic ul li .boardPostByline p {
  1052. font-size: 8pt;
  1053. line-height: 8pt;
  1054. }
  1055. }
  1056.  
  1057. /* Reply Section of Topic Page */
  1058.  
  1059. #boardTopic .topicReplyContainer,
  1060. #boardCreateTopic .topicCreateContainer {
  1061. display: grid;
  1062. grid-template-columns: 1fr 1fr 1fr;
  1063. }
  1064. #boardTopic .topicReplyContainer .topicReplyInput,
  1065. #boardCreateTopic .topicCreateContainer .topicCreateInput {
  1066. grid-column: 1/4;
  1067. padding: 10px 0;
  1068. }
  1069.  
  1070. #boardTopic .topicReplyContainer .topicReplyInput textarea,
  1071. #boardCreateTopic .topicCreateContainer .topicCreateInput textarea {
  1072. resize: none;
  1073. width: 90%;
  1074. margin: auto;
  1075. display: block;
  1076. border-radius: 5px;
  1077. border: 2px solid #cacaca;
  1078. }
  1079. #boardTopic .topicReplyContainer .topicReplyRemainder,
  1080. #boardCreateTopic .topicCreateContainer .topicCreateRemainder {
  1081. color: #525252;
  1082. width: fit-content;
  1083. -moz-width: fit-content;
  1084. font-family: 'MuseoSansRounded500', Arial, sans-serif;
  1085. font-size: 10pt;
  1086. }
  1087. #boardTopic .topicReplyContainer .topicReplyRemainder input,
  1088. #boardCreateTopic .topicCreateContainer .topicCreateRemainder input {
  1089. color: #000;
  1090. }
  1091. #boardTopic .topicReplyContainer .topicReplyRemainder .topicReplayRemainder-num,
  1092. #boardCreateTopic .topicCreateContainer .topicCreateRemainder .topicCreateRemainder-num {
  1093. background-color: #e2e2e2;
  1094. border-radius: 5px;
  1095. border: none;
  1096. padding: 3px;
  1097. text-align: center;
  1098. }
  1099. #boardTopic .topicReplyContainer .topicReplySubmit,
  1100. #boardCreateTopic .topicCreateContainer .topicCreateSubmit {
  1101. display: inline-block;
  1102. border-radius: 5px;
  1103. padding: 5px 7px;
  1104. margin: 3px;
  1105. font-size: 12pt;
  1106. line-height: 12pt;
  1107. vertical-align: middle;
  1108. background-color: #3bc92e !important;
  1109. background: -webkit-linear-gradient(#3bc92e, #2b8a27);
  1110. background: -moz-linear-gradient(#3bc92e, #2b8a27);
  1111. background: linear-gradient(#3bc92e, #2b8a27);
  1112. border-radius: 15px;
  1113. -webkit-box-shadow: inset 0px 0px 0px 1px rgba(59, 201, 46, 1), /* Same as top of gradient */
  1114. inset 0px -3px 2px 3px rgba(36, 103, 23, 1), /* Bottom Shadow */
  1115. inset 0px 2px 0px 1px rgba(201, 240, 198, 1), /* Top Shine */
  1116. 0px 0px 0px 2px rgba(0, 0, 0, 1);
  1117. /* black outside border */
  1118. -moz-box-shadow: inset 0px 0px 0px 1px rgba(59, 201, 46, 1), /* Same as top of gradient */
  1119. inset 0px -3px 2px 3px rgba(36, 103, 23, 1), /* Bottom Shadow */
  1120. inset 0px 2px 0px 1px rgba(201, 240, 198, 1), /* Top Shine */
  1121. 0px 0px 0px 2px rgba(0, 0, 0, 1);
  1122. /* black outside border */
  1123. box-shadow: inset 0px 0px 0px 1px rgba(59, 201, 46, 1), /* Same as top of gradient */
  1124. inset 0px -3px 2px 3px rgba(36, 103, 23, 1), /* Bottom Shadow */
  1125. inset 0px 2px 0px 1px rgba(201, 240, 198, 1), /* Top Shine */
  1126. 0px 0px 0px 2px rgba(0, 0, 0, 1);
  1127. /* black outside border */
  1128. width: 100%;
  1129. max-width: 200px;
  1130. }
  1131.  
  1132. #boardTopic .topicReplyContainer > table > tbody > tr > td {
  1133. color: #cfc9c9;
  1134. font-family: "MuseoSansRounded500", 'Arial', sans-serif;
  1135. }
  1136.  
  1137. #boardtopic .topicreplycontainer > table {
  1138. border: 0px !important
  1139. }
  1140.  
  1141. #boardTopic .topicReplyRemainder {
  1142. color: #cfc9c9 !important;
  1143. }
  1144.  
  1145. input.topicReplayRemainder-num {
  1146. color: #000 !important
  1147. }
  1148.  
  1149. #boardTopic .topicReplyContainer .topicReplySubmit:hover,
  1150. #boardCreateTopic .topicCreateContainer .topicCreateSubmit:hover {
  1151. color: #fff;
  1152. text-decoration: underline !important;
  1153. }
  1154. #boardTopic .topicReplyContainer .topicReplyIcons,
  1155. #boardCreateTopic .topicCreateContainer .topicCreateIcons {
  1156. padding: 10px;
  1157. display: flex;
  1158. }
  1159. #boardTopic .topicReplyContainer .topicReplyIcons .replySmilies-neoboards,
  1160. #boardCreateTopic .topicCreateContainer .topicCreateIcons .topicCreateSmilies-neoboards {
  1161. display: inline-block;
  1162. vertical-align: top;
  1163. }
  1164. #boardTopic .topicReplyContainer .topicReplyIcons .smiley,
  1165. #boardCreateTopic .topicCreateContainer .topicCreateIcons .smiley {
  1166. margin: auto 5px 5px;
  1167. display: inline-block;
  1168. }
  1169. #boardTopic .topicReplyContainer .topicReplyIcons table,
  1170. #boardCreateTopic .topicCreateContainer .topicCreateIcons table {
  1171. display: inline-block;
  1172. }
  1173.  
  1174. @media screen and (max-width: 700px) {
  1175. /* Mobile layout */
  1176. #boardTopic .topicReplyContainer .topicReplyRemainder,
  1177. #boardCreateTopic .topicCreateContainer .topicCreateRemainder {
  1178. grid-column: 1/4;
  1179. grid-row: 4/5;
  1180. margin: auto auto 10px;
  1181. }
  1182. #boardTopic .topicReplyContainer .topicReplyIcons,
  1183. #boardCreateTopic .topicCreateContainer .topicCreateIcons {
  1184. grid-column: 1/3;
  1185. grid-row: 2/3;
  1186. margin: auto auto auto 10%;
  1187. }
  1188. #boardTopic .topicReplyContainer .topicReplyInput,
  1189. #boardCreateTopic .topicCreateContainer .topicCreateInput {
  1190. grid-row: 3/4;
  1191. }
  1192. #boardTopic .topicReplyContainer .topicReplySubmit,
  1193. #boardCreateTopic .topicCreateContainer .topicCreateSubmit {
  1194. grid-column: 3/4;
  1195. grid-row: 2/3;
  1196. margin: auto 20% 0 auto;
  1197. width: 35px;
  1198. height: 35px;
  1199. border-radius: 50%;
  1200. font-size: 0;
  1201. background-image: url(https://images.neopets.com/neoboards/send-white.svg);
  1202. background-size: 60%;
  1203. background-color: #3b54b4 !important;
  1204. background-repeat: no-repeat;
  1205. box-shadow: none;
  1206. background-position: 5px;
  1207. }
  1208. #boardTopic .topicReplyContainer .topicReplySubmit:hover,
  1209. #boardCreateTopic .topicCreateContainer .topicCreateSubmit:hover {
  1210. background-image: url(https://images.neopets.com/neoboards/send-blue.svg);
  1211. background-color: white !important;
  1212. box-shadow: none;
  1213. border: 1px solid white;
  1214.  
  1215. }
  1216. #boardTopic .topicReplyContainer .topicReplySubmit-text,
  1217. #boardCreateTopic .topicCreateContainer .topicCreateSubmit-text {
  1218. display: none;
  1219. }
  1220. }
  1221. @media screen and (min-width: 701px) {
  1222. /* Desktop layout */
  1223. #boardTopic .topicReplyContainer .topicReplyRemainder,
  1224. #boardCreateTopic .topicCreateContainer .topicCreateRemainder {
  1225. grid-column: 3/4;
  1226. grid-row: 3/4;
  1227. margin: auto 20% auto auto;
  1228. }
  1229. #boardTopic .topicReplyContainer .topicReplyIcons,
  1230. #boardCreateTopic .topicCreateContainer .topicCreateIcons {
  1231. grid-column: 1/2;
  1232. grid-row: 3/5;
  1233. margin: auto auto auto 20%;
  1234. }
  1235. #boardTopic .topicReplyContainer .topicReplyInput,
  1236. #boardCreateTopic .topicCreateContainer .topicCreateInput {
  1237. grid-row: 2/3;
  1238. }
  1239. #boardTopic .topicReplyContainer .topicReplySubmit,
  1240. #boardCreateTopic .topicCreateContainer .topicCreateSubmit {
  1241. grid-column: 2/3;
  1242. grid-row: 3/4;
  1243. margin: auto;
  1244. width: 90%;
  1245. max-width: 250px;
  1246. border-radius: 5px;
  1247. }
  1248. }
  1249.  
  1250. /* Create a new topic page */
  1251. #boardCreateTopic {}
  1252. #boardCreateTopic h1 {
  1253. font-family: "Palanquin", 'Arial Bold', sans-serif;
  1254. font-size: 18pt;
  1255. line-height: 18pt;
  1256. grid-column: 1/4;
  1257. text-align: center;
  1258. padding: 10px;
  1259. box-sizing: border-box;
  1260. background-color: #9181bf !important;
  1261. color: #000;
  1262. width: 100%;
  1263. margin: 0 0 10px;
  1264. }
  1265. #boardCreateTopic p {
  1266. text-align: center;
  1267. color: #d9d9d9;
  1268. font-family: "MuseoSansRounded500", 'Arial', sans-serif;
  1269. width: 90%;
  1270. margin: 10px auto;
  1271. font-size: 11pt;
  1272. }
  1273. #boardCreateTopic h3 {
  1274. font-family: "Palanquin", 'Arial Bold', sans-serif;
  1275. font-size: 13pt;
  1276. line-height: 13pt;
  1277. }
  1278. #boardCreateTopic h2.topicCreateTitle {
  1279. font-family: "Palanquin", 'Arial Bold', sans-serif;
  1280. margin: 5px auto;
  1281. font-size: 14pt;
  1282. line-height: 14pt;
  1283. grid-column: 1/4;
  1284. color: #d9d9d9
  1285. }
  1286.  
  1287. #boardcreateTopic .topicCreateContainer > table > tbody > tr > td {
  1288. color: #cfc9c9;
  1289. font-family: "MuseoSansRounded500", 'Arial', sans-serif;
  1290. }
  1291.  
  1292. #boardcreatetopic form .topiccreatecontainer > table {
  1293. border: 0px !important
  1294. }
  1295.  
  1296. #boardcreateTopic .topiccreateRemainder {
  1297. color: #cfc9c9 !important;
  1298. }
  1299.  
  1300. #boardCreateTopic .topicCreateInputField-wrap {
  1301. margin: 10px auto;
  1302. width: 90%;
  1303. text-align: center;
  1304. color: #d9d9d9;
  1305. letter-spacing: 1.2
  1306. }
  1307.  
  1308. label.topicCreateTitle {
  1309. color: #cfc9c9 !important;
  1310. }
  1311. h4.neoboardpentitle {
  1312. color: #cfc9c9 !important;
  1313. }
  1314.  
  1315. #boardCreateTopic .topicCreateInputField input,
  1316. #boardCreateTopic .topicCreateInputField select {
  1317. border: 1px solid #cacaca;
  1318. }
  1319. @media screen and (max-width: 350px) {
  1320. /* Mobile layout */
  1321. #boardCreateTopic h3 {
  1322. display: block;
  1323. margin: 10px auto;
  1324. }
  1325. #boardCreateTopic .topicCreateInputField {
  1326. display: block;
  1327. }
  1328. }
  1329. @media screen and (min-width: 351px) {
  1330. /* Desktop layout */
  1331. #boardCreateTopic h3 {
  1332. display: inline-block;
  1333. margin: 0 10px 0 0;
  1334. }
  1335. #boardCreateTopic .topicCreateInputField {
  1336. display: inline-block;
  1337. }
  1338. }
Advertisement
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!