API tools faq
paste
Ansolley

BF4 Battlelog Nvidia Theme

Ansolley
May 1st, 2019
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 15.53 KB | None | 0 0
raw download clone embed print report
  1. /**
  2. * BF4 Battlelog Nvidia Theme
  3. * You have to paste this into bblogs Theme/CSS Editor and Enable theme and test it, wont work otherwise idk why
  4. * @author badjokr
  5. * @version 1.6
  6. * @date 22.01.2016
  7. * @license GPL v3
  8. * @link http://getbblog.com
  9. */
  10.  
  11. body::-webkit-scrollbar {
  12.   width: 6px;
  13. }
  14. body::-webkit-scrollbar-track {
  15.   background: transparent;
  16. }
  17. ::-webkit-scrollbar-thumb {
  18.   background: #94E407;
  19. }
  20. body::-webkit-scrollbar-thumb:hover {
  21.   background: #94E407;
  22. }
  23. body::-webkit-scrollbar-thumb:active {
  24.   background: #76b900;
  25. }
  26.  
  27. ::-webkit-scrollbar-corner {
  28.   background: #f1c40f;
  29. }
  30.  
  31. body{
  32.     background-color: black;
  33. }
  34.  
  35. .ace_scrollbar-h{
  36.     height: 6px !important;
  37. }
  38.  
  39. .receipt.checkbox{
  40.     background: rgba(110, 185, 0, 0.9);
  41.  }
  42.  
  43. #base-bf4-html .video-container{
  44.     display: none;
  45. }
  46.  
  47. .progress-bar.difference {
  48.     background-image: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 24%, black 25%, black);
  49.     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 24%, black 25%, black);
  50. }
  51.  
  52. #base-bf4-html #base-background{
  53.   background: url(http://i.imgur.com/3gK5IEZ.png) repeat-x -120px center fixed;
  54.   -webkit-background-size: cover;
  55.   -moz-background-size: cover;
  56.   -o-background-size: cover;
  57.   background-size: cover;
  58. }
  59.  
  60. #base-bf4-html .box > header:not(.bblog-bf4-filter-btn),
  61. #base-bf4-html table.table > thead tr th,
  62. #base-bf4-html .submenu>ul>li.active>a,
  63. #base-bf4-html .submenu>ul>li.active>span,
  64. #base-bf4-html .submenu>ul>li.active>a:hover,
  65. #base-bf4-html .submenu>ul>li.active>a:active,
  66. #base-bf4-html .forum-start-border .common-box-title .forum-start-forum-headercell,
  67. #base-bf4-html #loadout .loadout-item-container.active header,
  68. #base-bf4-html #base-header .game-bar .main-nav .base-section-menu>li.active:not(.nav-home)>a,
  69. #base-bf4-html #base-header .game-bar .main-nav .base-section-menu>li.active:not(.nav-home)>a:hover,
  70. #base-bf4-html #base-header .game-bar .main-nav .base-section-menu>li.active:not(.nav-home).focused>a,
  71. #base-bf4-html .dialog header,
  72. #base-bf4-html .pagination-paginationbutton.pagination-type-on .pagination-paginationbutton-inner{
  73.     background: #76b900;
  74.     color:white;
  75.     box-shadow:none;
  76.     text-shadow:black 0px 0px 3px;
  77. }
  78.  
  79. #base-bf4-html .bblog-bf4-filter-btn{
  80.     background-color: #76b900;
  81. }
  82.  
  83. #base-bf4-html .box > header h1{
  84.     color:white;
  85.     text-shadow:black 0px 0px 3px;
  86. }
  87.  
  88. #base-bf4-html #overview-info #overview-info-list li,
  89. #base-bf4-html .main-header .tiles,
  90. #base-bf4-html .forum-start-border .forum-start-forum-title,
  91. #base-bf4-html .forum-start-border .forum-start-forum-bodycell,
  92. #base-bf4-html #bblog-options{
  93.     background: rgba(0,0,0,0.7);
  94. }
  95.  
  96. #base-bf4-html .warsaw-stats-content table.profile-stats-table td,
  97. #base-bf4-html table.table td,
  98. #base-bf4-html table.table th{
  99.     background: rgba(0,0,0,0.7) padding-box;
  100.     background-clip:padding-box;
  101. }
  102.  
  103. #base-bf4-html .box-content{
  104.     background-color: rgba(0,0,0,0.7);
  105. }
  106.  
  107. #base-bf4-html h1.primary,
  108. #base-bf4-html #serverbrowser header h1,
  109. #base-container .content>section>header h1{
  110.     color:white;
  111.     background: none;
  112.     text-shadow:black 0px 0px 3px;
  113. }
  114.  
  115. #base-bf4-html footer,
  116. #base-bf4-html #footer-links li a,
  117. #base-bf4-html #footer-highlighted .footer-box-header,
  118. #base-bf4-html #footer-allrightsreserved,
  119. #base-bf4-html .forum-start-forum-headercell p,
  120. #base-bf4-html #loadout .loadout-item-container.active header h1,
  121. #base-bf4-html .warsaw-stats-content table.profile-stats-table tbody tr.active p,
  122. #base-bf4-html .weapon-stats-list li.active p,
  123. #base-bf4-html .weapon-stats-list li.active.locked p{
  124.     color:white;
  125. }
  126.  
  127. #base-bf4-html .btn.btn-primary,
  128. #base-bf4-html a.btn.btn-primary,
  129. #base-bf4-html .btn.btn-primary:hover,
  130. #base-bf4-html a.btn.btn-primary:hover,
  131. #base-bf4-html .btn.btn-primary:hover:active,
  132. #base-bf4-html a.btn.btn-primary:hover:active{
  133.     background: #82B32E;
  134.     color:white;
  135.     border:2px solid rgba(0,0,0,0.6);
  136.     text-shadow:black 0px 0px 3px;
  137.     box-shadow:none;
  138. }
  139.  
  140. #base-bf4-html .btn.btn-primary:hover,
  141. #base-bf4-html a.btn.btn-primary:hover{
  142.     text-shadow:black 0px 0px 3px, black 1px 1px 0px;
  143.     background: #639015;
  144. }
  145.  
  146. #base-bf4-html .forum-threadview-post-ea:after,
  147. #base-bf4-html .forum-start-forum-has-official:after{
  148.     background: #8BD210;
  149. }
  150.  
  151. #base-bf4-html .dialog header h3{
  152.     color:white;
  153.     text-align: left;
  154.     padding-left: 15px;
  155. }
  156.  
  157. #base-bf4-html a.preorder .box-content,
  158. #base-bf4-html h1.box-content{
  159.     background-color: transparent;
  160. }
  161.  
  162. #base-bf4-html table.table tbody tr.active,
  163. #base-bf4-html:not(.is-touch) #serverbrowser .servers-list tbody .server-row.active{
  164.     box-shadow:none;
  165.     -webkit-filter:none;
  166.     -moz-filter:none;
  167.     filter:none;
  168. }
  169.  
  170. #base-bf4-html table.table tbody tr.active td{
  171.     background: rgba(0,0,0,0.9) padding-box;
  172.     color:white;
  173.     box-shadow:none;
  174. }
  175.  
  176. #base-bf4-html .forum-threadview-post .forum-threadview-post-poster{
  177.     background: rgba(0,0,0,0.3);
  178. }
  179.  
  180. #base-bf4-html .forum-threadview-post .forum-threadview-post-content{
  181.     background: rgba(0,0,0,0.7);
  182. }
  183.  
  184. #base-bf4-html .forum-threadview-post .forum-threadview-post-content blockquote{
  185.     border:none;
  186.     background: rgba(0,0,0,0.7);
  187.     color:white;
  188.     font-size: 12px;
  189.     line-height: 15px;
  190.     font-family: arial;
  191. }
  192.  
  193.  
  194. #base-bf4-html .weapon.smallinv{
  195.     background-image:url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/906d03b6a8ffbd2bcc9fb923e528b492f10a8608/public/profile/warsaw/gamedata/weapon/small.png);
  196. }
  197.  
  198. #base-bf4-html .weaponaccessory.smallinv{
  199.     background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/906d03b6a8ffbd2bcc9fb923e528b492f10a8608/public/profile/warsaw/gamedata/weaponaccessory/small.png);
  200. }
  201.  
  202. #base-bf4-html .vehicle.mediuminv{
  203.     background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/906d03b6a8ffbd2bcc9fb923e528b492f10a8608/public/profile/warsaw/gamedata/vehicle/medium.png);
  204. }
  205.  
  206. #base-bf4-html .vehicleunlock.mediuminv{
  207.     background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/906d03b6a8ffbd2bcc9fb923e528b492f10a8608/public/profile/warsaw/gamedata/vehicleunlock/medium.png);
  208. }
  209.  
  210. #base-bf4-html .kititem.largersmallinv{
  211.     background-image: url(http://eaassets-a.akamaihd.net/bl-cdn/cdnprefix/906d03b6a8ffbd2bcc9fb923e528b492f10a8608/public/profile/warsaw/gamedata/kititem/largersmall.png);
  212. }
  213.  
  214. #base-bf4-html .battlereports-table .winstatus-1{
  215.     color:#bcff66;
  216. }
  217.  
  218. #base-bf4-html .battlereports-table .winstatus-2{
  219.     color:#ff6666;
  220. }
  221.  
  222. #base-bf4-html .overview-top-box .top-item,
  223. #base-bf4-html #overview-completion ul li,
  224. #base-bf4-html #vehicle-list .box-content,
  225. #base-bf4-html #weapon-list .box-content,
  226. #base-bf4-html #awards-statistics .stat-box .box-content,
  227. #base-bf4-html #assignments-statistics .stat-box .box-content{
  228.     background: transparent;
  229. }
  230.  
  231. #base-bf4-html .weapon-stats-list li,
  232. #base-bf4-html .vehicle-stats-list li,
  233. #base-bf4-html .kits-list li,
  234. #base-bf4-html .awards-list li .award-medal,
  235. #base-bf4-html .awards-list li .award-ribbon,
  236. #base-bf4-html .stat-list-col>li{
  237.     background: rgba(0,0,0,0.3);
  238. }
  239.  
  240. #base-bf4-html #main-header .box-content{
  241.     background-color: rgba(0,0,0,0.3);
  242. }
  243.  
  244. #base-bf4-html .weapon-stats-list li.active,
  245. #base-bf4-html .weapon-stats-list li.active.locked,
  246. #base-bf4-html .vehicle-stats-list li.active,
  247. #base-bf4-html .vehicle-stats-list li.active.locked,
  248. #base-bf4-html .kits-list li.active,
  249. #base-bf4-html .kits-list li.active.locked,
  250. #base-bf4-html .stat-list-col>li.active,
  251. #base-bf4-html #emblem-select .emblems-list li.active a{
  252.     background: rgba(0,0,0,0.7);
  253.     color:white;
  254.     box-shadow:none;
  255. }
  256.  
  257. #base-bf4-html .warsaw-stats-content .profile-statistics-container .locked .image{
  258.     opacity:1;
  259. }
  260.  
  261. #base-bf4-html .active .icon-platform.pc{
  262.     background-position: 0px -10px;
  263. }
  264.  
  265. #base-bf4-html #warsaw-stats-head .user a.profile-link{
  266.     text-shadow:black 1px 1px 2px;
  267. }
  268.  
  269. #base-bf4-html #warsaw-stats-head .user .icon-premium-wide{
  270.     position: relative;
  271.     top:3px;
  272. }
  273.  
  274. #base-bf4-html #warsaw-stats-head .soldier-info-name span.premium{
  275.     color:white;
  276. }
  277.  
  278. #base-bf4-html .dialog>header .icon-close{
  279.     background-color: white;
  280.     border-radius:3px;
  281. }
  282.  
  283. #base-bf4-html body.premium .main-header .persona .icon-premium-wide{
  284.     margin-left: 4px;
  285. }
  286.  
  287. .progress-bar{
  288.         background-color: transparent !important;
  289. }
  290.  
  291. .progress-bar .progress-bar-inner.warning:before {
  292.         background: linear-gradient(to right, #4A881B, rgba(189, 98, 13, 0));
  293.     box-shadow: 0 0 0.2em 1px #5ED000 inset;
  294. }
  295.  
  296. .progress-bar .progress-bar-inner.warning {
  297.     background-color: #87C72C;
  298. }
  299.  
  300. .progress-bar .progress-bar-inner.warning[style="width:100%"] {
  301.     background: #5CCA30;
  302. }
  303.  
  304. #base-header .game-bar .inner-wrapper {
  305.     height: 47px;
  306.     position: relative;
  307.     border-top: 1px solid #353a3f;
  308.     z-index: 1;
  309.     background-image: -webkit-linear-gradient(to bottom, rgba(19, 22, 26, 1) 0%, rgba(19, 22, 26, 0.20) 100%);
  310.     background-image: linear-gradient(to bottom, rgba(19, 22, 26, 1) 0%, rgba(19, 22, 26, 0.20) 100%);
  311. }
  312.  
  313. body #base-container #user .profile-playing {
  314.     background: #48BD23;
  315. }
  316.  
  317. .ui-select {
  318.   position: relative;
  319.   display: inline-block;
  320.   cursor: pointer;
  321.   font-size: 12px;
  322.   -webkit-user-select: none;
  323.   -moz-user-select: none;
  324.   -ms-user-select: none;
  325.   user-select: none; }
  326.   .ui-select select {
  327.     width: 100%;
  328.     height: 100%;
  329.     box-sizing: border-box;
  330.     position: absolute;
  331.     left: -99999px; }
  332.   .ui-select .options:hover, .ui-select.show-dropdown .options {
  333.     color: #fff;
  334.     border-color: #fff; }
  335.     .ui-select .options:hover:after, .ui-select.show-dropdown .options:after {
  336.       border-top-color: #fff; }
  337.   .ui-select .options {
  338.     display: block;
  339.     position: relative;
  340.     background-color: rgba(0, 0, 0, 0.5);
  341.     border: 1px solid rgba(250, 246, 246, 0.6);
  342.     color: #d5dde5;
  343.     line-height: 26px;
  344.     padding-left: 8px;
  345.     padding-right: 32px;
  346.     margin: 0;
  347.     cursor: pointer;
  348.     margin-top: -3px;
  349.     margin-bottom: -3px;
  350.     min-height: 26px; }
  351.     .ui-select .options .option {
  352.       display: none; }
  353.       .ui-select .options .option.selected {
  354.         display: block; }
  355.     .ui-select .options:after {
  356.       content: "";
  357.       border: 4px solid transparent;
  358.       border-top-color: #d5dde5;
  359.       width: 0;
  360.       height: 0;
  361.       position: absolute;
  362.       top: 11px;
  363.       right: 8px; }
  364.   .ui-select.show-dropdown .dropdown {
  365.     display: block; }
  366.   .ui-select .dropdown {
  367.     display: none;
  368.     border: 1px solid #d5dde5;
  369.     position: absolute;
  370.     top: 100%;
  371.     margin-top: -1px;
  372.     z-index: 100;
  373.     background-color: rgba(10, 14, 20, 0.85);
  374.     max-height: 320px; }
  375.     .ui-select .dropdown li {
  376.       height: 34px;
  377.       line-height: 34px;
  378.       padding: 0 16px;
  379.       cursor: pointer;
  380.       background-color: rgba(0, 0, 0, 0.4);
  381.       color: #fff; }
  382.       .ui-select .dropdown li:not(.selected):hover {
  383.         background-color: rgba(100, 100, 100, 0.6); }
  384.       .ui-select .dropdown li.selected {
  385.         background: #fff;
  386.         color: #000; }
  387.     .ui-select .dropdown .jspVerticalBar {
  388.       right: 0px; }
  389.     .ui-select .dropdown.jspScrollable li {
  390.       width: auto;
  391.       margin-right: -11px; }
  392.  
  393. .sticky-scroll {
  394.   position: relative !important; }
  395.   .sticky-scroll.fixed {
  396.     position: fixed !important;
  397.     float: none;
  398.     margin: 0; }
  399.   .sticky-scroll.fixed-bottom {
  400.     position: absolute !important;
  401.     bottom: 0;
  402.     right: 0; }
  403.  
  404. .switch {
  405.   position: relative;
  406.   display: inline-block;
  407.   vertical-align: middle;
  408.   line-height: 17px; }
  409.   .switch input[type="checkbox"]:not(:checked), .switch input[type="checkbox"]:checked, .switch input[type="radio"]:not(:checked), .switch input[type="radio"]:checked {
  410.     /* :checked here acting as a filter for older browsers */
  411.     position: absolute;
  412.     left: 0;
  413.     top: 0;
  414.     padding: 0;
  415.     margin: 0;
  416.     opacity: 0;
  417.     border: 0;
  418.     background: none;
  419.     width: 100%;
  420.     height: 100%;
  421.     cursor: pointer;
  422.     z-index: 1; }
  423.   .switch input[type="checkbox"] + div, .switch input[type="radio"] + div {
  424.     position: relative;
  425.     top: -2px;
  426.     display: inline-block;
  427.     vertical-align: middle;
  428.     width: 40px;
  429.     height: 17px;
  430.     background: #3b3e43;
  431.     background-origin: border-box;
  432.     background-clip: border-box;
  433.     overflow: hidden;
  434.     transition-duration: 0.4s;
  435.     transition-property: padding, width, background-color; }
  436.     .switch input[type="checkbox"] + div:before, .switch input[type="radio"] + div:before {
  437.       content: "";
  438.       display: block;
  439.       margin-left: 2px;
  440.       margin-top: 2px;
  441.       width: 18px;
  442.       height: 13px;
  443.       background: #fff; }
  444.   .switch input[type="checkbox"]:checked + div, .switch input[type="radio"]:checked + div {
  445.     padding-left: 17px;
  446.     width: 23px;
  447.     background: #7dbe56; }
  448.   .switch input[type="checkbox"]:active + div:before, .switch input[type="radio"]:active + div:before {
  449.     background-color: #fff; }
  450.   .switch input[type="checkbox"]:focus + div, .switch input[type="radio"]:focus + div {
  451.     box-shadow: 0 0 2px yellow; }
  452.   .switch + label {
  453.     position: relative;
  454.     top: 2px; }
  455.  
  456. .scroll-container-outer {
  457.   position: relative;
  458.   height: 185px;
  459.   text-transform: uppercase;
  460.   margin-bottom: 15px; }
  461.  
  462. .scroll-left, .scroll-right {
  463.   position: absolute;
  464.   top: 0;
  465.   line-height: 210px;
  466.   height: inherit;
  467.   font-size: 50px;
  468.   width: 45px;
  469.   text-align: center;
  470.   background-color: rgba(7, 7, 7, 0.5);
  471.   cursor: pointer;
  472.   -webkit-touch-callout: none;
  473.   -webkit-user-select: none;
  474.   -khtml-user-select: none;
  475.   -moz-user-select: none;
  476.   -ms-user-select: none;
  477.   user-select: none;
  478.   transition: opacity 0.1s ease-in-out;
  479.   -webkit-transition: opacity 0.1s ease-in-out;
  480.   -moz-transition: opacity 0.1s ease-in-out;
  481.   -ms-transition: opacity 0.1s ease-in-out;
  482.   -o-transition: opacity 0.1s ease-in-out; }
  483.   .scroll-left:hover, .scroll-right:hover {
  484.     background-color: rgba(0, 0, 0, 0.6); }
  485.   .scroll-left.disabled, .scroll-right.disabled {
  486.     filter: alpha(opacity=50);
  487.     opacity: 0.5;
  488.     cursor: auto; }
  489.  
  490. .scroll-left > figure, .scroll-right > figure {
  491.   width: 30px;
  492.   height: 59px;
  493.   background-image: url(../ui/scroll-arrows.png);
  494.   margin-left: 1px;
  495.   display: inline-block; }
  496.  
  497. .scroll-right > figure {
  498.   background-position: -30px 0px; }
  499.  
  500. .scroll-left {
  501.   left: 0; }
  502.  
  503. .scroll-right {
  504.   right: 0; }
  505.  
  506. .scroll-container {
  507.   position: absolute;
  508.   top: 0;
  509.   left: 46px;
  510.   right: 46px;
  511.   height: inherit;
  512.   overflow: hidden;
  513.   white-space: nowrap; }
  514.  
  515. .scrollables {
  516.   float: left;
  517.   left: 0; }
  518.  
  519. .scrollable {
  520.   float: left;
  521.   height: 174px;
  522.   width: 190px;
  523.   background-color: rgba(0, 0, 0, 0.5);
  524.   white-space: normal;
  525.   text-align: center;
  526.   margin-right: 1px;
  527.   cursor: pointer;
  528.   overflow: hidden; }
  529.   .scrollable.selected {
  530.     background: #fff;
  531.     box-shadow: 0 0 7px #fff; }
  532.   .scrollable span {
  533.     padding-left: 5px;
  534.     padding-right: 5px; }
  535.   .scrollable .title {
  536.     text-transform: uppercase;
  537.     display: block; }
  538.   .scrollable.selected .title {
  539.     color: #000; }
  540.   .scrollable .description {
  541.     font-size: 13px;
  542.     color: #8A8A8A; }
  543.  
  544. .scroll-container .jspScrollable {
  545.   outline: none; }
  546. .scroll-container .jspPane {
  547.   height: inherit; }
  548. .scroll-container .jspHorizontalBar {
  549.   height: 8px; }
  550. .scroll-container .jspTrack {
  551.   background: rgba(0, 0, 0, 0.5); }
  552. .scroll-container .jspDrag {
  553.   opacity: 0.75; }
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!