Advertisement
Momshroom

Blastic designs main

Jun 20th, 2020
1,297
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.31 KB | None | 0 0
  1. @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
  2. @import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
  3. @import url(http://fonts.googleapis.com/css?family=Roboto:300);
  4.  
  5. /* SITE EDITS */
  6. #page-wrap {
  7.     font-family:'Roboto' !important;
  8.     font-size: 13px !important;
  9. }
  10. .container.with-header .container_header .header_text_text {
  11.     font-family: 'Roboto';
  12.     font-size: 19px;
  13. }
  14. #page-footer {
  15.     display: none;
  16. }
  17. #site-body {
  18.     margin-bottom: 100px;
  19. }
  20. #enjin-bar a {
  21.     color: #fff;
  22. }
  23. #enjin-bar > div.left > a:first-child {
  24.     display: none;
  25. }
  26. .m_html {
  27.     padding:0;
  28. }
  29. .m_forum .search-box .input-text {
  30.     margin: 0 3px;
  31. }
  32. .container .header_text_text .fa {
  33.     color: #000;
  34. }
  35. .m_minecraftserverstatus_new {
  36.     display: none;
  37. }
  38.  
  39. /* MENU */
  40.  
  41. #menu-nav {
  42.   float:left;
  43.   width:100%; height:auto;
  44.   margin:30px 0;
  45.   background-color:#252525;
  46.   border-radius:4px;
  47.   overflow:hidden;
  48.   box-shadow:0 0 5px rgba(0,0,0,0.3);
  49.   font-family:'Roboto'
  50. }
  51.  
  52. /* navigation bar */
  53. #navigation-bar {width:100%;}
  54. #navigation-bar ul {margin:0; padding:0; list-style:none; width:100%; border-radius:4px; overflow:hidden;}
  55. #navigation-bar li {float:left; padding:0; margin:0; list-style:none; width:16.66%;}
  56. #navigation-bar a {
  57.   color:#c1c1c1; font-size:20px; text-decoration:none; text-align:center;
  58.   width:100%;
  59.   padding:20px 0;
  60.   display:block; position:relative;
  61.   transition: all 0.3s ease;
  62. }
  63. #navigation-bar a:hover {color:#434343;}
  64. #navigation-bar > ul > li > a:hover span {
  65.     color: #252525 !important;
  66. }
  67. #navigation-bar > ul > li > a:hover .fa {
  68.     color: #23cecc !important;
  69. }
  70. /*  #navigation-bar li:first-child a {border-radius:4px 0 0 4px;}
  71. #navigation-bar li:last-child a {border-radius:0 4px 4px 0;}  */
  72. #navigation-bar a:before {
  73.   content:'';
  74.   transition:all .4s ease-in-out;
  75.   position:absolute;
  76.   right:51%;
  77.   left:50%;
  78.   bottom:0;
  79.   display:block;
  80.   height:2px;
  81.   background-color:#23cecc;
  82. }
  83. #navigation-bar li:hover a:before, #navigation-bar a:hover:before {right:0; left:0;}
  84. #navigation-bar span {display:block;}
  85.  
  86. #navigation-bar > ul > li > a .fa {
  87.     transition: .3s ease-in-out;
  88.     opacity: 0.7;
  89. }
  90. #navigation-bar > ul > li > a:hover > .fa {
  91.     -webkit-transform: translateY(0.7em) scale(3) rotate(15deg);
  92.     -moz-transform: translateY(0.7em) scale(3) rotate(15deg);
  93.     -ms-transform: translateY(0.7em) scale(3) rotate(15deg);
  94.     -o-transform: translateY(0.7em) scale(3) rotate(15deg);
  95.     transform: translateY(0.7em) scale(3) rotate(15deg);
  96.   }
  97.  
  98.  
  99.  
  100. /* FORUMS */
  101. .m_forum .breadcrumbs {
  102.     display: none;
  103. }
  104. .m_forum .forum-area .contentbox .block-container .structure .row td {
  105.     transition: .2s ease-in-out;
  106.     background: #0d1b1f;
  107. }
  108.     .m_forum .forum-area .contentbox .block-container .structure .row:hover td {
  109.         background: #0F2227;
  110.     }
  111. .m_forum .forum-area .contentbox .block-container .structure .row .forum-icon, .m_forum .forum-area .contentbox .block-container .structure .row .thread-icon {
  112.     background: #041013;
  113. }
  114.     .m_forum .forum-area .contentbox .block-container .structure .row:hover .forum-icon, .m_forum .forum-area .contentbox .block-container .structure .row:hover .thread-icon {
  115.         background: #041013;
  116.     }
  117. .m_forum .forum-area .contentbox .block-title .text .mask {
  118.     font-size: 18px;
  119.     font-family: 'Montserrat', sans-serif;
  120. }
  121. .m_forum .forum-area .contentbox .block-container .structure .row .latest .nameicons {
  122.     display: none;
  123. }
  124. .m_forum .forum-area .contentbox .block-container .block-filter, .m_forum .forum-area .contentbox .block-container .announcement-separator {
  125.     border: 0;
  126. }
  127. .m_forum .forum-area .contentbox .block-container .block-filter .filter-elem.active {
  128.     background: #0C2324;
  129. }
  130. .m_forum .forum-area .contentbox .block-container .block-filter .filter-elem, .m_forum .forum-area .contentbox .block-container .block-filter {
  131.     background: #041617;
  132. }
  133.  
  134. .m_forum .forum-area .widgets.top div:nth-child(2){
  135.     display: none;
  136. }
  137. .m_forum .forum-area .contentbox .block-container .structure .row .post {
  138.     background: #00222B !important;
  139. }
  140.  
  141. .m_forum .forum-area .forum-stats .inner {
  142.     background: #0D1B1F;
  143. }
  144.  
  145. /* LATEST THREADS */
  146. .m_forumlatestthreads .thread {
  147.     transition: .2s ease-in-out;
  148. }
  149.     .m_forumlatestthreads .thread:hover {
  150.         border-left: 3px solid #23CECC;
  151.         transition: .1s ease-in-out;
  152.     }
  153. .m_forumlatestthreads .thread .post-info .info .nameicons {
  154.     display: none;
  155. }
  156. .m_forumlatestthreads .thread .post-info .title a:hover {
  157.     text-decoration: none;
  158.     text-shadow: 0px 0px 5px #4DF5DD;
  159.     color: #3493c2;
  160. }
  161. .m_forumlatestthreads .thread_first {
  162.     padding-top:10px;
  163. }
  164.  
  165.  
  166. /* VOTE */
  167. .m_minecraftvoting .server-lists .server-list {
  168.     width: 120px;
  169.     display: inline-block;
  170.     margin: 14px;
  171.     height: 120px;
  172.     background: #317b85;
  173.     opacity: .7;
  174.     transition: .2s ease-in-out;
  175. }
  176.     .m_minecraftvoting .server-lists .server-list:hover {
  177.         opacity:1;
  178.     }
  179. .m_minecraftvoting .server-lists .list-name {
  180.     display: none;
  181. }
  182. .m_minecraftvoting .server-lists .element_smallbutton {
  183.     top:0;
  184. }
  185. .m_minecraftvoting .server-lists .element_smallbutton input {
  186.     padding-bottom: 3px;
  187.     width: 120px;
  188.     height: 120px;
  189.     font-size: 25px;
  190.     color: #fff;
  191. }
  192. .m_minecraftvoting .server-lists .voted-check {
  193.     float: right;
  194.     margin: 25px;
  195.     width: 70px;
  196.     content: url('https://upload.wikimedia.org/wikipedia/commons/b/bd/Checkmark_green.svg');
  197.     height: 70px;
  198. }
  199.  
  200.  
  201.  
  202. .m_minecraftvoting .voting-section .section-content .list .list-item .element_avatar img {
  203.     width: 90px;
  204.     height: 90px;
  205.     opacity: 0.6;
  206.     transition: .2s ease-in-out;
  207. }
  208.     .m_minecraftvoting .voting-section .section-content .list .list-item .element_avatar:hover img {
  209.         opacity: 1;
  210.     }
  211. .m_minecraftvoting .voting-section .section-content .list .list-item .element_avatar {
  212.     margin: 0 0 10px 0;
  213.     padding:0;
  214. }
  215. .m_minecraftvoting .list {
  216.     float:left;
  217. }
  218. .m_minecraftvoting .list-item {
  219.     height: 130px;
  220.     width: 90px;
  221.     float:left;
  222.     margin: 15px 31px 0;
  223.     text-align: center;
  224. }
  225.     .m_minecraftvoting .list-item:first-child .player-name:before {
  226.         content: url('http://files.enjin.com/765160/blasticdesigns/gold.png');
  227.     }
  228.     .m_minecraftvoting .list-item:nth-child(2) .player-name:before {
  229.         content: url('http://files.enjin.com/765160/blasticdesigns/silver.png');
  230.     }
  231.     .m_minecraftvoting .list-item:nth-child(3) .player-name:before {
  232.         content: url('http://files.enjin.com/765160/blasticdesigns/bronze.png');
  233.     }
  234.  
  235. /* END OF VOTE */
  236.  
  237. /* NEWS */
  238.  
  239. .m_news .article .article-body {
  240.     padding: 0 !important;
  241. }
  242.  
  243. .m_news .article .article-body .article-body-content .heading  {
  244.     background: #23cecc;
  245.     left: 0;
  246.     height: 50px;
  247.     margin: 0 -1px;
  248.     padding: 10px 30px;
  249. }
  250. .m_news .article .article-body .article-body-content .commentbox {
  251.     padding: 0 30px;
  252. }
  253. .m_news .article .article-body .article-body-content .article-footer {
  254.     padding: 0 30px 30px 30px;
  255. }
  256. .m_news .article .article-body .article-body-content .article-footer .post-comment-link {
  257.     background: #075851;
  258.     padding: 10px;
  259.     transition: .2s ease-in-out;
  260.     color: #fff;
  261. }
  262.     .m_news .article .article-body .article-body-content .article-footer .post-comment-link:hover {
  263.         background: #248078;
  264.         text-decoration: none;
  265.         color: #fff;
  266.     }
  267. .m_news .article .article-body .article-body-content .heading .element_avatar {
  268.     position:absolute;
  269.     left: -70px;
  270.     top:0;
  271.     background: #23cecc;
  272.     margin: 0;
  273.     padding: 1px;
  274.     outline: 0 none;
  275.     border: 0 none;
  276. }
  277.     .m_news .article .article-body .article-body-content .heading .element_avatar img {
  278.         width: 68px;
  279.         height: 68px;
  280.         opacity: .7;
  281.         transition: .5s ease-in-out;
  282.     }
  283.         .m_news .article .article-body .article-body-content .heading .element_avatar img:hover {
  284.             opacity: 1;
  285.         }
  286. .m_news .article .article-body .article-body-content .heading .element_avatar div {
  287.     display: none;
  288. }
  289. .m_news .article .article-body .article-body-content .heading .title {
  290.     display:inline;
  291.     line-height: 50px;
  292.     line-height: 50px;
  293.     font-size: 35px;
  294.     color: #999;
  295. }
  296.     .m_news .article .article-body .article-body-content .heading .title a {
  297.         color: #175258;
  298.         font-family: 'Montserrat', sans-serif;
  299.     }
  300. .m_news .article .article-body .article-body-content .heading .info {
  301.     margin-top: 28px;
  302.     float:right;
  303.     visibility: hidden;
  304. }
  305. .m_news .article .article-body .article-body-content .heading .info .date {
  306.     visibility: visible;
  307.     color: #fff;
  308.     background: #2B6D77;
  309.     padding: 10px 10px 10px 10px;
  310.     display: inline;
  311.     float: right;
  312. }
  313. .m_news .article .article-body .article-body-content .heading .info .element_username, .m_news .article .article-body .article-body-content .heading .info .nameicons {
  314.     display:none;
  315. }
  316. .m_news .article .article-body .article-body-content .article-content {
  317.     padding:20px 30px;
  318. }
  319. .m_news .float-rss {
  320.     display: none !important;
  321. }
  322. .m_news.main .float-manage {
  323.     right: 15px;
  324. }
  325. .m_news.main .float-manage a, .m_news.main .float-manage .arrow {
  326.     color: #222;
  327.     border-top-color: #222;
  328. }
  329. .m_news .entries .rss {
  330.     display: none;
  331. }
  332. /* END OF NEWS */
  333. /* APPLICATION TABS */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement