API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 28th, 2015
252
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.84 KB | None | 0 0
raw download clone embed print report
  1. /* ----------- UIKIT HACKs FOR BLUDIT ----------- */
  2. html{
  3.     background-color: #37474F;
  4. }
  5. .logo{
  6.     padding: 2rem 80px;
  7.     width: 150px;
  8.     display: block;
  9.     margin-top: 6rem;
  10.     margin-left: auto;
  11.     margin-right: auto;
  12. }
  13. .logo-head{
  14.     height: 57px;
  15.     padding: 10px;
  16. }
  17. .bludit-content{
  18.     margin-top:120px;
  19. }
  20. .info{
  21.     padding: 2rem;
  22. }
  23. /* ----------- NAVIGATION MOBILE FOR BLUDIT ----------- */
  24. .bludit-mobile-navigation{
  25.     position: fixed;
  26.     background: #29B6F6;
  27.     color: #ffffff;
  28.     margin-top: 60px;
  29.     top:0;
  30.     left: 0;
  31.     font-family: 'Raleway', sans-serif;
  32.     font-weight: 200;
  33.     z-index: 99999;
  34.     width: 100%;
  35.     height: 0;
  36.     overflow-y: scroll;
  37.     overflow-x: hidden;
  38.     border-top: 1px solid rgba(255,255,255,0.2);
  39.     -webkit-transition: all .4s ease-in-out;
  40.   -moz-transition: all .4s ease-in-out;
  41.   -o-transition: all .4s ease-in-out;
  42.   transition: all .4s ease-in-out;
  43. }
  44. .bludit-navbar-mobile-open.hidden,.bludit-navbar-mobile-close.hidden{
  45.     display: none;
  46. }
  47. .bludit-navbar-nav li>div{
  48.     display: inline-block;
  49.     width: 60px;
  50.     height: 60px;
  51.     position: relative;
  52.     text-align: center;
  53.     color: #ffffff;
  54. }
  55. .bludit-mobile-navigation ul.bludit-navbar-nav li{
  56.     display: block;
  57.   width: 100%;
  58. }
  59. .bludit-mobile-navigation ul.bludit-navbar-nav li a{
  60.     padding: 2rem;
  61.     width: 100%;
  62.     -webkit-box-sizing: border-box;
  63.   -moz-box-sizing: border-box;
  64.   box-sizing: border-box;
  65.     border-bottom: 1px solid rgba(255,255,255,0.2);
  66. }
  67. /* ----------- NAVIGATION FOR BLUDIT ----------- */
  68. .bludit-navigation{
  69.     position: fixed;
  70.     top: 0;
  71.     left: 0;
  72.     height: 60px;
  73.     line-height: 60px;
  74.     width: 100%;
  75.     background: #29B6F6;
  76.     font-family: 'Raleway', sans-serif;
  77.     font-weight: 200;
  78.     z-index: 999;
  79. }
  80. .bludit-navbar-nav{
  81.     list-style: none;
  82.     padding: 0;
  83.     margin: 0;
  84.     display: inline-block;
  85.     float: left;
  86. }
  87. .bludit-navbar-nav.bludit-right{
  88.     float: right;
  89.     border-left: 1px solid rgba(255, 255, 255, 0.2);
  90.     border-right: none;
  91. }
  92. .bludit-navbar-nav.head-nav{
  93. }
  94. .bludit-navbar-nav:last-of-type{
  95.     border-bottom: 0;
  96. }
  97. .bludit-navbar-nav li{
  98.     display: inline-block;
  99.     float: left;
  100.     border-right: 1px solid RGBA(255,255,255,.2);
  101. }
  102. .bludit-navbar-nav li.evidence{
  103.     background-color: #E91E63;
  104. }
  105. .bludit-navbar-nav li.user-nav{
  106. }
  107. .bludit-navbar-nav li a{
  108.     color: #ffffff;
  109.     font-size: 1.2rem;
  110.     opacity: .8;
  111.     padding: 0 1.6rem;
  112.     display: inline-block;
  113.     float: left;
  114. }
  115. .bludit-navbar-nav li a:hover{
  116.     opacity: 1;
  117.     text-decoration: none;
  118.     background-color:RGBA(0,0,0,.1);
  119. }
  120. .bludit-navbar-nav li.bludit-active a{
  121.     opacity: 1;
  122.     background-color: #37474F;
  123.     color: white;
  124. }
  125. .bludit-btn{
  126.     opacity: 1!important;
  127.     display: block;
  128.     margin: 10px;
  129.     height: 40px;
  130.     line-height: 40px;
  131.     color: #29B6F6!important;
  132.     text-align: center;
  133.     -webkit-border-radius: 5px;
  134.     -moz-border-radius: 5px;
  135.     border-radius: 5px;
  136.     background-color: #ffffff;
  137.     padding: .8rem 1rem!important;
  138.     height: auto!important;
  139.     line-height: normal!important;
  140. }
  141. .bludit-btn:hover{
  142.     background-color: RGBA(0,0,0,.4);
  143. }
  144. .bludit-btn.bludit-active{
  145.     opacity: .4!important;
  146.     border: 1px solid #ffffff;
  147.     background-color: transparent;
  148.     color: #ffffff!important;
  149. }
  150. .bludit-btn.evidence{
  151.     opacity: 1!important;
  152.     border: none;
  153.     color: #ffffff!important;
  154.     background-color: #E91E63;
  155. }
  156. .bludit-btn.evidence:hover{
  157.     background-color: #AD1457;
  158. }
  159. li.user-nav{
  160.     display: inline-block;
  161. }
  162. li.user-nav a{
  163.     opacity: 1;
  164.     display: inline-block;
  165.     float: left;
  166. }
  167. li.user-nav:hover a{
  168.     opacity: 1;
  169.     text-decoration: none;
  170.     background-color:RGBA(0,0,0,.1);
  171. }
  172. li.user-nav a.logout{
  173.     float: right;
  174. }
  175. /* ----------- SUBNAVIGATION FOR BLUDIT ----------- */
  176. .bludit-subnavigation{
  177.     font-family: 'Raleway', sans-serif;
  178.     font-weight: 200;
  179.     width: 100%;
  180.     height: 60px;
  181.     background-color: #455A64;
  182. }
  183. ul.bludit-navbar-tab{
  184.     list-style: none;
  185.     padding: 0;
  186.     display: inline-block;
  187. }
  188. ul.bludit-navbar-tab li{
  189.     display: inline-block;
  190.     float: left;
  191. }
  192. ul.bludit-navbar-tab li.bludit-active a{
  193.     color: black;
  194.     background-color:#B0BEC5;
  195. }
  196. ul.bludit-navbar-tab li a{
  197.     display: inline-block;
  198.     height: 60px;
  199.     line-height: 60px;
  200.     padding: 0 2rem;
  201.     color: #ffffff;
  202.     font-size: 1rem;
  203.     border-right: 1px solid RGBA(0,0,0,.1);
  204. }
  205. ul.bludit-navbar-tab li a:hover{
  206.     color: white;
  207.     text-decoration: none;
  208.     opacity: .5;
  209. }
  210. ul.bludit-navbar-tab li.bludit-active a:hover{
  211.     color: #ffffff;
  212.     background-color:#B0BEC5;
  213.     opacity: 1;
  214. }
  215. /* ----------- DASHBOARD FOR BLUDIT ----------- */
  216. .dashboard-title{
  217.     font-family: 'Raleway', sans-serif;
  218.     text-align: center;
  219.     font-size: 5vw;
  220.     font-weight: 800;
  221.     color: #EEEEEE;
  222.     margin: 6rem 0 4rem 0;
  223. }
  224. .dashboard-subtitle{
  225.     font-family: 'Raleway', sans-serif;
  226.     text-align: center;
  227.     font-size: 2rem;
  228.     font-weight: 200;
  229.     color: #EEEEEE;
  230.     margin: 3rem 0 5rem 0;
  231. }
  232. .bludit-dashboard-card{
  233.     background: #ffffff;
  234.     font-family: 'Raleway', sans-serif;
  235.     font-weight: 200;
  236.     text-align: center;
  237.     line-height: normal;
  238. }
  239. .bludit-dashboard-card.info-msg{
  240.     background: transparent;
  241.     text-align: left;
  242.     color:#EEEEEE;
  243. }
  244. .bludit-dashboard-card.info-msg h3{
  245.     font-family: 'Raleway', sans-serif;
  246.     font-weight: 200;
  247.     color:#EEEEEE;
  248. }
  249. .bludit-dashboard-card h2{
  250.     font-family: 'Raleway', sans-serif;
  251.     font-weight: 200;
  252.     margin: 0;
  253.     border-bottom: 1px solid #78909C;
  254.     padding: 1.4rem 2rem;
  255.     background: #B0BEC5;
  256.     color: #ffffff;
  257. }
  258. .bludit-dashboard-card .number-stats{
  259.     font-weight: 800;
  260.     font-size: 10rem;
  261.     height: 14rem;
  262.     color: #29B6F6;
  263. }
  264. .bludit-dashboard-card ul{
  265.     text-align: left;
  266.     margin: 0;
  267. }
  268. .bludit-dashboard-card ul li{
  269.     padding: 1.4rem;
  270.     border-top: 1px solid #EEEEEE;
  271. }
  272. .bludit-dashboard-card ul li span{
  273.     float: right;
  274. }
  275. .bludit-dashboard-card ul li a{
  276.     color: #EEEEEE;
  277.     opacity: .5;
  278. }
  279. .bludit-dashboard-card ul li a:hover{
  280.     text-decoration: none;
  281.     opacity: 1;
  282. }
  283. .dashboard-utility{
  284.     display: inline-block;
  285.     float: left;
  286.     background: #EEEEEE;
  287.     position: relative;
  288.     width: 100%;
  289.     margin-bottom: 3rem;
  290. }
  291. .bludit-dashboard-card .dashboard-utility a{
  292.     padding: 2rem;
  293.     width: 50%;
  294.     -webkit-box-sizing: border-box;
  295.   -moz-box-sizing: border-box;
  296.   box-sizing: border-box;
  297.     display: inline-block;
  298.     float: left;
  299.     position: relative;
  300. }
  301. .bludit-dashboard-card .dashboard-utility a:first-child:after{
  302.     content: '';
  303.     position: absolute;
  304.     height: 100%;
  305.     width: 1px;
  306.     background-color: #ffffff;
  307.     top: 0;
  308.     right: 0;
  309. }
  310.  
  311. /* ----------- DASHBOARD FOR BLUDIT ----------- */
  312. .uk-button {
  313.     color: #ffffff;
  314.     padding: 2px 22px;
  315.     text-shadow: none;
  316.     background: #888888;
  317.     border-radius: 3px;
  318. }
  319.  
  320. .uk-button:hover,
  321. .uk-button:focus {
  322.     background-color: #777777;
  323.     color: #ffffff;
  324. }
  325.  
  326. .uk-button-primary {
  327.     background: #29B6F6;
  328. }
  329.  
  330. .uk-button-primary:hover {
  331.     background: #1F5FC4;
  332. }
  333.  
  334. legend {
  335.     margin-top: 40px !important;
  336. }
  337.  
  338. legend.first-child {
  339.     margin-top: 0px !important;
  340. }
  341.  
  342. .uk-navbar-nav > li > a {
  343.     border: none;
  344.     height: 70px;
  345.     padding: 15px;
  346. }
  347.  
  348. .uk-nav-navbar > li > a:hover {
  349.     background: #29B6F6;
  350. }
  351.  
  352. .uk-form-label {
  353.     color: #666666;
  354.     font-weight: normal !important;
  355. }
  356.  
  357. .uk-form-help-block {
  358.     color: #AAAAAA;
  359.     font-size: 0.9em;
  360. }
  361.  
  362. .uk-table th,
  363. .uk-table td {
  364.     padding: 15px 10px;
  365. }
  366.  
  367. .uk-badge {
  368.     margin-right: 5px !important;
  369.     font-size: 0.9em;
  370.     padding: 2px 7px;
  371.     font-weight: normal;
  372. }
  373.  
  374. a {
  375.     color: #29B6F6;
  376. }
  377.  
  378. .uk-panel-box {
  379.     background: #F9F9F9 !important;
  380. }
  381.  
  382. /* ----------- BLUDIT ----------- */
  383.  
  384. #logo {
  385.     background: #f4f4f4;
  386.     padding:20px 0;
  387. }
  388.  
  389. h2.title {
  390.     margin: 0 0 20px 0;
  391.     font-family: 'Raleway', sans-serif;
  392.     font-weight: 200;
  393.     padding: 1.2rem 2rem;
  394.     background: #B0BEC5;
  395.     color: black;
  396.     border-bottom: 1px solid #78909C;
  397. }
  398. .margin-content{
  399.     margin:1rem;
  400. }
  401. .bl-view {
  402.     margin-top: 60px;
  403.     margin-bottom: 60px;
  404.     max-width: 1100px;
  405.     margin-left: auto;
  406.     margin-right: auto;
  407.     background-color: #ffffff;
  408. }
  409. .bl-view.dashboard-view{
  410.     background-color:transparent;
  411.     padding: 0;
  412. }
  413. .uk-form{
  414.     padding: 2rem;
  415. }
  416. button.delete-button {
  417.     background: none;
  418.     border: 0 none;
  419.     color: #da2727;
  420.     cursor: pointer;
  421.     font-size: 0.9em;
  422.     display: block;
  423.     margin-bottom: 10px;
  424. }
  425.  
  426. button.delete-button:hover {
  427.     text-decoration: underline;
  428. }
  429.  
  430. #jscontent {
  431.     height: 400px;
  432. }
  433.  
  434. /* ----------- ALERT ----------- */
  435.  
  436. #alert {
  437.     bottom: 20px;
  438.     color: #ffffff;
  439.     display: none;
  440.     padding: 24px;
  441.     position: fixed;
  442.     right: 20px;
  443.     text-align: center;
  444.     width: 350px;
  445.     z-index: 100;
  446. }
  447.  
  448. .alert-ok {
  449.     background: #29B6F6;
  450. }
  451.  
  452. .alert-fail {
  453.     background: rgba(187, 48, 48, 0.91);
  454. }
  455.  
  456. /* ----------- LOGIN FORM ----------- */
  457.  
  458. div.login-box > h1 {
  459.     font-weight: lighter;
  460.     letter-spacing: 4px;
  461.     margin-bottom: 50px;
  462. }
  463.  
  464. div.login-form {
  465.     background: #f1f1f1 none repeat scroll 0 0;
  466.     padding: 20px;
  467.     width: 400px;
  468. }
  469.  
  470. /* ----------- DASHBOARD ----------- */
  471.  
  472. div.dashboard-links {
  473.     margin: 0 0 25px 0;
  474. }
  475.  
  476. div.dashboard-links h4 {
  477.     margin-bottom: -8px !important;
  478. }
  479.  
  480. div.dashboard-links a {
  481.     color: #555;
  482. }
  483.  
  484. /* ----------- PLUGIN LIST / THEME LIST ----------- */
  485. .cell-centered{
  486.     vertical-align: middle!important;
  487. text-align: center;
  488. }
  489. .plugin-links a,a.configure{
  490.     font-size: 2rem;
  491.   text-decoration: none;
  492.     color: #37474F;
  493. }
  494. .plugin-links a span{
  495.     display:block;
  496. }
  497. a.uninstall span{
  498.     -moz-transform: scale(-1, 1);
  499. -webkit-transform: scale(-1, 1);
  500. -o-transform: scale(-1, 1);
  501. -ms-transform: scale(-1, 1);
  502. transform: scale(-1, 1);
  503.     color: #66BB6A;
  504. }
  505. a.uninstall:hover span{
  506.     -moz-transform: scale(1, 1);
  507.     -webkit-transform: scale(1, 1);
  508.     -o-transform: scale(1, 1);
  509.     -ms-transform: scale(1, 1);
  510.     transform: scale(1, 1);
  511.     opacity: .5;
  512. }
  513. a.install{
  514.     opacity: .5;
  515. }
  516. a.install:hover span{
  517.     -moz-transform: scale(-1, 1);
  518. -webkit-transform: scale(-1, 1);
  519. -o-transform: scale(-1, 1);
  520. -ms-transform: scale(-1, 1);
  521. transform: scale(-1, 1);
  522.     opacity: 1;
  523. }
  524. .plugin-name{
  525.     font-family: 'Raleway', sans-serif;
  526.     font-weight: 600;
  527.     margin-bottom: 0;
  528.     margin-left: 1rem;
  529. }
  530. .plugin-description{
  531.     font-style: italic;
  532.     font-size: 1rem;
  533.     color:  #90A4AE;
  534.     margin-left: 1rem;
  535. }
  536. .plugin-author{
  537.     font-size: .8rem;
  538.     font-weight: bold;
  539.     text-transform: uppercase;
  540.     margin-top: 1rem;
  541.     margin-left: 1rem;
  542. }
  543. div.plugin-links > a {
  544.     display: inline-block;
  545.     margin-top: 5px;
  546. }
  547.  
  548. div.plugin-links > span.separator {
  549.     color: #ccc;
  550. }
  551. thead>tr{
  552.     border-top:none;
  553. }
  554. tr{
  555.     border-top: 1px solid #CFD8DC;
  556. }
  557. .label-draft,
  558. .label-empty-title,
  559. .label-time {
  560.     background: #29B6F6 none repeat scroll 0 0;
  561.     border-radius: 2px;
  562.     color: #ffffff;
  563.     display: inline-block;
  564.     padding: 0 8px;
  565.     text-align: center;
  566.     vertical-align: middle;
  567.     margin-right: 5px;
  568.     font-size: 0.8em;
  569.     text-transform: uppercase;
  570.     font-weight: 600;
  571. }
  572.  
  573. .label-empty-title {
  574.     background: #ED8F26;
  575. }
  576.  
  577. .label-time {
  578.     font-style: italic;
  579.     background: #ED3A26;
  580. }
  581.  
  582. /* ----------- PAGINATOR ----------- */
  583.  
  584. #paginator ul {
  585.     list-style-type: none;
  586.     margin: 15px 0;
  587.     padding: 0;
  588.     font-size: 0.9em;
  589.     text-align: center;
  590. }
  591.  
  592. #paginator a {
  593.     color: #29B6F6;
  594. }
  595.  
  596. #paginator li {
  597.     display: inline;
  598.     float: none !important;
  599. }
  600.  
  601. #paginator li.left {
  602.     margin-right: 10px;
  603. }
  604.  
  605. #paginator li.list {
  606.     background: #e0e0e0;
  607.     color: #747474;
  608.     padding: 2px 11px;
  609.     margin: 0px 15px;
  610. }
  611.  
  612. #paginator li.right {
  613.    margin-left: 10px;
  614. }
  615.  
  616. /* ----------- PLUGINS FORM ----------- */
  617.  
  618. #jsformplugin div {
  619.     margin-bottom: 1.1em;
  620. }
  621.  
  622. #jsformplugin label {
  623.     margin: 0 0 5px 0 !important;
  624.     display: block;
  625. }
  626.  
  627. #jsformplugin div.tip {
  628.     font-size: 0.9em;
  629.     color: #AAAAAA;
  630. }
  631.  
  632. #jsformplugin textarea {
  633.     min-width: 400px;
  634.     width: 60%;
  635.     min-height: 100px;
  636. }
  637.  
  638. #jsformplugin input[type=text] {
  639.     min-width: 400px;
  640.     width: 60%;
  641.     height: 37px;
  642. }
  643.  
  644. #jsformplugin input[type="checkbox"] {
  645.     vertical-align: middle;
  646.     margin-left: 0px;
  647.     margin-right: 10px;
  648. }
  649.  
  650. #jsformplugin label.forCheckbox {
  651.     margin-left: 3px;
  652.     margin-bottom: 0px !important;
  653.     display: inline-block;
  654. }
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!