API tools faq
paste
Advertisement
MatthiasProgrammiert

Cyber CSS NoAnimation

MatthiasProgrammiert
Jun 6th, 2020
31
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.83 KB | None | 0 0
raw download clone embed print report
  1. body {
  2.     /*Bright Design*/
  3.     /*--accent-color-main: rgb(255, 153, 0);
  4.     --accent-color-sub: rgb(255, 64, 0);
  5.  
  6.     --base-color-main:rgb(230,230,230);
  7.     --base-color-sub:rgb(210,210,210);
  8.  
  9.     --controls-color-main:rgb(190,190,190);
  10.     --controls-color-sub:rgb(170,170,170);
  11.  
  12.     --text-color-heading:rgba(20,20,20);
  13.     --text-color-subheading:rgba(50,50,50);
  14.     --text-color-normal:rgba(10,10,10);
  15.     --text-color-controls:rgba(30,30,20);
  16.     --text-color-link:var(--accent-color-main);
  17.  
  18.     --negative-color-main:rgb(200,50,50);
  19.     --negative-color-sub:rgb(230,70,70);
  20.  
  21.     --positive-color-main:rgb(50,200,50);
  22.     --positive-color-sub:rgb(70,230,70);*/
  23.  
  24.     /*Dark Design*/
  25.     --accent-color-main: rgb(255, 153, 0);
  26.     --accent-color-sub: rgba(255, 153, 0, 0.5);
  27.  
  28.     --base-color-main:rgb(15,15,15);
  29.     --base-color-sub:rgb(35,35,35);
  30.  
  31.     --controls-color-main:rgb(35,40,45);
  32.     --controls-color-sub:rgb(45,50,55);
  33.  
  34.     --text-color-heading:rgba(230,230,230);
  35.     --text-color-subheading:rgba(150,150,150);
  36.     --text-color-normal:rgba(200,200,210);
  37.     --text-color-controls:rgba(200,200,210);
  38.     --text-color-link:var(--accent-color-main);
  39.  
  40.     --negative-color-main:rgb(200,50,50);
  41.     --negative-color-sub:rgb(230,70,70);
  42.  
  43.     --positive-color-main:rgb(40,160,40);
  44.     --positive-color-sub:rgb(60,180,60);
  45.  
  46.     background-color: var(--base-color-main) !important;
  47. }
  48. a {
  49.     color: var(--text-color-link);
  50. }
  51. /*Style for topbar*/
  52. #mainmenu a {
  53.     color: var(--text-color-heading) !important;
  54. }
  55. #mainmenu a > span {
  56.     color: var(--text-color-subheading) !important;
  57. }
  58. #mainmenu > li {
  59.     background-color: var(--base-color-main) !important;
  60. }
  61. #mainmenu > li.active {
  62.     border-bottom: 2px solid var(--accent-color-main) !important;
  63. }
  64. #mainmenu > li.hover {
  65.     box-shadow: none !important;
  66.     background-color: var(--controls-color-main) !important;
  67. }
  68. #mainmenu a {
  69.     color: var(--text-color-controls) !important;
  70. }
  71. #mainmenu > li > ul {
  72.     background-color: var(--base-color-main) !important;
  73. }
  74. #mainmenu > li > ul > li:hover {
  75.     background-color: var(--controls-color-main) !important;
  76. }
  77. #mainnav {
  78.     background-color: var(--base-color-main) !important;
  79. }
  80. #avatar > #avatarmenu {
  81.     border: none !important;
  82.     outline: none !important;
  83. }
  84. #avatar > #avatarmenu > li {
  85.     background-color: var(--base-color-main) !important;
  86. }
  87. #avatar > #avatarmenu > li:hover {
  88.     background-color: var(--controls-color-main) !important;
  89. }
  90. #avatar > #avatarmenu > li > a {
  91.     color: var(--text-color-heading) !important;
  92. }
  93. #avatar > #avatarmenu > li > a > span {
  94.     color: var(--text-color-subheading) !important;
  95. }
  96. #mylists.hover {
  97.     background-color: var(--controls-color-main) !important;
  98.     box-shadow: none !important;
  99. }
  100. #mylists > #mylistsmenu {
  101.     border: none !important;
  102.     outline: none !important;
  103. }
  104. #mylists > #mylistsmenu > li {
  105.     background-color: var(--base-color-main) !important;
  106. }
  107. #mylists > #mylistsmenu > li:hover {
  108.     background-color: var(--controls-color-main) !important;
  109. }
  110. #mylists > #mylistsmenu > li > a {
  111.     color: var(--text-color-heading) !important;
  112. }
  113. #mylists > #mylistsmenu > li > a > span {
  114.     color: var(--text-color-subheading) !important;
  115. }
  116. #header {
  117.     border-bottom-color: var(--controls-color-main) !important;
  118. }
  119. #searchbox {
  120.     background-color: var(--base-color-main) !important;
  121.     border-bottom-color: var(--base-color-sub) !important;
  122. }
  123. #searchbar {
  124.     border: none !important;
  125.     margin: 6px !important;
  126. }
  127. #searchbar input {
  128.     color: var(--text-color-controls) !important;
  129. }
  130. #searchbar > form > #sb1 > #qsearch {
  131.     background-color: var(--controls-color-main) !important;
  132. }
  133. #searchbar > form > #sb2 #qselect {
  134.     background-color: var(--controls-color-main) !important;
  135.     border-color: var(--controls-color-main) !important;
  136. }
  137. #searchbar > form > #sb3 button {
  138.     background-color: var(--controls-color-main) !important;
  139.     border-color: var(--controls-color-main) !important;
  140. }
  141. /*breadcrump style*/
  142. #breadcrumb-home:before {
  143.     color: var(--text-color-controls) !important;
  144. }
  145. #breadcrumb > li {
  146.     margin-left: 5px;
  147. }
  148. #breadcrumb > li > a {
  149.     background-color: var(--controls-color-main) !important;
  150.     color: var(--text-color-controls) !important;
  151. }
  152. #breadcrumb > li > a::after {
  153.     border-top-color: var(--controls-color-main) !important;
  154.     border-left-color: var(--controls-color-main) !important;
  155. }
  156. #breadcrumb > li > a::before {
  157.     left: -14px !important;
  158.     border-top-color: transparent !important;
  159.     border-right-color: var(--controls-color-main) !important;
  160.     border-bottom-color: var(--controls-color-main) !important;
  161. }
  162. #breadcrumb > li > a:hover {
  163.     background-color: var(--controls-color-sub) !important;
  164. }
  165. #breadcrumb > li > a:hover > span {
  166.     max-width: 30vw !important;
  167. }
  168. #breadcrumb > li > a:hover::after {
  169.     border-top-color: var(--controls-color-sub) !important;
  170.     border-left-color: var(--controls-color-sub) !important;
  171. }
  172. #breadcrumb > li > a:hover::before {
  173.     left: -14px !important;
  174.     border-top-color: transparent !important;
  175.     border-right-color: var(--controls-color-sub) !important;
  176.     border-bottom-color: var(--controls-color-sub) !important;
  177. }
  178. /*top part style*/
  179. #htitle {
  180.     display: inline-block !important;
  181.     color: var(--text-color-heading) !important;
  182. }
  183. #htitle > .subheader {
  184.     color: var(--text-color-subheading) !important;
  185. }
  186. #page-action {
  187.     display: inline-flex !important;
  188.     margin-left: 10px !important;
  189.     color: var(--text-color-controls) !important;
  190. }
  191. #page-action > #page-action-deluser.active {
  192.     background-color: var(--negative-color-main) !important;
  193. }
  194. #page-action > #page-action-deluser.active:hover {
  195.     background-color: var(--negative-color-sub) !important;
  196. }
  197. #page-action > li {
  198.     background-color: var(--controls-color-main) !important;
  199.     color: var(--text-color-controls) !important;
  200. }
  201. #page-action > li:hover {
  202.     background-color: var(--controls-color-sub) !important;
  203. }
  204. #details-subs > li {
  205.     background-color: var(--controls-color-main) !important;
  206.     border-color: var(--controls-color-main) !important;
  207.     border-bottom-color: var(--controls-color-sub) !important;
  208. }
  209. #details-subs > li:hover {
  210.     background-color: var(--controls-color-sub) !important;
  211. }
  212. #details-subs > li > a {
  213.     color: var(--text-color-controls) !important;
  214. }
  215. #details-subs > li.active {
  216.     border-bottom-color: var(--accent-color-main) !important;
  217. }
  218. #start {
  219.     background-color: var(--base-color-main) !important;
  220.     border-bottom-color: var(--controls-color-sub) !important;
  221. }
  222. .contentbg {
  223.     background-color: var(--base-color-main) !important;
  224. }
  225. #infodetails li {
  226.     color: var(--text-color-subheading) !important;
  227. }
  228. #infodetails  li>span {
  229.     color: var(--text-color-heading) !important;
  230. }
  231. #content-outer {
  232.     background-color: transparent !important;
  233. }
  234. #content-sidebar {
  235.     background-color: transparent !important;
  236. }
  237. #content-sidebar > section {
  238.     margin: 0px 0px 5px 0px !important;
  239. }
  240. /*main section style*/
  241. section {
  242.     border-top: 2px solid var(--accent-color-main) !important;
  243.     border-left: 2px solid var(--base-color-sub) !important;
  244.     background-color: transparent !important;
  245. }
  246. section > h2 {
  247.     border-top: none !important;
  248.     background-color: var(--base-color-main) !important;
  249.     color: var(--text-color-heading) !important;
  250. }
  251. section > h2 > a {
  252.     color: var(--text-color-heading) !important;
  253. }
  254. /*forum specific style*/
  255. div.pagenav-info {
  256.     display: none;
  257. }
  258. .newreply {
  259.     padding: 3px 6px !important;
  260.     background-color: var(--controls-color-main) !important;
  261.     color: var(--text-color-controls) !important;
  262. }
  263. .pagenav > li > a {
  264.     background-color: var(--controls-color-main) !important;
  265.     color: var(--text-color-controls) !important;
  266. }
  267. .pagenav > li > a.pagenav-current {
  268.     background-color: var(--controls-color-sub) !important;
  269.     color: var(--text-color-controls) !important;
  270. }
  271. #thread-controls {
  272.     position: absolute !important;
  273.     width: 70% !important;
  274.     right: 0px !important;
  275.     top: -30px !important;
  276.     background-color: var(--base-color-main) !important;
  277. }
  278. #thread-controls > a {
  279.     color: var(--text-color-link);
  280. }
  281. #threadid .rpopup-button {
  282.     top: 24px !important;
  283.     left: 0px !important;
  284.     width: 80px;
  285. }
  286. #threadid > h2 {
  287.     max-width: 100%;
  288. }
  289. #threadid > h2 > a {
  290.     max-width: 95% !important;
  291.     text-overflow: ellipsis !important;
  292.     overflow: hidden !important;
  293.     white-space: nowrap !important;
  294. }
  295. #threadid > div {
  296.     position: relative !important;
  297.     top:20px !important;
  298. }
  299. .textblock {
  300.     color: var(--text-color-normal) !important;
  301. }
  302. #posts > article {
  303.     background-color: var(--base-color-sub)  !important;
  304.     border: none !important;
  305.     margin: 0px !important;
  306.     border-bottom: 5px solid var(--base-color-main) !important;
  307. }
  308. #posts > article > header {
  309.     background-color: var(--base-color-sub)  !important;
  310.     border-bottom: 1px solid var(--controls-color-main) !important;
  311. }
  312. #posts > article > header > .page-share {
  313.     background-color: var(--base-color-sub)  !important;
  314. }
  315. #posts > article > .textblock {
  316. }
  317. #posts > article > footer {
  318.     display: none !important;
  319. }
  320. #posts > article:hover > footer {
  321.     display: block !important;
  322. }
  323. .xlist>li:nth-child(odd):not(:only-child) {
  324.     background-color: var(--base-color-main) !important;
  325. }
  326. .xlist>li:nth-child(even):not(:only-child) {
  327.     background-color: var(--base-color-sub) !important;
  328. }
  329. #details-subsB > li {
  330.     border-bottom: none !important;
  331. }
  332. #details-subsB > li:hover {
  333.     background-color: var(--controls-color-sub) !important;
  334. }
  335. #details-subsB > li.active {
  336.     border-bottom: 2px solid var(--accent-color-main) !important;
  337.     background-color: transparent !important;
  338. }
  339. #details-subsB > li.active:hover {
  340.     background-color: var(--controls-color-sub) !important;
  341. }
  342. #details-subsB > li > a {
  343.     color: var(--text-color-controls) !important;
  344. }
  345. #footer {
  346.     background-color: var(--base-color-main) !important;
  347.     border-top-color: var(--base-color-sub) !important;
  348. }
  349. #footer .footer-heading {
  350.     color: var(--text-color-heading) !important;
  351. }
  352. #footer .footer-boxes {
  353.     color: var(--text-color-normal) !important;
  354. }
  355. .ibox {
  356.     border-radius: 0px !important;
  357.     background-color: var(--base-color-sub) !important;
  358.     border: none !important;
  359. }
  360. .responsive-table tbody tr:nth-of-type(odd) > td, .responsive-table tbody tr:nth-of-type(odd) > th {
  361.     background-color: var(--base-color-sub) !important;
  362. }
  363. .responsive-table tbody tr:nth-of-type(even) > td, .responsive-table tbody tr:nth-of-type(even) > th {
  364.     background-color: var(--base-color-main) !important;
  365. }
  366. .sbuttonA, .sbuttonB, .sbuttonC {
  367.     background-color: var(--controls-color-main) !important;
  368.     color: var(--text-color-controls) !important;
  369. }
  370. .sbuttonA:hover, .sbuttonB:hover, .sbuttonC:hover {
  371.     background-color: var(--controls-color-sub) !important;
  372. }
  373. button[type=submit].button-delete, button[type=button].button-delete {
  374.     background-color: var(--negative-color-main) !important;
  375.     color: var(--text-color-controls) !important;
  376. }
  377. button[type=submit].button-delete:hover, button[type=button].button-delete:hover {
  378.     background-color: var(--negative-color-sub) !important;
  379. }
  380. .msgBox>div.notice {
  381.     background-color: var(--base-color-sub) !important;
  382.     border: none !important;
  383.     color: var(--text-color-normal) !important;
  384. }
  385. button[type=submit], .button-submit {
  386.     background-color: var(--positive-color-main) !important;
  387.     color: var(--text-color-controls) !important;
  388. }
  389. button[type=submit]:hover, .button-submit:hover {
  390.     background-color: var(--positive-color-sub) !important;
  391. }
  392. .statslist > li {
  393.     border-bottom: 1px solid var(--base-color-sub) !important;
  394. }
  395. /*search filters*/
  396. #search-button {
  397.     background-color: var(--controls-color-main) !important;
  398.     color: var(--text-color-controls) !important;
  399. }
  400. #search-container {
  401.     border: none !important;
  402. }
  403. #search-tabs {
  404.     background-color: var(--controls-color-main) !important;
  405. }
  406. #search-tabs > li {
  407.     color: var(--text-color-controls) !important;
  408. }
  409. #search-tabs > li:hover {
  410.     background-color: var(--controls-color-sub) !important;
  411. }
  412. #search-tabs > li.hover {
  413.     background-color: var(--controls-color-main) !important;
  414.     border-bottom: 2px solid var(--accent-color-main) !important;
  415. }
  416. #search-tabs > li.hover:hover {
  417.     background-color: var(--accent-color-sub) !important;
  418. }
  419. #search-tabs-content {
  420.     background-color: var(--base-color-sub) !important;
  421.     color: var(--text-color-normal) !important;
  422.     border-bottom: 2px solid var(--base-color-main) !important;
  423. }
  424. #search-filters {
  425.     background-color: var(--base-color-sub) !important;
  426. }
  427. /*sorting options*/
  428. #table-menu > li {
  429.     background-color: var(--controls-color-main) !important;
  430.     color: var(--text-color-controls) !important;
  431. }
  432. #table-menu > li.hover {
  433.     border-bottom: 2px solid var(--accent-color-main) !important;
  434. }
  435. #table-menu > li > div {
  436.     color: var(--text-color-controls) !important;
  437. }
  438. #table-menu-content .table {
  439.     color: var(--text-color-normal) !important;
  440. }
  441. #table-menu-content .control {
  442.     color: var(--text-color-normal) !important;
  443. }
  444. #table-menu-content > div {
  445.     background-color: var(--base-color-sub) !important;
  446. }
  447. button, input[type=button], input[type=submit] {
  448.     background-color: var(--controls-color-main) !important;
  449. }
  450. button:hover, input[type=button]:hover, input[type=submit]:hover {
  451.     background-color:var(--controls-color-sub) !important;
  452. }
  453. /*rating box*/
  454. #ratingBox > div {
  455.     background-color: var(--base-color-main) !important;
  456.     border: none !important;
  457. }
  458. #ratingBox > div > header {
  459.     background-color: var(--base-color-sub) !important;
  460.     color: var(--text-color-heading) !important;
  461. }
  462. #ratingBox > div > header > div {
  463.     color: var(--text-color-subheading) !important;
  464. }
  465. #ratingSettings tr {
  466.     color: var(--text-color-normal) !important;
  467. }
  468. #submit-button label {
  469.     color:var(--text-color-normal) !important;
  470. }
  471. .plain-infobox {
  472.     background-color: var(--controls-color-main) !important;
  473.     border: none !important;
  474.     color: var(--text-color-normal) !important;
  475. }
  476. #footer-links > a {
  477.     color: var(--text-color-controls) !important;
  478. }
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!