API tools faq
paste
Advertisement
Ansolley

Exile Emblem Theme

Ansolley
Dec 27th, 2019
563
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 48.61 KB | None | 0 0
raw download clone embed print report
  1. /**
  2. * BF4 Battlelog HELIX Theme edited by Asolley to Exile Colors/Logo
  3. * This theme is heavliy inspired by DaniluK4000's "Night Theme"
  4. *
  5. * @author badjokr
  6. * @version 4.29
  7. * @date 10.06.2018
  8. * @license GPL v3
  9. * @link http://badjokr.com
  10. * @link http://battlelog.battlefield.com/bf4/user/badjokr/
  11. * @link https://getbblog.com/en/user/profile/148681/badjokr/
  12. * @link https://www.twitch.tv/badjokr/
  13. * @link https://www.twitter.com/badjokr/
  14. * Accounted hours working on this style: 70hours+
  15. */
  16.  
  17. ::-webkit-scrollbar {
  18.     width: 6px;
  19. }
  20. ::-webkit-scrollbar-track {
  21.     background: #00f7ff;
  22. }
  23. ::-webkit-scrollbar-thumb {
  24.     background: #00f7ff;
  25.     min-height: 50px;
  26. }
  27. ::-webkit-scrollbar-thumb:hover {
  28.     background: #0017FF;
  29. }
  30. ::-webkit-scrollbar-thumb:active {
  31.     background: #0017FF;
  32. }
  33. ::-webkit-scrollbar-corner {
  34.     background: #00f7ff;
  35. }
  36. ::selection {
  37.   background: rgba(0, 247, 255, 0.85); /* WebKit/Blink Browsers */
  38. }
  39. ::-moz-selection {
  40.   background: rgba(0, 247, 255, 0.85); /* Gecko Browsers */
  41. }
  42. body {
  43.     background-color: black;
  44. }
  45. #footer-wrapper {
  46.     visibility: hidden !important;
  47.     display: block !important;
  48. }
  49. table.table.table-hover.servers-list {
  50.     margin-bottom: 0px !important;
  51. }
  52. #serverbrowser-show footer {
  53.     border-radius: 0 0 10px 2px !important;
  54.     background-color: rgba(0, 0, 0, 0.4) !important;
  55.     transition: .2s;
  56.     box-sizing: border-box;
  57.     border: 1px solid transparent;
  58. }
  59. #serverbrowser-show footer:hover {
  60.     background-color: rgba(7, 125, 189, 0.4) !important;
  61.     border: 1px solid #d5dde5 !important;
  62.     text-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8) !important;
  63. }
  64. #base-container{
  65.     border-radius: 0 0 20px 20px !important;
  66.     background: rgba(41, 44, 48, 0.4) none repeat scroll 0% 0%;
  67.     border-left: 1px solid rgba(255,255,255,0.05);
  68.     border-right: 1px solid rgba(255,255,255,0.05);
  69.     border-bottom: 1px solid rgba(255,255,255,0.05);
  70.     width: 992px !important;
  71.     padding: 10px;
  72. }
  73. body.is-loggedin>#base-header>.game-bar>.inner-wrapper {
  74.     border-top: 0px transparent !important;
  75.     height: 47px;
  76.     position: relative;
  77.     z-index: 1;
  78.     background-image: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%) !important;
  79.     background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%) !important;
  80. }
  81. html>body.premium>#base-header>.game-bar>.grid-container {
  82.     padding: 0 10px !important;
  83.     box-sizing: border-box !important;
  84.     width: 1012px !important;
  85.     border-left: 1px solid rgb(27, 37, 46);
  86.     border-right: 1px solid rgb(27, 37, 46);
  87. }
  88. body.premium #base-header .grid-container.premium-bg {
  89.     background: url(https://imgur.com/tDdhAQx.png) no-repeat rgba(0,0,0,0.9) !important;
  90.     width: 100% !important;
  91. }
  92. body.premium #base-header .grid-container.premium-bg > div:first-child, body.premium #base-header .grid-container.premium-bg > section:last-child {
  93.     margin: 0 10px;
  94. }
  95. .submenu > ul > li.active > a, .submenu > ul > li.active > span, .submenu > ul > li.active > a:hover, .submenu > ul > li.active > a:active {
  96.     box-shadow: 0px 0px 7px 2px rgb(0, 247, 255) !important;
  97.     border-radius: 2px;
  98. }
  99.  
  100. body.show-section-select #community-bar .dropdown-bar {
  101.     height: 190px !important;
  102.     background: transparent !important;
  103. }
  104. #community-bar .dropdown-bar {
  105.     background: transparent !important;
  106. }
  107.  
  108. .btn.btn-primary, a.btn.btn-primary {
  109.     background: rgba(0, 23, 255, 0.8) !important;
  110.     color: #00f7ff;
  111.     border: 1px solid transparent;
  112.     box-sizing: border-box !important;
  113.     transition: 0.3s !important;
  114.     border-width: 0.1px !important;
  115.     border-radius: 2px !important;
  116. }
  117. .btn.btn-primary:hover:not([disabled]):not(.disabled), a.btn.btn-primary:hover:not([disabled]):not(.disabled) {
  118.     border: 1px solid rgba(0, 247, 255, 0.5) !important;
  119. }
  120. .btn, a.btn {
  121.     box-sizing: border-box !important;
  122.     background: rgba(21, 23, 24, 0.5)!important;
  123.     background-color: rgba(38, 40, 45, 0.8) !important;
  124.     border-width: 0.1px !important;
  125.     border-radius: 2px !important;
  126.     box-sizing: border-box !important;
  127.     transition: 0.3s !important;
  128.     border: 1px solid rgba(0, 0, 0, 0.1);
  129. }
  130. .btn:hover:not([disabled]):not(.disabled), a.btn:hover:not([disabled]):not(.disabled) {
  131.     border: 1px solid #d5dde5 !important;
  132. }
  133. .btn.btn-primary:hover:not([disabled]):not(.disabled), a.btn.btn-primary:hover:not([disabled]):not(.disabled) {
  134.       background-image: -webkit-linear-gradient(top, rgba(19, 19, 19, 0.6) 0%, rgba(70, 70, 70, 0.8) 100%);
  135.       background-image: linear-gradient(to bottom, rgba(19, 19, 19, 0.6) 0%, rgba(70, 70, 70, 0.8) 100%);
  136.       color: #fff;
  137.       text-shadow: 0 0 0.5em rgba(255, 191, 101, 0.8);
  138.       border-color: #fff; }
  139. button#feed-load-more {
  140.     border-radius: 0 0 15px 15px !important;
  141.     transition: .2s !important;
  142.     border: none !important;
  143.     background: transparent !important;
  144. }
  145. #feed-more-events>.box>footer {
  146.     border-radius: 0 0 15px 15px;
  147.     transition: .2s;
  148.     border: 1px solid transparent;
  149.     box-sizing: border-box;
  150. }
  151. #feed-more-events>.box>footer:hover {
  152.     background-color: rgba(7, 125, 189, 0.4) !important;
  153.     border: 1px solid #d5dde5 !important;
  154. }
  155. button#show-all-favorites, button#load-more-reports {
  156.     border-radius: 0 0 15px 15px !important;
  157.     transition: .2s !important;
  158.     border: none !important;
  159.     background: transparent !important;
  160. }
  161. #battlereports>.row>div>section>footer, #battlereports-details>.box>footer {
  162.     border-radius: 0 0 15px 15px;
  163.     transition: .2s;
  164.     border: 1px solid transparent;
  165.     box-sizing: border-box;
  166. }
  167. #battlereports>.row>div>section>footer:hover, #battlereports-details>.box>footer:hover {
  168.     background-color: rgba(7, 125, 189, 0.4) !important;
  169.     border: 1px solid #d5dde5 !important;
  170. }
  171. table.battlereports-table tr.active [class*='winstatus-'] {
  172.     color: #0017FF;
  173. }
  174. /*.header-dropdown-active #base-header .game-bar .dropdown-bar {
  175.     width: 1012px !important;
  176.     left: -11px !important;
  177.     border-bottom: 1px solid rgba(255,255,255,0.05);
  178.     background-color: rgba(0, 0, 0, 0.9) !important;
  179.     background: rgba(0, 0, 0, 0.9) !important;
  180.     box-shadow: -1px 5px 20px 0px #0E3565 !important;
  181. }*/
  182. #base-header .game-bar .main-nav .base-section-menu > li:first-child {
  183.     border-left: 1px solid transparent !important;
  184. }
  185. .base-section-menu>li:last-child {
  186.     border-right: 1px solid transparent !important;
  187. }
  188. #base-header .game-bar .dropdown-bar {
  189.     width: 1012px !important;
  190.     left: -11px !important;
  191.     border-bottom: 1px solid rgba(255,255,255,0.05);
  192.     background-color: rgba(0, 0, 0, 0.9) !important;
  193.     background: rgba(0, 0, 0, 0.9) !important;
  194.     box-shadow: -1px 5px 20px 0px #0E3565 !important;
  195. }
  196. #base-header .game-bar .inner-wrapper {
  197.     border-top: 0px solid transparent !important;
  198.     background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%) !important;
  199.     background-image: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%) !important;
  200. }
  201. #comcenter, #comcenter-friends {
  202.     background: #111517 !important;
  203. }
  204. .comcenter-chat-taskbar {
  205.     background: rgba(33, 35, 38, 0.8)!important;
  206.     transition: .3s;
  207. }
  208. .comcenter-chat-taskbar:hover {
  209.     background: rgba(42, 42, 42, 0.9)!important;
  210. }
  211. #comcenter-chats .comcenter-chat-taskbar-avatar .username {
  212.     color: #CCCCCC!important;
  213. }
  214. #comcenter-chats .comcenter-chat-taskbar-username {
  215.     color: #CCCCCC!important;
  216. }
  217. #comcenter-chats .comcenter-chat-content {
  218.     border: 1px solid #111517 !important;
  219.     background: #111517 !important;
  220. }
  221. #comcenter-chats .chat-header {
  222.     border-bottom: 1px solid #111517 !important;
  223.     background: #0B0D0E !important;
  224.     font-family: Arial;
  225. }
  226. #comcenter-chats .comcenter-chat-header, #comcenter-chats .comcenter-chat-group-header {
  227.     border-bottom: 1px solid #111517 !important;
  228. }
  229. #comcenter-chats .comcenter-chat-message {
  230.     border-top: 1px solid #313131 !important;
  231. }
  232. .chat-members {
  233.     background: #111517 !important;
  234. }
  235. .chat-member-close {
  236.     background: #0B0D0E !important;
  237.     border-top: 1px solid #111517 !important;
  238. }
  239. #comcenter-chats .comcenter-chat-input {
  240.     background: rgb(11, 13, 14) !important;
  241.     border: 1px solid rgb(11, 13, 14) !important;
  242. }
  243. #comcenter-chats .comcenter-chat-bottom-container {
  244.     border-top: 1px solid #111517 !important;
  245.     background: #0B0D0E !important;
  246. }
  247. .comcenter-chat-party-menu-dropdown {
  248.     background: #0B0D0E !important;
  249.     border: 1px solid #313131 !important;
  250.     border-top: 0px !important;
  251. }
  252. .comcenter-chat-party-menu-dropdown li {
  253.     border-top: 1px solid #313131 !important;
  254. }
  255. .comcenter-chat-party-menu-dropdown li:hover {
  256.     background: #313131 !important;
  257. }
  258. #base-header .game-bar .main-nav .base-section-menu > li:first-child > a.wfont {
  259.     border-radius: 15px 0 0 0 !important;
  260. }
  261. #base-header .game-bar .main-nav .base-section-menu > li:last-child > a.wfont {
  262.     border-radius: 0 15px 0 0 !important;
  263. }
  264. button.btn.btn-small.btn-clean.comcenter-chat-addmembers {
  265.     width: 100% !important;
  266.     margin: 8px 0 8px 0 !important;
  267. }
  268. .comcenter-settings {
  269.     border-top: none !important;
  270.     height: 48px !important;
  271. }
  272. #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home) > a:hover, #base-header .game-bar .main-nav .base-section-menu > li:not(.nav-home).focused > a {
  273.     background: #151718 none repeat scroll 0% 0%;
  274.     color: white;
  275. }
  276. #comcenter-friends #comcenter-tab-friends-content li {
  277.     transition: .1s;
  278. }
  279. html>body.is-loggedin>#viewport::before {
  280.     display: block;
  281.     font-family: Purista;
  282.     content: "Theme by Asolley" !important;
  283.     position: fixed;
  284.     width: auto;
  285.     font-size: 15px;
  286.     z-index: 1000;
  287.     text-transform: uppercase;
  288.     background: rgba(8, 13, 19, 0.7) none repeat scroll 0% 0% !important;
  289.     padding: 5px;
  290.     left: 27px;
  291.     transform: rotate(90deg);
  292.     top: 333px !important;
  293.     transform-origin: left top 0px;
  294.     border-top-left-radius: 5px;
  295.     border-top-right-radius: 5px;
  296.     color: #ddd;
  297.     opacity: 0.6;
  298.     height: 20px;
  299.     padding: 5px;
  300.     padding-left: 10px;
  301.     padding-right: 10px;
  302.     padding-top: 8px !important;
  303.     text-shadow: 0 0 3px #0017FF, 0 0 5px #0017FF;
  304.     transition: 5s;
  305. }
  306. html>body.is-loggedin>#viewport:hover::before{
  307.     opacity: 1;
  308. }
  309. #receipt-container {
  310.     width: 1011px !important;
  311.     left: -10px !important;
  312. }
  313. #serverbrowser-show button.btn-primary.bblog-red, #server-page-join-buttons .bblog-red {
  314.     color: blue !important;
  315.     border: 1px solid blue !important;
  316. }
  317. #serverbrowser-show button.btn-primary.bblog-red:hover, #server-page-join-buttons .bblog-red:hover {
  318.     text-shadow: blue 0px 0px 3px, black 1px 1px 0px !important;
  319. }
  320. #server-page-join-buttons {
  321.     padding: 8px !important;
  322.     background-color: transparent !important;
  323. }
  324. #community-bar .dropdown-bar .grid-container .row {
  325.     width: 1010px !important;
  326. }
  327. @media only screen and (min-width: 1780px){
  328. .alert.info {
  329.     text-shadow: 0px 0px 4px #004c98 !important;
  330.     background: rgba(41, 44, 48, 0.5) none repeat scroll 0% 0% !important;
  331.     color: #0017FF;
  332.     border: 1px solid #5E6165 !important;
  333.     padding: 5px !important;
  334.     position: fixed !important;
  335.     z-index: 1000 !important;
  336.     width: 305px !important;
  337.     bottom: 50px !important;
  338.     height: auto !important;
  339.     border-radius: 2px !important;
  340.     box-sizing: border-box !important;
  341.     left: -5px;
  342. }
  343. .sitenotification.grid-container>*>.alert.info.large {
  344.     bottom: 100px !important;
  345. }
  346. }
  347. #server-page .bblog-local-comment textarea {
  348.     width: 974px !important;
  349. }
  350. button.join-friend-generic-button.btn.btn-secondary.btn-large.pull-right {
  351.     background: rgba(0, 23, 255 0.8) !important;
  352.     border: 1px solid transparent;
  353.     box-sizing: border-box !important;
  354.     transition: 0.3s !important;
  355.     border-width: 0.1px !important;
  356.     border-radius: 2px !important;
  357.     color: #0017FF !important;
  358. }
  359. button.join-friend-generic-button.btn.btn-secondary.btn-large.pull-right:hover {
  360.     border: 1px solid rgba(0, 23, 255, 0.5) !important;
  361.     text-shadow: 0 0 0.5em rgba(0, 23, 255, 0.8) !important;
  362. }
  363. .right-column>div.bblog-local-comment>textarea {
  364.     max-width: 303px;
  365. }
  366. #club-wall-content>#clubwallloadmore>.submenu > ul > li > a {
  367.     background-color: rgba(0, 0, 0, 0.4) !important;
  368.     transition: .2s;
  369.     box-sizing: border-box;
  370.     border: 1px solid transparent;
  371.     border-radius: 2px 2px 10px 10px !important;
  372. }
  373. #club-wall-content>#clubwallloadmore>.submenu > ul > li > a:hover {
  374.     background: rgba(7, 125, 189, 0.4) !important;
  375.     border: 1px solid #d5dde5 !important;
  376.     background-image: none;
  377. }
  378. .submenu > ul > li > a{
  379.     transition: .2s;
  380.     border-radius: 2px;
  381. }
  382. #friendlist-header form input {
  383.     background: #0B0D0E !important;
  384.     border: 1px solid #2E2E2E !important;
  385.     color: #d5dde5 !important;
  386. }
  387. #friendlist-header form input:focus {
  388.     border-color: #888A8B !important;
  389. }
  390. .comcenter-chat-party-menu-icon {
  391.     position: absolute !important;
  392.     right: 2px !important;
  393. }
  394. .latest-stories>footer {
  395.     border-radius: 0 0 15px 15px;
  396.     transition: .2s;
  397.     border: 1px solid transparent;
  398.     box-sizing: border-box;
  399. }
  400. .latest-stories>footer:hover {
  401.     background-color: rgba(7, 125, 189, 0.4) !important;
  402.     border: 1px solid #d5dde5 !important;
  403. }
  404. .latest-stories>footer>* {
  405.     margin-left: 5px !important;
  406. }
  407. #friendlist-header .icon-search {
  408.     top: 15px !important;
  409. }
  410. section.profile-overview.row.spacing-top>.right-column>*>.clubs-list>.box:last-child>div {
  411.     border-radius: 2px 2px 10px 10px !important;
  412. }
  413. section.profile-overview.row.spacing-top>.right-column>*>.clubs-list>.box:first-child>div {
  414.     border-radius: 0 0 2px 2px;
  415. }
  416. section.profile-overview.row.spacing-top>.right-column>*>.clubs-list>.box>div {
  417.     border-radius: 2px;
  418. }
  419. section.profile-overview.row.spacing-top>.right-column>#soldiers>header,
  420. section.profile-overview.row.spacing-top>.right-column>.margin-bottom>.box>header,
  421. section.profile-overview.row.spacing-top>.right-column>.friends.box>header,
  422. .presentation>header{
  423.     border-radius: 10px 10px 0 0 !important;
  424. }
  425. #soldiers>.soldier-data-container:only-of-type>article {
  426.     border-radius: 2px 2px 10px 10px !important;
  427. }
  428. #soldiers>.soldier-data-container:last-of-type>article {
  429.     border-radius: 2px 2px 10px 10px !important;
  430. }
  431. #emblem-edit .editor-row .editor-col.emblem-layers {
  432.     width: 142px !important;
  433. }
  434. .ace_scrollbar-h {
  435.     height: 6px !important;
  436. }
  437. .receipt.checkbox {
  438.     background: rgba(110, 185, 0, 0.9);
  439. }
  440. #base-bf4-html .video-container {
  441.     display: none;
  442. }
  443. #game-stats-head .soldier-info-name span.premium {
  444.     color: #00f7ff;
  445. }
  446. .progress-bar.difference {
  447.     background-image: -o-linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 24%, #484848 25%, black);
  448.     background-image: -moz-linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 24%, #484848 25%, black);
  449.     background-image: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 24%, #484848 25%, black);
  450.     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 24%, #484848 25%, black);
  451. }
  452. #base-bf4-html #base-background {
  453.     background: url(https://imgur.com/ssZt42S.jpg) no-repeat center center fixed;
  454.     -webkit-background-size: cover;
  455.     -webkit-background-size: cover;
  456.     -moz-background-size: cover;
  457.     -o-background-size: cover;
  458.     background-size: cover;
  459. }
  460. #base-bf4-html .box > header:not(.bblog-bf4-filter-btn),
  461. #base-bf4-html table.table > thead tr th,
  462. #base-bf4-html .submenu>ul>li.active>a,
  463. #base-bf4-html .submenu>ul>li.active>span,
  464. #base-bf4-html .submenu>ul>li.active>a:hover,
  465. #base-bf4-html .submenu>ul>li.active>a:active,
  466. #base-bf4-html .forum-start-border .common-box-title .forum-start-forum-headercell,
  467. #base-bf4-html #loadout .loadout-item-container.active header,
  468. #base-bf4-html #base-header .game-bar .main-nav .base-section-menu>li.active:not(.nav-home)>a,
  469. #base-bf4-html #base-header .game-bar .main-nav .base-section-menu>li.active:not(.nav-home)>a:hover,
  470. #base-bf4-html #base-header .game-bar .main-nav .base-section-menu>li.active:not(.nav-home).focused>a,
  471. #base-bf4-html .dialog header,
  472. #base-bf4-html .pagination-paginationbutton.pagination-type-on .pagination-paginationbutton-inner {
  473.     background: #0017FF;
  474.     color: white;
  475.     box-shadow: none;
  476.     text-shadow: black 0px 0px 3px;
  477.     background-image: linear-gradient(to bottom, rgba(0, 23, 255, 0.81) 0%, rgba(0, 23, 255, 0.8) 100%) !important;
  478. }
  479. .forum-start-container .forum-sidebar-search-form-input {
  480.     margin-right: 1px !important;
  481.     border-radius: 2px !important;
  482. }
  483. #base-bf4-html .box > header h1 {
  484.     color: white;
  485.     text-shadow: black 0px 0px 3px;
  486. }
  487. #serverbrowser-page-info>.box-collection>#server-page-info>.row-tight>div.box.span1>header>h1 {
  488.     background-image: linear-gradient(to bottom, rgba(0, 247, 255, 0.81) 0%, rgba(0, 247, 255, 0.8) 100%) !important;
  489. }
  490. #serverbrowser-page-info>.box-collection>#server-page-info>.row-tight>div.box.span1>header {
  491.     padding: 0 0 200px 0 !important;
  492. }
  493. #base-bf4-html #overview-info #overview-info-list li,
  494. #base-bf4-html .main-header .tiles,
  495. #base-bf4-html .forum-start-border .forum-start-forum-title,
  496. #base-bf4-html .forum-start-border .forum-start-forum-bodycell,
  497. #base-bf4-html #bblog-options {
  498.     background: rgba(0, 0, 0, 0.4);
  499. }
  500. #overview-info .overview-skillcontainer:hover #overview-info-list li, #overview-info .overview-skillcontainer:hover #overview-skill .box-content {
  501.     background-color: rgba(7, 7, 7, 0.6)!important;
  502. }
  503. #base-bf4-html .warsaw-stats-content table.profile-stats-table td,
  504. #base-bf4-html table.table th {
  505.     background: rgba(0, 0, 0, 0.7) padding-box;
  506.     background-clip: padding-box;
  507. }
  508. #base-bf4-html .box-content {
  509.     background-color: rgba(0, 0, 0, 0.5);
  510. }
  511. #loadout #items-select-menu .items-select-item .item-select-configure {
  512.     margin: 0 0 1px 0px !important;
  513. }
  514. #loadout #items-select-menu .items-select-item .item-info-icon-container {
  515.     margin: 0px !important;
  516. }
  517. #game-stats>.game-stats-content>div>#overview-completion>.box>div.box-content {
  518.     border-radius: 0 0 10px 10px;
  519. }
  520. /*body #base-container #user .profile-info {
  521.     border-radius: 10px 10px 2px 2px !important;
  522.     overflow: hidden !important;
  523. }*/
  524. body #base-container #user .profile-info.premium .box.username {
  525.     background-image: url(https://imgur.com/tDdhAQx.png);
  526.     background-position: top center;
  527.     background-repeat: no-repeat;
  528.     color: #00f7ff; }
  529. #profile-friends>section.box>header {
  530.     border-radius: 2px 2px 0 0;
  531. }
  532. #profile-friends>section.box>#friend-list>*:last-of-type>.friend {
  533.     border-radius: 0 0 10px 10px;
  534. }
  535. section#clubs>div.row>div.club-index>div.span12>div.box>header {
  536.     border-radius: 2px 2px 0 0 !important;
  537. }
  538. .club-index>div.span12>div.row.margin-top>div.span12>div.box>header {
  539.     border-radius: 2px 2px 0 0 !important;
  540. }
  541. .club-index>div.span12>div.row.margin-top>div.span12>div.clubs-list>div.box:last-of-type {
  542.     border-radius: 0 0 10px 10px !important;
  543.     overflow: hidden !important;
  544. }
  545. #clubs .emblembox {
  546.     border-radius: 10px !important;
  547.     overflow: hidden !important;
  548. }
  549. .emblembox>.box-content>img {
  550.     border-radius: 10px !important;
  551.     overflow: hidden !important;
  552. }
  553. #base-bf4-html h1.primary, #base-container .content>section>header h1 {
  554.     color: #00f7ff !important;
  555.     background: rgba(0, 0, 0, 0) !important;
  556.     text-shadow: black 0px 0px 3px;
  557.     padding-bottom: 2px;
  558. }
  559. .forum-start-container>.forum-start-title>.thread-title:before {
  560.     background: rgba(7, 7, 7, 0.6) !important;
  561. }
  562. #base-container .content > section > header h1.wrappable:before, .forum-start-title h1:before, .forum-page-title h1:before, .missions-details .header h1.wrappable:before, .devblog .header h1:before {
  563.     background: rgba(0, 0, 0, 0) !important;
  564. }
  565. #base-bf4-html footer,
  566. #base-bf4-html #footer-links li a,
  567. #base-bf4-html #footer-highlighted .footer-box-header,
  568. #base-bf4-html #footer-allrightsreserved,
  569. #base-bf4-html .forum-start-forum-headercell p,
  570. #base-bf4-html #loadout .loadout-item-container.active header h1,
  571. #base-bf4-html .warsaw-stats-content table.profile-stats-table tbody tr.active p,
  572. #base-bf4-html .weapon-stats-list li.active p,
  573. #base-bf4-html .weapon-stats-list li.active.locked p {
  574.     color: white;
  575. }
  576. #base-bf4-html .forum-threadview-post-ea:after,
  577. #base-bf4-html .forum-start-forum-has-official:after {
  578.     background: #8BD210;
  579. }
  580. #base-bf4-html .dialog header h3 {
  581.     color: white;
  582.     text-align: left;
  583.     padding-left: 15px;
  584. }
  585. #base-bf4-html a.preorder .box-content,
  586. #base-bf4-html h1.box-content {
  587.     background-color: transparent;
  588. }
  589. #base-bf4-html table.table tbody tr.active,
  590. #base-bf4-html:not(.is-touch) #serverbrowser .servers-list tbody .server-row.active {
  591.     box-shadow: none;
  592.     -webkit-filter: none;
  593.     -moz-filter: none;
  594.     filter: none;
  595. }
  596. #base-bf4-html table.table tbody tr.active td {
  597.     background: rgba(0, 0, 0, 0.8) padding-box;
  598.     color: #00CEFF;
  599.     box-shadow: none;
  600.     border-color: transparent;
  601. }
  602. #base-bf4-html .forum-threadview-post .forum-threadview-post-poster {
  603.     background: rgba(0, 0, 0, 0.3);
  604. }
  605. #base-bf4-html .forum-threadview-post .forum-threadview-post-content {
  606.     background: rgba(0, 0, 0, 0.7);
  607. }
  608. #base-bf4-html .forum-threadview-post .forum-threadview-post-content blockquote {
  609.     border: none;
  610.     background: rgba(0, 0, 0, 0.7);
  611.     color: white;
  612.     font-size: 12px;
  613.     line-height: 15px;
  614.     font-family: arial;
  615. }
  616. #base-bf4-html .weapon.smallinv {
  617.     background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/906d03b6a8ffbd2bcc9fb923e528b492f10a8608/public/profile/warsaw/gamedata/weapon/small.png);
  618. }
  619. #base-bf4-html .weaponaccessory.smallinv {
  620.     background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/906d03b6a8ffbd2bcc9fb923e528b492f10a8608/public/profile/warsaw/gamedata/weaponaccessory/small.png);
  621. }
  622. #base-bf4-html .vehicle.mediuminv {
  623.     background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/906d03b6a8ffbd2bcc9fb923e528b492f10a8608/public/profile/warsaw/gamedata/vehicle/medium.png);
  624. }
  625. #base-bf4-html .vehicleunlock.mediuminv {
  626.     background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/906d03b6a8ffbd2bcc9fb923e528b492f10a8608/public/profile/warsaw/gamedata/vehicleunlock/medium.png);
  627. }
  628. #base-bf4-html .kititem.largersmallinv {
  629.     background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/906d03b6a8ffbd2bcc9fb923e528b492f10a8608/public/profile/warsaw/gamedata/kititem/largersmall.png);
  630. }
  631. #base-bf4-html .battlereports-table .winstatus-1 {
  632.     color: #bcff66;
  633. }
  634. #base-bf4-html .battlereports-table .winstatus-2 {
  635.     color: #ff6666;
  636. }
  637. #base-bf4-html .overview-top-box .top-item,
  638. #base-bf4-html #overview-completion ul li,
  639. #base-bf4-html #vehicle-list .box-content,
  640. #base-bf4-html #weapon-list .box-content,
  641. #base-bf4-html #awards-statistics .stat-box .box-content,
  642. #base-bf4-html #assignments-statistics .stat-box .box-content {
  643.     background: transparent;
  644. }
  645. #base-bf4-html .weapon-stats-list li,
  646. #base-bf4-html .vehicle-stats-list li,
  647. #base-bf4-html .kits-list li,
  648. #base-bf4-html .awards-list li .award-medal,
  649. #base-bf4-html .awards-list li .award-ribbon,
  650. #base-bf4-html .stat-list-col>li {
  651.     background: rgba(0, 0, 0, 0.3);
  652. }
  653. #base-bf4-html #main-header .box-content {
  654.     background-color: rgba(0, 0, 0, 0.3);
  655. }
  656. #base-bf4-html .weapon-stats-list li.active,
  657. #base-bf4-html .weapon-stats-list li.active.locked,
  658. #base-bf4-html .vehicle-stats-list li.active,
  659. #base-bf4-html .vehicle-stats-list li.active.locked,
  660. #base-bf4-html .kits-list li.active,
  661. #base-bf4-html .kits-list li.active.locked,
  662. #base-bf4-html .stat-list-col>li.active,
  663. #base-bf4-html #emblem-select .emblems-list li.active a {
  664.     background: rgba(0, 0, 0, 0.7);
  665.     color: white;
  666.     box-shadow: none;
  667. }
  668. #emblem-select .emblems-list li.selected-emblem:after {
  669.         content: "";
  670.         display: block;
  671.         position: absolute;
  672.         right: 0;
  673.         bottom: 0;
  674.         left: 0;
  675.         height: 2px;
  676.         background: #0017FF;
  677. }
  678. #base-bf4-html .warsaw-stats-content .profile-statistics-container .locked .image {
  679.     opacity: 1;
  680. }
  681. #base-bf4-html .active .icon-platform.pc {
  682.     background-position: 0px -10px;
  683. }
  684. #base-bf4-html #warsaw-stats-head .user a.profile-link {
  685.     text-shadow: black 1px 1px 2px;
  686. }
  687. #game-stats-head .user .common-gameicon-hori, #game-stats-head .user a.profile-link {
  688.     background: rgba(0, 0, 0, 0);
  689. }
  690. .club-link{
  691.     background: rgba(255, 255, 255, 0);
  692. }
  693. #base-bf4-html #warsaw-stats-head .user .icon-premium-wide {
  694.     position: relative;
  695.     top: 3px;
  696. }
  697. #base-bf4-html #warsaw-stats-head .soldier-info-name span.premium {
  698.     color: white;
  699. }
  700. #base-bf4-html .dialog>header .icon-close {
  701.     background-color: white;
  702.     border-radius: 3px;
  703. }
  704. #base-bf4-html body.premium .main-header .persona .icon-premium-wide {
  705.     margin-left: 4px;
  706. }
  707. body.premium .main-header .persona {
  708.     background-color: rgba(0, 0, 0, 0.4);
  709. }
  710. .progress-bar {
  711.     background-color: transparent !important;
  712.     border: 1px solid #0060fe;
  713. }
  714. .progress-bar .progress-bar-inner.warning:before {
  715.     background: -webkit-linear-gradient(to right, #0060fe, rgba(0, 0, 0, 0.1));
  716.     background: -moz-linear-gradient(to right, #0060fe, rgba(0, 0, 0, 0.1));
  717.     background: -o-linear-gradient(to right, #0060fe, rgba(0, 0, 0, 0.1));
  718.     background: linear-gradient(to right, #0060fe, rgba(0, 0, 0, 0.1));
  719.     box-shadow: 0 0 0.2em 1px #0060fe inset;
  720. }
  721. .progress-bar .progress-bar-inner.warning {
  722.     background-color: #0060fe;
  723.     box-shadow: 0 0 0.2em 1px #0060fe inset;
  724. }
  725. .progress-bar .progress-bar-inner.warning[style="width:100%"] {
  726.     background: #0060fe;
  727.     box-shadow: 0 0 0.2em 1px #0060fe inset;
  728. }
  729. body #base-container #user .profile-playing {
  730.     background-color: rgba(7, 125, 189, 0.4) !important;
  731.     background: rgba(7, 125, 189, 0.4) !important;
  732.     border-radius: 2px;
  733. }
  734. body #base-container #user #soldiers .soldier-data-container.premium {
  735.   background-image: url(https://imgur.com/tDdhAQx.png);
  736.   background-position: top center;
  737.   background-repeat: no-repeat; }
  738.  
  739. .ui-select {
  740.     position: relative;
  741.     display: inline-block;
  742.     cursor: pointer;
  743.     font-size: 12px;
  744.     -webkit-user-select: none;
  745.     -moz-user-select: none;
  746.     -ms-user-select: none;
  747.     user-select: none;
  748. }
  749. .ui-select select {
  750.     width: 100%;
  751.     height: 100%;
  752.     box-sizing: border-box;
  753.     position: absolute;
  754.     left: -99999px;
  755. }
  756. .ui-select .options:hover,
  757. .ui-select.show-dropdown .options {
  758.     color: #fff;
  759.     border-color: #fff;
  760. }
  761. .ui-select .options:hover:after,
  762. .ui-select.show-dropdown .options:after {
  763.     border-top-color: #fff;
  764. }
  765. .ui-select .options {
  766.     display: block;
  767.     position: relative;
  768.     background-color: rgba(0, 0, 0, 0.5);
  769.     border: 1px solid rgba(250, 246, 246, 0.6);
  770.     color: #d5dde5;
  771.     line-height: 26px;
  772.     padding-left: 8px;
  773.     padding-right: 31px;
  774.     margin: 0;
  775.     cursor: pointer;
  776.     margin-top: -3px;
  777.     margin-bottom: -3px;
  778.     min-height: 26px;
  779. }
  780. .ui-select .options .option {
  781.     display: none;
  782. }
  783. .ui-select .options .option.selected {
  784.     display: block;
  785. }
  786. .ui-select .options:after {
  787.     content: "";
  788.     border: 4px solid transparent;
  789.     border-top-color: #d5dde5;
  790.     width: 0;
  791.     height: 0;
  792.     position: absolute;
  793.     top: 11px;
  794.     right: 8px;
  795. }
  796. .emblem-layers>.sharing-options>.ui-select.show-dropdown .dropdown {
  797.     display: block;
  798.     width: 140px !important;
  799. }
  800. .ui-select .dropdown {
  801.     display: none;
  802.     border: 1px solid #d5dde5;
  803.     position: absolute;
  804.     top: 100%;
  805.     margin-top: -1px;
  806.     z-index: 100;
  807.     background-color: rgba(10, 14, 20, 0.85);
  808.     max-height: 320px;
  809. }
  810. .ui-select .dropdown li {
  811.     height: 34px;
  812.     line-height: 34px;
  813.     padding: 0 16px;
  814.     cursor: pointer;
  815.     background-color: rgba(0, 0, 0, 0.4);
  816.     color: #fff;
  817. }
  818. .ui-select .dropdown li:not(.selected):hover {
  819.     background-color: rgba(100, 100, 100, 0.6);
  820. }
  821. .ui-select .dropdown li.selected {
  822.     background: #fff;
  823.     color: #000;
  824. }
  825. .ui-select .dropdown .jspVerticalBar {
  826.     right: 0px;
  827. }
  828. .ui-select .dropdown.jspScrollable li {
  829.     width: auto;
  830.     margin-right: -11px;
  831. }
  832. .sticky-scroll {
  833.     position: relative !important;
  834. }
  835. .sticky-scroll.fixed {
  836.     position: fixed !important;
  837.     float: none;
  838.     margin: 0;
  839. }
  840. .sticky-scroll.fixed-bottom {
  841.     position: absolute !important;
  842.     bottom: 0;
  843.     right: 0;
  844. }
  845. .switch {
  846.     position: relative;
  847.     display: inline-block;
  848.     vertical-align: middle;
  849.     line-height: 17px;
  850. }
  851. .switch input[type="checkbox"]:not(:checked),
  852. .switch input[type="checkbox"]:checked,
  853. .switch input[type="radio"]:not(:checked),
  854. .switch input[type="radio"]:checked {
  855.     position: absolute;
  856.     left: 0;
  857.     top: 0;
  858.     padding: 0;
  859.     margin: 0;
  860.     opacity: 0;
  861.     border: 0;
  862.     background: none;
  863.     width: 100%;
  864.     height: 100%;
  865.     cursor: pointer;
  866.     z-index: 1;
  867. }
  868. .switch input[type="checkbox"] + div,
  869. .switch input[type="radio"] + div {
  870.     position: relative;
  871.     top: -2px;
  872.     display: inline-block;
  873.     vertical-align: middle;
  874.     width: 40px;
  875.     height: 17px;
  876.     background: #3b3e43;
  877.     background-origin: border-box;
  878.     background-clip: border-box;
  879.     overflow: hidden;
  880.     transition-duration: 0.4s;
  881.     transition-property: padding, width, background-color;
  882. }
  883. .switch input[type="checkbox"] + div:before,
  884. .switch input[type="radio"] + div:before {
  885.     content: "";
  886.     display: block;
  887.     margin-left: 2px;
  888.     margin-top: 2px;
  889.     width: 18px;
  890.     height: 13px;
  891.     background: #fff;
  892. }
  893. .switch input[type="checkbox"]:checked + div,
  894. .switch input[type="radio"]:checked + div {
  895.     padding-left: 17px;
  896.     width: 23px;
  897.     background: #7dbe56;
  898. }
  899. .switch input[type="checkbox"]:active + div:before,
  900. .switch input[type="radio"]:active + div:before {
  901.     background-color: #fff;
  902. }
  903. .switch input[type="checkbox"]:focus + div,
  904. .switch input[type="radio"]:focus + div {
  905.     box-shadow: 0 0 2px yellow;
  906. }
  907. .switch + label {
  908.     position: relative;
  909.     top: 2px;
  910. }
  911. .scroll-container-outer {
  912.     position: relative;
  913.     height: 185px;
  914.     text-transform: uppercase;
  915.     margin-bottom: 15px;
  916. }
  917. .scroll-left,
  918. .scroll-right {
  919.     position: absolute;
  920.     top: 0;
  921.     line-height: 210px;
  922.     height: inherit;
  923.     font-size: 50px;
  924.     width: 45px;
  925.     text-align: center;
  926.     background-color: rgba(7, 7, 7, 0.5);
  927.     cursor: pointer;
  928.     -webkit-touch-callout: none;
  929.     -webkit-user-select: none;
  930.     -khtml-user-select: none;
  931.     -moz-user-select: none;
  932.     -ms-user-select: none;
  933.     user-select: none;
  934.     transition: opacity 0.1s ease-in-out;
  935.     -webkit-transition: opacity 0.1s ease-in-out;
  936.     -moz-transition: opacity 0.1s ease-in-out;
  937.     -ms-transition: opacity 0.1s ease-in-out;
  938.     -o-transition: opacity 0.1s ease-in-out;
  939. }
  940. .scroll-left:hover,
  941. .scroll-right:hover {
  942.     background-color: rgba(0, 0, 0, 0.6);
  943. }
  944. .scroll-left.disabled,
  945. .scroll-right.disabled {
  946.     filter: alpha(opacity=50);
  947.     opacity: 0.5;
  948.     cursor: auto;
  949. }
  950. .scroll-left > figure,
  951. .scroll-right > figure {
  952.     width: 30px;
  953.     height: 59px;
  954.     background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/9b764b983931ba3a6435e21c2fd56eddc76b813a/public/ui/scroll-arrows.png);
  955.     margin-left: 1px;
  956.     display: inline-block;
  957. }
  958. .scroll-right > figure {
  959.     background-position: -30px 0px;
  960. }
  961. .scroll-left {
  962.     left: 0;
  963. }
  964. .scroll-right {
  965.     right: 0;
  966. }
  967. .scroll-container {
  968.     position: absolute;
  969.     top: 0;
  970.     left: 46px;
  971.     right: 46px;
  972.     height: inherit;
  973.     overflow: hidden;
  974.     white-space: nowrap;
  975. }
  976. .scrollables {
  977.     float: left;
  978.     left: 0;
  979. }
  980. .scrollable {
  981.     float: left;
  982.     height: 174px;
  983.     width: 190px;
  984.     background-color: rgba(0, 0, 0, 0.5);
  985.     white-space: normal;
  986.     text-align: center;
  987.     margin-right: 1px;
  988.     cursor: pointer;
  989.     overflow: hidden;
  990. }
  991. .scrollable.selected {
  992.     background: rgba(255, 255, 255, 0.5);
  993.     box-shadow: 0 0 7px #fff;
  994. }
  995. .scrollable span {
  996.     padding-left: 5px;
  997.     padding-right: 5px;
  998. }
  999. #unopened-battlepacks .scrollable.selected span {
  1000.     color: #1437BF;
  1001. }
  1002. .scrollable .title {
  1003.     text-transform: uppercase;
  1004.     display: block;
  1005. }
  1006. .scrollable.selected .title {
  1007.     color: #000;
  1008. }
  1009. .scrollable .description {
  1010.     font-size: 13px;
  1011.     color: #8A8A8A;
  1012. }
  1013. .scroll-container .jspScrollable {
  1014.     outline: none;;
  1015. }
  1016. .scroll-container .jspPane {
  1017.     height: inherit;
  1018. }
  1019. .scroll-container .jspHorizontalBar {
  1020.     height: 8px;
  1021.     z-index: 2;
  1022. }
  1023. .scroll-container .jspTrack {
  1024.     background: rgba(0, 0, 0, 0.5);
  1025. }
  1026. .scroll-container .jspDrag {
  1027.     opacity: 0.75;
  1028. }
  1029. #unopened-battlepacks .scrollable {
  1030.     transition-property: background, box-shadow;
  1031.     transition-duration: 0.2s;
  1032.     transition-timing-function: linear;
  1033. }
  1034. #unopened-battlepacks .scrollable span {
  1035.     transition-property: color;
  1036.     transition-delay: 0.2s;
  1037.     transition-duration: 0.2s;
  1038.     transition-timing-function: linear;
  1039. }
  1040. #unified-game-manager .unified-game-manager {
  1041.     background: #111517 !important;
  1042.     background-image: none !important;
  1043. }
  1044. #unified-game-manager #ugm-error {
  1045.     background-image: none !important;
  1046.     background: #D63729 !important;
  1047. }
  1048. #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean:before,
  1049. #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean:after {
  1050.     background-image: transparent;
  1051. }
  1052. #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean:hover:not(.disabled),
  1053. #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean:active:not(.disabled) {
  1054.     background-color: #B31111;
  1055. }
  1056. #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean.active {
  1057.     background-color: #B31111;
  1058. }
  1059. #unified-game-manager {
  1060.     color: #FFF;
  1061. }
  1062. #unified-game-manager #ugm-error .ugm-message {
  1063.     max-width: 760px;
  1064. }
  1065. #unified-game-manager .ugm-state .ugm-btn-group .btn-close {
  1066.     background: url('http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/7f17c57b92b27f30a417d90a287452ffe28dba2c/public/unifiedgamemanager/close.png') no-repeat center center !important;
  1067.     border: none !important;
  1068. }
  1069. #unified-game-manager .ugm-state .ugm-btn-group .btn-close:hover {
  1070.     border: none !important;
  1071. }
  1072. #unified-game-manager .ugm-state .ugm-btn-group a.btn-clean {
  1073.     height: 48px !important;
  1074. }
  1075. .dialog {
  1076.     box-shadow: 0 0 40px 0 #00f7ff;
  1077.     border: none;
  1078. }
  1079. .dialog > header {
  1080.     border-bottom: 1px solid #00f7ff;
  1081. }
  1082. .progress-bar.home {
  1083.     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 24%, transparent 25%, transparent);
  1084.     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 24%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.05));
  1085. }
  1086. .progress-bar.away {
  1087.     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 24%, transparent 25%, transparent);
  1088.     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 24%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.05));
  1089. }
  1090. .game-stats-content table.profile-stats-table tbody tr.active p {
  1091.     color: #00CEFF;
  1092. }
  1093. .btn:active:not([disabled]):not(.disabled),
  1094. .btn.active:not([disabled]):not(.disabled),
  1095. a.btn:active:not([disabled]):not(.disabled),
  1096. a.btn.active:not([disabled]):not(.disabled) {
  1097.     background-image: -webkit-linear-gradient(top, #ffffff 0%, #d5dde5 50%, #b79d83 100%);
  1098.     background-image: linear-gradient(to bottom, #E88509 0%, #B96014 50%, #864707 100%);
  1099.     border: 1px solid #FF8A00;
  1100. }
  1101. .right-column > .box > footer {
  1102.     background-color: rgba(0, 0, 0, 0.4) !important;
  1103.     transition: .2s;
  1104.     box-sizing: border-box;
  1105.     border: 1px solid transparent;
  1106.     border-radius: 2px 2px 10px 10px;
  1107. }
  1108. .right-column > .box > footer:hover {
  1109.     background-color: rgba(7, 125, 189, 0.4) !important;
  1110.     border: 1px solid #d5dde5 !important;
  1111. }
  1112. footer#memberbox-footer {
  1113.     background-color: rgba(0, 0, 0, 0.4) !important;
  1114.     transition: .2s;
  1115.     box-sizing: border-box;
  1116.     border: 1px solid transparent;
  1117.     border-radius: 2px 2px 2px 10px;
  1118. }
  1119. #clubs #memberbox-footer:hover {
  1120.     background-color: rgba(7, 125, 189, 0.4) !important;
  1121.     border: 1px solid #d5dde5 !important;
  1122.     text-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8) !important;
  1123. }
  1124. #clubs .club-members-playing {
  1125.     background-color: rgba(7, 125, 189, 0.4) !important;
  1126.     transition: .2s;
  1127.     box-sizing: border-box;
  1128.     border: 1px solid transparent;
  1129.     border-radius: 2px !important;
  1130. }
  1131. a.club-members-playing:hover {
  1132.     text-decoration: none !important;
  1133.     background-color: rgba(7, 125, 189, 0.4) !important;
  1134.     border: 1px solid #d5dde5 !important;
  1135. }
  1136. html:not(.is-touch) #serverbrowser .servers-list tbody .server-row.active .star.starred:after,
  1137. html:not(.is-touch) #serverbrowser .servers-list tbody .server-row.active .star:hover:after {
  1138.     color: rgba(255, 255, 255, 1) !important;
  1139. }
  1140. html:not(.is-touch) #serverbrowser .servers-list tbody .server-row.active .star:after {
  1141.     color: rgba(255, 255, 255, 0.3);
  1142. }
  1143. #base-bf4-html #main-header .box-content {
  1144.     background-color: rgba(0, 0, 0, 0.15);
  1145. }
  1146. .suggestion {
  1147.     background-color: rgba(0, 0, 0, 0.5) !important;
  1148. }
  1149. #dialog-container>#dialog-1>footer>.popup-gameinvite-buttons>div>button.common-popup-close-button {
  1150.     box-sizing: border-box;
  1151.     border-style: solid;
  1152.     border-color: rgba(0, 0, 0, 0.0980392) !important;
  1153.     background: rgba(38, 40, 45, 0.8) !important;
  1154.     border-width: 0.1px !important;
  1155.     border-radius: 2px !important;
  1156.     transition: 0.3s !important;
  1157.     color: red !important;
  1158.     text-shadow: black 0px 0px 3px;
  1159.     box-shadow: none;
  1160. }
  1161. #dialog-container>#dialog-1>footer>.popup-gameinvite-buttons>div>button.common-popup-close-button:hover{
  1162.     text-shadow: red 0px 0px 3px, black 1px 1px 0px;
  1163.     border-width: 1px !important;
  1164.     border-style: solid !important;
  1165.     border-color: rgb(255, 0, 0) !important;
  1166. }
  1167. #bblog-code-editor-receipt {
  1168.     background: rgb(113, 181, 26);
  1169. }
  1170. #bblog-sidebar .jspDrag {
  1171.     border-radius: 0px;
  1172.     background: #00f7ff;
  1173. }
  1174. .jspVerticalBar {
  1175.     width: 6px;
  1176. }
  1177. .battlepacks_lineart.smallinv {
  1178.     background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/16cf6063e02a7fbff8d40fc647fd245545b5b05c/public/profile/warsaw/gamedata/battlepacks_lineart/small.png);
  1179. }
  1180. #server-page-map-rotation td.active {
  1181.     color: #0017FF;
  1182.     box-shadow: 0 0 7px 0 #00f7ff;
  1183.     z-index: 1;
  1184. }
  1185. .box-content > .expanded > .pull-right > button:nth-child(1){
  1186.     color: #6EBB02 !important;
  1187.     text-shadow: black 0px 0px 3px !important;
  1188.     box-shadow: none !important;
  1189.     background: rgba(38, 40, 45, 0.8) !important;
  1190. }
  1191. .box-content > .expanded > .pull-right > button:nth-child(1):hover{
  1192.     border: 1px solid #6EBB02 !important;
  1193.     text-shadow: #88FF00 0px 0px 3px !important;
  1194. }
  1195. .box-content > .expanded > .pull-right > button:nth-child(2){
  1196.     color: red !important;
  1197.     text-shadow: black 0px 0px 3px !important;
  1198.     box-shadow: none !important;
  1199. }
  1200. .box-content > .expanded > .pull-right > button:nth-child(2):hover{
  1201.     border: 1px solid #FF0000 !important;
  1202.     text-shadow: red 0px 0px 3px, black 1px 1px 0px !important;
  1203. }
  1204. .box-content > .expanded > .pull-right > button:only-of-type {
  1205.     color: red !important;
  1206.     text-shadow: black 0px 0px 3px !important;
  1207.     box-shadow: none !important;
  1208. }
  1209. .box-content > .expanded > .pull-right > button:only-of-type:hover{
  1210.     border: 1px solid #FF0000 !important;
  1211.     text-shadow: red 0px 0px 3px, black 1px 1px 0px !important;
  1212. }
  1213. .server-row.active .icon-servertype-2 {
  1214.     background: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/9b764b983931ba3a6435e21c2fd56eddc76b813a/public/serverguide/icon-rank-ranked.png) top left no-repeat;
  1215. }
  1216. .server-row.active .icon-servertype-1 {
  1217.     background: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/9b764b983931ba3a6435e21c2fd56eddc76b813a/public/serverguide/icon-rank-official.png) top left no-repeat;
  1218. }
  1219. .server-row.active .icon-servertype-4 {
  1220.     background: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/9b764b983931ba3a6435e21c2fd56eddc76b813a/public/serverguide/icon-rank-unranked.png) top left no-repeat;
  1221. }
  1222. .server-row.active .icon-servertype-8 {
  1223.     background: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/9b764b983931ba3a6435e21c2fd56eddc76b813a/public/serverguide/icon-rank-private.png) top left no-repeat;
  1224. }
  1225. #server-page-map-rotation > .jspScrollable > .jspContainer > .jspHorizontalBar{
  1226.     z-index: 2;
  1227. }
  1228. #missions-create #rounds-select > div ul li a {
  1229.     background-color: rgba(0, 0, 0, 0.4);
  1230. }
  1231. #missions-create #rounds-select > div ul li.active a {
  1232.     background-color: transparent;
  1233. }
  1234. #missions-create #friend-select .friend-box {
  1235.     background: rgba(0, 0, 0, 0.2);
  1236. }
  1237. #loadout #items-select-menu .items-select-item:not(.active) .item-text {
  1238.     background-color: rgba(0, 0, 0, 0.5);
  1239. }
  1240. #battlereport-commander-scoreboard h3 {
  1241.     background: rgba(0, 0, 0, 0.4);
  1242. }
  1243. #missions-create #mission-description, #missions-create #map-description, #missions-create #attempts-description {
  1244.     background: rgba(0, 0, 0, 0.4);
  1245. }
  1246. #missions-create .subheader {
  1247.     background: rgba(0, 0, 0, 0.4);
  1248. }
  1249. #base-header {
  1250.     width: 1012px !important;
  1251.     margin: 0 auto !important;
  1252.     background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%) !important;
  1253.     background-image: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.9) 100%) !important;
  1254.     background: rgba(0,0,0,0.9) !important;
  1255.     border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  1256. }
  1257. #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .signout:hover {
  1258.     background: rgba(0, 159, 255, 0.74);
  1259. }
  1260. #base-header-user-tools .tools .popover .popover-body .header-profile-dropdown .signout a {
  1261.     color: #FFFFFF;
  1262. }
  1263. #server-page-map-rotation td p span {
  1264.     color: #00f7ff;
  1265. }
  1266. #receipt-container {
  1267.     z-index: 2 !important;
  1268. }
  1269. #base-header .game-bar .dropdown-bar .dropdown-menu > a, #base-header .game-bar .dropdown-bar .dropdown-menu div {
  1270.     margin: 0px 0px 7px 10px;
  1271.     border-radius: 5px;
  1272.     transition-property: background;
  1273.     transition-duration: 0.1s;
  1274.     transition-timing-function: ease-in-out;
  1275. }
  1276. #geoleaderboard-container .standings tr.active a {
  1277.     color: #00DAFF;
  1278. }
  1279. .popover .popover-body footer a:hover, .popover .popover-body .hover:hover {
  1280.     background: rgba(0, 159, 255, 0.74);
  1281. }
  1282. #base-header-user-tools .tools .popover .popover-body {
  1283.     color: #05C3FF;
  1284.     background: black;
  1285.     border: 1px solid #323438;
  1286. }
  1287. #missions-overview .challenge-element .info .challenge-info {
  1288.     color: #808080;
  1289. }
  1290. .missions-details > .btn-small{
  1291.     margin: -98px 0px 0px 0px;
  1292. }
  1293. #base-header .game-bar .dropdown-bar .recommended-servers > .server .recommend-reason {
  1294.     color: #00AEE4;
  1295. }
  1296. #base-header .game-bar .dropdown-bar .recommended-servers > .server .details {
  1297.     color: #9C9C9C;
  1298. }
  1299. #base-header>#community-bar {
  1300.     background: url("https://imgur.com/tDdhAQx.png") no-repeat rgba(0,0,0,0.9) !important;
  1301. }
  1302. #dialog-container>.dialog>footer>.popup-gameinvite-buttons>.popup-gameinvite-accepted-button>a{
  1303.     box-sizing: border-box;
  1304.     border-style: solid;
  1305.     border-color: rgba(0, 0, 0, 0.0980392) !important;
  1306.     background: rgba(38, 40, 45, 0.8) !important;
  1307.     border-width: 0.1px !important;
  1308.     border-radius: 2px !important;
  1309.     transition: 0.3s !important;
  1310.     color: #6EBB02 !important;
  1311.     text-shadow: black 0px 0px 3px;
  1312.     box-shadow: none;
  1313. }
  1314. #dialog-container>.dialog>footer>.popup-gameinvite-buttons>.popup-gameinvite-accepted-button>a:hover{
  1315.     text-shadow: rgb(136, 255, 0) 0px 0px 3px;
  1316.     border-width: 1px !important;
  1317.     border-style: solid !important;
  1318.     border-color: rgb(110, 187, 2) !important;
  1319. }
  1320. #dialog-container>.dialog>footer>.popup-prompt-buttons>.common-popup-close-button{
  1321.     box-sizing: border-box;
  1322.     border-style: solid;
  1323.     border-color: rgba(0, 0, 0, 0.0980392) !important;
  1324.     background: rgba(38, 40, 45, 0.8) !important;
  1325.     border-width: 0.1px !important;
  1326.     border-radius: 2px !important;
  1327.     transition: 0.3s !important;
  1328.     color: red !important;
  1329.     text-shadow: black 0px 0px 3px;
  1330.     box-shadow: none;
  1331. }
  1332. #dialog-container>.dialog>footer>.popup-prompt-buttons>.common-popup-close-button:hover{
  1333.     text-shadow: red 0px 0px 3px, black 1px 1px 0px;
  1334.     border-width: 1px !important;
  1335.     border-style: solid !important;
  1336.     border-color: rgb(255, 0, 0) !important;
  1337. }
  1338. #dialog-container>.dialog>footer>.popup-prompt-buttons>.popup-prompt-button-continue{
  1339.     box-sizing: border-box;
  1340.     border-style: solid;
  1341.     border-color: rgba(0, 0, 0, 0.0980392) !important;
  1342.     background: rgba(38, 40, 45, 0.8) !important;
  1343.     border-width: 0.1px !important;
  1344.     border-radius: 2px !important;
  1345.     transition: 0.3s !important;
  1346.     color: #6EBB02 !important;
  1347.     text-shadow: black 0px 0px 3px;
  1348.     box-shadow: none;
  1349. }
  1350. #dialog-container>.dialog>footer>.popup-prompt-buttons>.popup-prompt-button-continue:hover{
  1351.     text-shadow: rgb(136, 255, 0) 0px 0px 3px;
  1352.     border-width: 1px !important;
  1353.     border-style: solid !important;
  1354.     border-color: rgb(110, 187, 2) !important;
  1355. }
  1356. .dialog ul.avatars li.selected {
  1357.     background: #848484 !important;
  1358. }
  1359. #base-header .game-bar .main-nav .base-section-menu > li.active.has-dropdown:after {
  1360.     border: 4px solid rgb(0, 0, 0);
  1361.     border-top-color: rgba(255, 0, 0, 0);
  1362.     border-left-color: rgba(255, 0, 0, 0);
  1363.     opacity: 0.5;
  1364. }
  1365. #base-header .game-bar .main-nav .base-section-menu > li.has-dropdown:after {
  1366.     opacity: 0.3;
  1367. }
  1368. .feed-comment-text-clicked {
  1369.     max-width: 530px;
  1370. }
  1371. .feed-comment-text-not-clicked {
  1372.     width: 527px;
  1373.     max-width: 530px;
  1374. }
  1375. #comcenter-friends #comcenter-tab-friends-content li .join-friend {
  1376.     -o-transition-property: border, border-radius;
  1377.     -o-transition-duration: 0.2s;
  1378.     -o-transition-timing-function: linear;
  1379.     -moz-transition-property: border, border-radius;
  1380.     -moz-transition-duration: 0.2s;
  1381.     -moz-transition-timing-function: linear;
  1382.     -webkit-transition-property: border, border-radius;
  1383.     -webkit-transition-duration: 0.2s;
  1384.     -webkit-transition-timing-function: linear;
  1385.     transition-property: border, border-radius;
  1386.     transition-duration: 0.2s;
  1387.     transition-timing-function: linear;
  1388.     border: 1px solid #00A4FF;
  1389. }
  1390. #comcenter-friends #comcenter-tab-friends-content li .join-friend:hover {
  1391.     border: 1px solid #00A4FF !important;
  1392.     border-radius: 15px !important;
  1393. }
  1394. #comcenter-friends #comcenter-tab-friends-content li .join-friend:active {
  1395.     background: transparent !important;
  1396.     border-color: #FF7E00 !important;
  1397. }
  1398. #comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link i, .comcenter-chat-content .btn.btn-small.join-friend-submit-link i {
  1399.     display: block;
  1400.     margin-top: 2px;
  1401.     background: url(http://i.imgur.com/bBPdGcp.png) 0 -10px no-repeat;
  1402.     background-repeat: no-repeat;
  1403.     height: 10px;
  1404.     width: 10px;
  1405. }
  1406. #comcenter-tab-friends-content .btn.btn-small.join-friend-submit-link:active i, .comcenter-chat-content .btn.btn-small.join-friend-submit-link:active i {
  1407.     display: block;
  1408.     margin-top: 2px;
  1409.     background: url(http://i.imgur.com/bBPdGcp.png) 0 0px no-repeat;
  1410.     background-repeat: no-repeat;
  1411.     height: 10px;
  1412.     width: 10px;
  1413. }
  1414. #comcenter-tab-friends-content, #comcenter-tab-chats, #comcenter-tab-search {
  1415.     bottom: 48px !important;
  1416. }
  1417. section.main-header>div.get-bfh-tile {
  1418.     display: none !important;
  1419. }
  1420. div.main-loggedin-middle>div.base-middle-content>div.row>div.main-side-column {
  1421.     display: none !important;
  1422. }
  1423. div.main-loggedin-middle>div.base-middle-content>div.row>div.span8 {
  1424.     width: 992px !important;
  1425. }
  1426.  
  1427. /* BATTLELOG LANDING PAGE TILE FIX START*/
  1428. #base-bf4-html .main-header .tiles{
  1429.     background: transparent !important;
  1430. }
  1431. #bottom-tiles > .tiles:first-child{
  1432.     display: none;
  1433. }
  1434. #bottom-tiles > .tiles:nth-child(2){
  1435.     height: 147px;
  1436. }
  1437. #bottom-tiles > .tiles:last-child > .premium{
  1438.     display: none;
  1439. }
  1440. #bottom-tiles > .tiles:nth-child(2) > .challenges > .box{
  1441.     position: relative;
  1442.     top: -144px;
  1443.     right: -336px;
  1444.     width: 328px;
  1445. }
  1446. #bottom-tiles > .tiles:last-child > .battlepacks > .box{
  1447.     position: relative;
  1448.     right: -329px;
  1449. }
  1450.  
  1451. /* SERVERBROWSER RECOMMENDED REMOVE & SPACING FIX*/
  1452. section#serverbrowser-recommended-servers{
  1453.     display: none;
  1454. }
  1455. .main-header .tiles .box .box-hide h1 {
  1456.     text-shadow: 2px 1px 10px #DC7616;
  1457. }
  1458.  
  1459. /*SERVERBROWSER INFO HIGHLIGHTER START*/
  1460. .mode{
  1461.     color: #9EBFCC !important;
  1462. }
  1463. .tick-rate{
  1464.     color: #BF8FB4 !important;
  1465. }
  1466. #base-bf4-html .bblog-bf4-filter-btn {
  1467.     background-color: #0017FF;
  1468. }
  1469.  
  1470. /*ASSIGNMENT TEXT COLOR CORRECTION START*/
  1471. .box-content > ul > .clearfix > a > .completion-content > p{
  1472.     color: darkgrey;
  1473. }
  1474. #overview-completion ul li .completion-content p.completed {
  1475.     color: #57B06D;
  1476. }
  1477. #assignment-dependencies li span, #assignment-dependencies li a {
  1478.     float: left;
  1479.     margin: 4px 0 0 10px;
  1480.     color: #57B06D;
  1481. }
  1482. #assignment-dependencies li.nottaken .assignment-link {
  1483.     opacity: 0.2;
  1484. }
  1485.  
  1486. /*BBLOG BUTTON POSITION START*/
  1487. #bblog-icon {
  1488.     top: 10px !important;
  1489.     transition: .2s;
  1490. }
  1491. #bblog-teamspeak {
  1492.     top: 170px !important;
  1493.     transition: .2s;
  1494. }
  1495.  
  1496. @media screen and (min-device-width: 2000px) {
  1497.     ::-webkit-scrollbar {
  1498.         width: 10px !important;
  1499.     }
  1500.     .ace_scrollbar-h {
  1501.     height: 10px !important;
  1502.     }
  1503.     .jspVerticalBar {
  1504.     width: 10px !important;
  1505.     }
  1506. }
  1507.  
  1508. @media screen and (min-width: 1261px) {
  1509.     html:not(.is-touch) body:not(.no-comcenter) #base-background {
  1510.         margin-left: 0px !important;
  1511.     }
  1512. }
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!