API tools faq
paste
Advertisement
S-ed

UE4 modern docs

S-ed
Mar 14th, 2018
178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.42 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document regexp("^https?:\\/\\/docs\\.unrealengine\\.com\\/.*") {
  2. body {
  3.     color: #ccc;
  4.     background-color: #333;
  5. }
  6.  
  7. .top-header .top {
  8.     border-bottom: 1px solid #454545;
  9.     background: #393939;
  10. }
  11.  
  12. .breadcrumbs li {
  13.     font-variant: all-small-caps;
  14.     font-weight: normal;
  15. }
  16.  
  17. .breadcrumbs li a {
  18.     color: #ccc;
  19. }
  20.  
  21. .breadcrumbs li:last-child {
  22.     border-bottom: 1px solid #f90;
  23. }
  24.  
  25. #wrapper .icon-links .icon-link .inner > div .content .description,
  26. #wrapper .icon-links .icon-link .inner > div .content .description p {
  27.     color: #ccc;
  28. }
  29.  
  30. #wrapper .icon-links .icon-link {
  31.     background: #393939;
  32.     border: 1px solid #666;
  33. }
  34.  
  35. #wrapper .topics-wrap > .topics {
  36.     background: #393939;
  37.     border: 1px solid #454545;
  38. }
  39.  
  40. #wrapper .topics-wrap > .topics .info {
  41.     color: #ccc;
  42. }
  43.  
  44. #wrapper .topics-wrap > .topics:hover {
  45.     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  46.     background: #454545;
  47. }
  48.  
  49. #wrapper .icon-links .icon-link:hover {
  50.     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  51.     background: #454545;
  52. }
  53.  
  54. .note, .tip, .warning, .quote,
  55. .todo, .announce, .section, .gallery,
  56. .aux, .prereq, .callout, .alert {
  57.     background: #393939;
  58.     border: 1px solid #666;
  59. }
  60.  
  61. /* search bar */
  62.  
  63. .top-header .top .search-wrapper-pane #dnn_topSearch_ClassicSearch .search-wrapper,
  64. .top-header .top .search-wrapper-pane #dnn_topSearch_ClassicSearch .searchInputContainer {
  65.     background: none;
  66. }
  67.  
  68. .top-header .top .search-wrapper-pane #dnn_topSearch_ClassicSearch .search-wrapper input.NormalTextBox,
  69. .top-header .top .search-wrapper-pane #dnn_topSearch_ClassicSearch .searchInputContainer input.NormalTextBox {
  70.     border: 1px solid #454545;
  71.     background: #333;
  72.     transition: background, border 1s;
  73. }
  74.  
  75. .top-header .top .search-wrapper-pane #dnn_topSearch_ClassicSearch .search-wrapper input.NormalTextBox:focus,
  76. .top-header .top .search-wrapper-pane #dnn_topSearch_ClassicSearch .search-wrapper input.NormalTextBox:hover,
  77. .top-header .top .search-wrapper-pane #dnn_topSearch_ClassicSearch .searchInputContainer input.NormalTextBox:focus,
  78. .top-header .top .search-wrapper-pane #dnn_topSearch_ClassicSearch .searchInputContainer input.NormalTextBox:hover {
  79.     border: 1px solid #0aaff1;
  80.     background: #333;
  81. }
  82.  
  83. ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group {
  84.     background-color: #333;
  85.     color: #999;
  86.     border-bottom: 1px solid #454545;
  87. }
  88.  
  89.  
  90. ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group:hover {
  91.     background-color: #333;
  92.     color: #999;
  93. }
  94.  
  95.  
  96. ul.searchSkinObjectPreview {
  97.     background: #333;
  98.     border: 1px solid #454545;
  99.     -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.3);
  100.     box-shadow: 0 6px 12px rgba(0,0,0,.3);
  101. }
  102.  
  103. ul.searchSkinObjectPreview > li {
  104.     border-bottom: 1px solid #454545;
  105.     background-color: #333;
  106. }
  107.  
  108. ul.searchSkinObjectPreview > li:hover {
  109.     background-color: #393939;
  110. }
  111.  
  112.  
  113.  
  114. ul.searchSkinObjectPreview > li > p {
  115.     color: #999;
  116. }
  117.  
  118.  
  119. ul.searchSkinObjectPreview > li > span {
  120.     color: #ccc;
  121. }
  122.  
  123. ul.searchSkinObjectPreview > li p b {
  124.     color: #c3aa88;
  125. }
  126.  
  127.  
  128. /* search results */
  129.  
  130. .col-lg-8 {
  131.     width: calc(100% - 260px);
  132. }
  133.  
  134. #wrapper,
  135. .dnnSearchBoxPanel,
  136. .dnnSearchResultPanel {
  137.     max-width: 100%;
  138. }
  139.  
  140. .dnnSearchBoxPanel,
  141. .dnnSearchResultPanel {
  142.     background: transparent;
  143. }
  144.  
  145. .dnnSearchResultAdvancedTip {
  146.     float: none;
  147.     position: absolute;
  148.     margin: 0;
  149.     top: 18px;
  150.     right: 5px;
  151. }
  152.  
  153. .dnnSearchBox {
  154.     min-height: 35px;
  155.     border: 1px solid #666;
  156.     background: transparent;
  157.  
  158. }
  159.  
  160. .dnnSearchBox > input[type="text"],
  161. .dnnSearchBox > input[type="text"]:focus {
  162.     background: #333;
  163. }
  164.  
  165. .dnnSearchResultContainer > .dnnSearchResultItem {
  166.     background-color: #393939;
  167.     margin: 0 0 10px 0;
  168.     padding: 10px 20px;
  169.     border-radius: 4px;
  170. }
  171.  
  172. .dnnSearchResultContainer > .dnnSearchResultItem-Subset {
  173.     background-color: #393939;
  174.     margin: -10px 0 10px 0;
  175.     padding: 10px 20px 10px 40px;
  176.     border-radius: 4px;
  177. }
  178.  
  179. .selectize-control.single .selectize-input {
  180.     background: #333;
  181.     box-shadow: none;
  182.     border-color: #666;
  183.     color: #ccc;
  184. }
  185.  
  186. .dnnSearchResultPanel .dnnSearchResultSortOptions {
  187.     border: 1px solid #666;
  188. }
  189.  
  190. .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a,
  191. .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover {
  192.     background: #333;
  193.     color: #ccc;
  194. }
  195.  
  196. .dnnSearchResultPanel .dnnSearchResultSortOptions > li > a {
  197.     color: #ccc;
  198.     background: #666;
  199. }
  200.  
  201. .dnnSearchResultPanel .dnnSearchResultSortOptions > li {
  202.     border-left: 1px solid #666;
  203. }
  204.  
  205. .dnnSearchResultContainer > .dnnSearchResultItem a {
  206.     color: #808080;
  207. }
  208.  
  209.  
  210. .dnnSearchResultContainer > .dnnSearchResultItem a:hover,
  211. .dnnSearchResultContainer > .dnnSearchResultItem-Subset a:hover{
  212.     text-decoration: underline;
  213. }
  214.  
  215. .dnnSearchResultContainer > .dnnSearchResultItem a:visited {
  216.     color: #666;
  217. }
  218.  
  219. .dnnSearchResultContainer > .dnnSearchResultItem a.dnnSearchResultItem-tagsLink,
  220. .dnnSearchResultContainer > .dnnSearchResultItem a.dnnSearchResultItem-sourceLink,
  221. .dnnSearchResultContainer > .dnnSearchResultItem-Subset a.dnnSearchResultItem-tagsLink,
  222. .dnnSearchResultContainer > .dnnSearchResultItem-Subset a.dnnSearchResultItem-sourceLink {
  223.     color: #818F72;
  224. }
  225.  
  226. .dnnSearchResultItem-Link {
  227.     margin: 5px 0;
  228. }
  229.  
  230. .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Title a {
  231.     color: #478aa5;
  232. }
  233.  
  234. .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description,
  235. .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description{
  236.     color: #ccc;
  237. }
  238.  
  239. .dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Description b,
  240. .dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Description b {
  241.     color: #c3aa88;
  242. }
  243.  
  244. /* mini menus */
  245.  
  246. .content-bar .os-toggle, .content-bar .version-tag {
  247.     border: 1px solid #666;
  248.     color: #fff;
  249. }
  250.  
  251. .dropdown-menu {
  252.     background-color: #393939;
  253.     border: 1px solid #454545;
  254.     -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.3);
  255.     box-shadow: 0 6px 12px rgba(0,0,0,.3);
  256. }
  257.  
  258. .dropdown-menu > li > a {
  259.     color: #ccc;
  260. }
  261.  
  262. .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  263.     color: #fff;
  264. }
  265.  
  266. .content-bar .os-toggle::after {
  267.     border-top: 6px solid #666;
  268. }
  269.  
  270.  
  271. /*"on this page" navigation tree*/
  272.  
  273. .content-wrapper #on_this_page h4:before {
  274.     content: none;
  275. }
  276.  
  277. .content-wrapper .content-pane .on-this-page h4,
  278. .content-wrapper #on_this_page .on-this-page h4 {
  279.     font-size: 18px;
  280.     color: #ccc;
  281.     font-family: "Brutal_Light", sans-serif, arial;
  282. }
  283.  
  284.  
  285. .content-wrapper .content-pane .on-this-page ul li a,
  286. .content-wrapper #on_this_page .on-this-page ul li a {
  287.     border-radius: 4px;
  288.     color: #999;
  289.     text-overflow: ellipsis;
  290.     overflow: hidden;
  291.     white-space: nowrap;
  292.     display: block;
  293.     padding: 0 8px;
  294. }
  295.  
  296. .content-wrapper .content-pane .on-this-page ul li a:hover ,
  297. .content-wrapper #on_this_page .on-this-page ul li a:hover {
  298.     background-color: #454545;
  299. }
  300.  
  301. .content-wrapper .content-pane .on-this-page ul li a.active,
  302. .content-wrapper #on_this_page .on-this-page ul li a.active {
  303.     color: #333;
  304.     background: #999;
  305. }
  306.  
  307. /*related articles tree*/
  308.  
  309. .content-wrapper #on_this_page > div h2 {
  310.     font-weight: normal;
  311.     color: #ccc;
  312. }
  313.  
  314. .content-wrapper #on_this_page > div h2:before {
  315.     content: none;
  316. }
  317.  
  318.  
  319. /*documentation navigation tree*/
  320.  
  321. .content-wrapper #sideNav li {
  322.     background: none;
  323. }
  324.  
  325. .content-wrapper #sideNav {
  326.     border-right: none;
  327. }
  328.  
  329. .content-wrapper #sideNav:not(.jspScrollable) {
  330.     border-right: 1px solid #454545;
  331. }
  332.  
  333. .content-wrapper #sideNav li span {
  334.     color: #ccc !important;
  335. }
  336.  
  337. .content-wrapper #sideNav li.sidebar_active_parent > a > span {
  338.     font-weight: normal;
  339.     color: #ccc !important;
  340. }
  341.  
  342. .content-wrapper #sideNav li.sidebar_active_item > a > span {
  343.     font-weight: normal;
  344.     color: #333 !important;
  345. }
  346.  
  347.  
  348. .content-wrapper #sideNav li > ul > li ul {
  349.     background: none;
  350. }
  351.  
  352. .content-wrapper #sideNav li.collapsibleListOpen {
  353.     /*background: none;*/
  354.     background: #ffffff05;
  355.     border-radius: 4px;
  356. }
  357.  
  358. .content-wrapper #sideNav li a:hover {
  359.     background: #454545;
  360.     border-radius: 4px;
  361. }
  362.  
  363. .content-wrapper #sideNav li.sidebar_active_item > a {
  364.     /*border-radius: 0px;*/
  365.     background: #999;
  366.     color: #333 !important;
  367.     position: relative;
  368. }
  369.  
  370. /*
  371. .content-wrapper #sideNav li.sidebar_active_item > a > span:after {
  372.     content: "〈";
  373.     position: absolute;
  374.     top: 50%;
  375.     right: 5px;
  376.     transform: translateY(-50%);
  377.     font-size: 20px;
  378.     font-weight: 100;
  379. }*/
  380.  
  381. .content-wrapper .jspVerticalBar {
  382.     background: #393939;
  383.     transition: background 1s 1s;
  384. }
  385.  
  386. .content-wrapper .jspVerticalBar:hover {
  387.     background: #454545;
  388.     transition: background 0.5s 0s;
  389. }
  390.  
  391. .content-wrapper .jspDrag {
  392.     background: #505050;
  393.     border-radius: 10px;
  394.     transition: background 1s 1s;
  395. }
  396.  
  397. .content-wrapper .jspVerticalBar:hover .jspDrag {
  398.     background: #666;
  399.     transition: background 0.5s 0s;
  400. }
  401.  
  402.  
  403. /*bottom*/
  404.  
  405. .bottom-row {
  406.     border-top: none;
  407.     background: #333;
  408. }
  409.  
  410.  
  411. /*Exp*/
  412.  
  413. a:link {
  414.     color: #8ab;
  415. }
  416. a:visited {
  417.     color: #689;
  418. }
  419. a:hover {
  420.     color: #1bf;
  421. }
  422.  
  423. table {
  424.     border-color: #666;
  425. }
  426.  
  427. th {
  428.     background-color: #454545;
  429.     color: #ccc;
  430.     border-color: #666;
  431. }
  432.  
  433. td {
  434.     background-color: #333;
  435.     border-color: #454545;
  436.     /*padding: 0.25em 0.5em;*/
  437. }
  438.  
  439. td > p {
  440.     padding: 0.25em 0.5em;
  441. }
  442.  
  443. td:empty {
  444.     padding: 0;
  445. }
  446.  
  447. tr:last-child td {
  448.     border-color: #454545;
  449. }
  450.  
  451. .content-wrapper table > thead > tr > th {
  452.     border-bottom: none;
  453.     background-color: #454545;
  454. }
  455.  
  456. .content-wrapper table > tbody > tr > td > div.tablesection {
  457.     background: #393939;
  458.     font-weight: bold;
  459. }
  460.  
  461. .content-wrapper table > tbody > tr > td {
  462.     border-top: none;
  463. }
  464.  
  465. .content-wrapper table > thead,
  466. .content-wrapper table > tbody > tr {
  467.     border-top: 1px solid #454545;
  468. }
  469.  
  470.  
  471. /* tweaks */
  472.  
  473. h2:before,
  474. h3:before,
  475. h4:before {
  476.     margin-right: 5px;
  477.     color: #666;
  478.     font-family: monospace;
  479. }
  480.  
  481. h2:before {
  482.     content: "❱";
  483. }
  484.  
  485. h3:before {
  486.     content: "❱❱";
  487. }
  488.  
  489. h4:before {
  490.     content: "❱❱❱";
  491. }
  492.  
  493.  
  494. .note {
  495.     background-color: #09f2;
  496.     border-color: #09f;
  497. }
  498.    
  499.  
  500. .note.warning, .note.alert-warning, .tip.warning, .tip.alert-warning, .warning.warning, .warning.alert-warning, .quote.warning, .quote.alert-warning, .todo.warning, .todo.alert-warning, .announce.warning, .announce.alert-warning, .section.warning, .section.alert-warning, .gallery.warning, .gallery.alert-warning, .aux.warning, .aux.alert-warning, .prereq.warning, .prereq.alert-warning, .callout.warning, .callout.alert-warning, .alert.warning, .alert.alert-warning {
  501.     background-color: #f332;
  502.     border-color: #833;
  503. }
  504.  
  505. .note.tip, .note.alert-info, .tip.tip, .tip.alert-info, .warning.tip, .warning.alert-info, .quote.tip, .quote.alert-info, .todo.tip, .todo.alert-info, .announce.tip, .announce.alert-info, .section.tip, .section.alert-info, .gallery.tip, .gallery.alert-info, .aux.tip, .aux.alert-info, .prereq.tip, .prereq.alert-info, .callout.tip, .callout.alert-info, .alert.tip, .alert.alert-info {
  506.     background-color: #9f31;
  507.     border-color: #693;
  508. }
  509.  
  510.  
  511. .todo {
  512.     background-color: #f901;
  513.     border-color: #f90;
  514. }
  515.  
  516. .quote {
  517.     background-color: #454545;
  518.     border-color: #666;
  519. }    
  520.  
  521. .blue {
  522.     color: #06f;
  523. }
  524.  
  525. .topics {
  526.     display: flex;
  527.     flex-wrap: wrap;
  528. }
  529.  
  530. .topics.item {
  531.     background-color: #393939;
  532.     border: 1px solid #454545;
  533.     vertical-align: top;
  534.     display: flex;
  535.     margin: 0.3em;
  536. }
  537.  
  538. .topics.item:hover {
  539.     background-color: #454545;
  540.     /*box-shadow: 0 0 0 1px #666;*/
  541. }
  542.  
  543. a.topics.item,
  544. a.topics.item:hover {
  545.     color: #47AFF0;
  546. }
  547.  
  548.  
  549. .content-wrapper .content-pane .block-link-list li a,
  550. .content-wrapper #on_this_page .block-link-list li a {
  551.     border-bottom: 1px solid #454545;
  552. }
  553.  
  554.  
  555. /*code blocks*/
  556.    
  557. pre.prettyprint {
  558.     width: auto;
  559. }
  560.  
  561. pre {
  562.     background-color: #333 !important;
  563.     padding: 0;
  564.     border-radius: 4px;
  565.     border-color: #666 !important;
  566.     max-height: none !important;
  567.     white-space: nowrap;
  568. }
  569.  
  570. pre * {
  571.     font-family: Menlo, Monaco, "Courier New", monospace !important;
  572.   /*  line-height: 16px !important;*/
  573. }
  574.  
  575. .question-body pre,
  576. .comment-text pre,
  577. .answer-body pre {
  578.    /*max-height: 100%;*/
  579. }
  580.  
  581. code {
  582.     background-color: transparent;
  583.     color: #c3aa88 !important;
  584.     box-shadow: 0 0 2px 0px rgba(255,255,255, 0.3) inset;
  585.     line-height: 12px;
  586.     padding: 1px 2px !important;
  587.     border-radius: 4px;
  588. }
  589.  
  590. td code {
  591.     color: #c3aa88;
  592. }
  593.  
  594. pre > code {
  595.     display: block;
  596.     white-space: pre-wrap;
  597.     word-break: break-all;
  598.     color: #fff;
  599.     border-radius: 0;
  600.     box-shadow: none;
  601.     padding: 4px 15px !important;
  602. }
  603.  
  604. pre.prettyprint {
  605.     border: 1px solid #666 !important;
  606.     padding: 4px 15px !important;
  607.     border-radius: 4px !important;
  608.     font-size: 14px !important;
  609. }
  610.    
  611.     /*td pre code {
  612.         max-width: 100%;
  613.     }*/
  614.    
  615.  
  616. .atn, .tag,
  617. .typ {
  618.     color: #FFCD22 !important;
  619. }
  620.    
  621. .atv,    
  622. .str {
  623.     color: #EC7600 !important;
  624. }
  625.  
  626. .pun {
  627.     color: #FFF !important;
  628. }
  629.  
  630. .pln {
  631.     color: #b393e9 !important;
  632. }
  633.  
  634. .opn {
  635.     color: #F00 !important;
  636. }
  637.  
  638. .clo {
  639.     color: #0F0 !important;
  640. }
  641.  
  642. .lit {
  643.     color: #999 !important;
  644. }
  645.  
  646. .kwd {
  647.     color: #8ED54D !important;
  648. }
  649.  
  650. .com {
  651.     color: #818F72 !important;
  652. }
  653.  
  654.     /*code blocks end*/
  655. }
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!