pastebin - collaborative debugging tool
kpaste.net RSS


loginpage.css
Posted by Anonymous on Wed 6th May 2020 03:29
raw | new post

  1. /**********************START RNE ADAPTATIONS/**********************/
  2. body{
  3.     margin: 0;
  4.     overflow-y: auto !important;
  5.     overflow-x: hidden !important;
  6.   }
  7.   /*start sidebar btn*/
  8.   app-navbar > mdb-navbar > nav > navlinks:first-child {
  9.       position: absolute;
  10.       z-index: 2;
  11.       min-height: 36px;
  12.       left: 7px;
  13.       bottom: 4px;
  14.   }
  15.   header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:first-child {
  16.       left: auto;
  17.       right:7px;
  18.   }
  19.   /*end sidebar btn*/
  20.  
  21.   app-navbar > mdb-navbar > nav > navlinks.navlinks-style:nth-child(2) {
  22.     width:100% !important;
  23.   }
  24.  
  25.   app-navbar > mdb-navbar > nav.navbar {
  26.       padding-right:0px !important;
  27.       padding-top:0px !important;
  28.       height: auto !important;
  29.       position: static;
  30.   }
  31.  
  32.   html{
  33.       overflow-x: hidden;
  34.   }
  35.  
  36.  
  37.   .navbar-extranet-style navlinks.navlinks-style:last-child >  div:first-child{
  38.     height: auto !important  
  39.   }
  40.   .navbar-extranet-style navlinks.navlinks-style:last-child >  div:first-child > div:first-child{
  41.     position: static !important;
  42.     height: auto !important;
  43.   }
  44.   .navbar-extranet-style .navlinks-style div:first-child .row .col-9{
  45.     flex: 0 0 100%;
  46.     max-width: 100% !important;
  47.     display: flex;
  48.     position: static;
  49.   }
  50.  
  51.   /*start login btn*/
  52.   .navbar-extranet-style .navlinks-style div:first-child .row .col-3{
  53.     position:absolute;
  54.     right: 7px;
  55.     top:0;
  56.     z-index: 2;
  57.     padding: 0;
  58.   }
  59.   header[dir="rtl"] .navbar-extranet-style
  60.   .navlinks-style div:first-child .row .col-3{
  61.     position:absolute;
  62.     left: 3px;
  63.     right:auto;
  64.     top:0;
  65.     z-index: 2;
  66.   }
  67.   /*end login btn*/
  68.  
  69.   .navbar-extranet-style .navlinks-style div:first-child .row .col-9 > .plan-1{
  70.     position: static !important;
  71.     height: auto !important;
  72.   }
  73.  
  74.   .navbar-extranet-style .navlinks-style div:first-child .row .col-9 > .plan-1 > .topbar{
  75.     /* padding-left: 20px !important; */
  76.   }
  77.   header[dir="rtl"] .navbar-extranet-style .navlinks-style div:first-child .row .col-9 > .plan-1 > .topbar{
  78.     padding-left: 0px !important;
  79.     padding-right: 0px !important;
  80.   }
  81.  
  82.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  83.   div > div > .row > .col-9 > .plan-1 > * > .container {
  84.       padding-right:15px;
  85.       padding-left:15px;
  86.       /* margin-left: 15px; */
  87.       /* margin-right: 15px; */
  88.   }
  89.  
  90.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  91.   div > div > .row > .col-9 > .plan-1 > .header >
  92.   .container > .row {
  93.       flex-wrap: nowrap;
  94.   }
  95.  
  96.   header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  97.   div > div > .row > .col-9 > .plan-1 > * > .container{}
  98.  
  99.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  100.   div > div > .row > .col-9 > .plan-1 > .header > .container
  101.   > .row > .col-lg-4 {
  102.     padding-right: 68px;
  103.     min-width: 200px;
  104.     max-width: 200px;
  105.   }
  106.   header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  107.   div > div > .row > .col-9 > .plan-1 > .header > .container
  108.   > .row > .col-lg-4{
  109.     padding-right:0px;
  110.   }
  111.  
  112.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  113.   div > div > .row > .col-9 > .plan-1 > .header > .container
  114.   > .row > .col-lg-8 {
  115.     flex-grow: 1 !important;
  116.     width: 100%;
  117.     max-width: 100%;
  118.   }
  119.  
  120.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  121.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  122.   > .row{
  123.     flex-wrap:nowrap;
  124.     max-width: calc(100% - 279px);
  125.   }
  126.  
  127.   /*start upper header btns alignement*/
  128.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  129.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  130.   > .row > .col-lg-9{
  131.     flex-grow: 1 !important;
  132.     max-width: 100% !important;
  133.     display: flex;
  134.     justify-content: center;
  135.   }
  136.   header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  137.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  138.   > .row > .col-lg-9{
  139.   }
  140.   /*end upper header btns alignement*/
  141.  
  142.  
  143.   /*start tunisia gouvenment*/
  144.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  145.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  146.   > .row > .col-lg-3{
  147.     min-width: 250px;
  148.   }
  149.   header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  150.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  151.   > .row > .col-lg-3{
  152.     min-width: 175px;
  153.   }
  154.   /**/
  155.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  156.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  157.   > .row > .col-lg-3 > #wd-flag{
  158.     display:flex;
  159.   }
  160.   header[dir="rtl"] #wd-flag p{
  161.     font-size:0px !important;
  162.     padding: 2px 50px 0 0px !important;
  163.     background-position: top right !important;
  164.     text-align: right;
  165.     direction: rtl;
  166.   }
  167.  
  168.   header[dir="rtl"] #wd-flag p::before{
  169.     font-weight:bolder;
  170.     font-size:0.9rem;
  171.     content: '????????? ????????';
  172.     display:block;
  173.     margin-bottom: 15px;
  174.     margin-top: 7px;
  175.     direction: rtl;
  176.   }
  177.  
  178.   header[dir="rtl"] #wd-flag p::after{
  179.     font-size:0.9rem;
  180.     content:'????? ???????';
  181.     display:block;
  182.     direction: rtl;
  183.   }
  184.   /*end tunisia gouvenment*/
  185.   app-root{
  186.     display: flex;
  187.     flex-direction: column;
  188.     min-height: 100vh;
  189.   }
  190.   app-root > header[dir]{
  191.     height: auto !important;
  192.     position:relative;
  193.     min-height: 155px !important;
  194.   }
  195.  
  196.   app-root > main.main-style{
  197.     display: block;
  198.     height: auto !important;
  199.     overflow: hidden !important;
  200.     padding-top: 20px !important;
  201.     padding-bottom: 10px;
  202.     padding-left: 5px !important;
  203.     padding-right: 5px !important;
  204.     margin: 0 !important;
  205.     min-height: calc(100% - 155px - 38px) !important;
  206.     min-height: calc(100% - 210px) !important;
  207.     max-height: none !important;
  208.     flex-grow: 1;
  209.   }
  210.  
  211.   app-root > main.main-style > router-outlet + *{
  212.     min-height: calc(100vh - 223px);
  213.     display: flex;
  214.     flex-direction: column;
  215.   }
  216.   app-root > main.main-style > * > div{
  217.     margin:0;
  218.   }
  219.   app-root > main.main-style > * > div[style*="calc(100%)"]{
  220.   height: calc(100vh - 223px) !important;
  221.   }
  222.   app-root > footer.footer{
  223.       /* position: fixed; */
  224.       width: 100%;
  225.   }
  226.  
  227.   app-root > footer.footer footer.page-footer{
  228.     margin-top: 0px !important;
  229.     height: auto !important;
  230.     min-height: 35px;
  231.   }
  232.  
  233.   app-root > footer.footer footer.page-footer .footer-copyright .row.grey.lighten-4{
  234.     border-width: 0px;
  235.     flex-wrap: nowrap;
  236.   }
  237.  
  238.   app-root > footer.footer footer.page-footer
  239.   .footer-copyright .row.grey.lighten-4 > .col-md-2{
  240.     max-width: 50%;
  241.     flex-grow: 1 !important;
  242.     min-width: 115px;
  243.   }
  244.  
  245.   app-root > footer.footer footer.page-footer .footer-copyright .row.grey.lighten-4 > .col-7{
  246.       max-width: 0px;
  247.       padding: 0;
  248.   }
  249.  
  250.   app-root > footer.footer footer.page-footer
  251.   .footer-copyright .row.grey.lighten-4 > .col-md-3{
  252.       max-width: 50%;
  253.       flex-grow: 1 !important;
  254.       min-width: 173px;
  255.   }
  256.  
  257.   app-dashboard .row.without-favorites{
  258.     justify-content: space-between;
  259.     margin: 0;
  260.     padding: 0;
  261.   }
  262.   app-dashboard .row.without-favorites > .col2{
  263.     max-width: calc(50% - 2px);
  264.     min-width: calc(50% - 2px);
  265.   }
  266.   app-dashboard .row.without-favorites > .col2 > *,
  267.   app-dashboard .row.without-favorites > .col2 > * > mat-card.mat-card{
  268.     width:100%;
  269.     max-width: 100%;
  270.     margin:0;
  271.   }
  272.   .navbar-extranet-style .navlinks-style div:first-child .row .col-3 a.nav-link{
  273.     max-width: 240px;
  274.     white-space: nowrap;
  275.     overflow: hidden;
  276.     text-overflow: ellipsis;
  277.   }
  278.   header[dir="rtl"] .double-nav .dropdown .dropdown-menu{
  279.     transform: translate3d(70px,39px,0) !important;
  280.     right: auto;
  281.     left: 0px;
  282.   }
  283.   header[dir="ltr"] .double-nav .dropdown .dropdown-menu{
  284.     transform: translate3d(0,39px,0) !important;
  285.     left: auto;
  286.     right: 0px;
  287.   }
  288.  
  289.   header[dir="ltr"] .navbar-extranet-style
  290.   .navlinks-style div:first-child .row .col-3 a.nav-link{
  291.     padding-right: 10px;
  292.   }
  293.   header[dir="rtl"] .navbar-extranet-style
  294.   .navlinks-style div:first-child .row .col-3 a.nav-link{
  295.     padding-left: 10px;
  296.     direction: rtl;
  297.   }
  298.  
  299.   header[dir="ltr"] .navbar-extranet-style
  300.   .navlinks-style div:first-child .row .col-3 a.nav-link.dropdown-toggle::after{
  301.     position: absolute;
  302.     z-index: 3;
  303.     right: 0px;
  304.     top: 50%;
  305.     transform: translateY(-50%);
  306.   }
  307.  
  308.   header[dir="rtl"] .navbar-extranet-style
  309.   .navlinks-style div:first-child .row .col-3 a.nav-link.dropdown-toggle::after{
  310.     position: absolute;
  311.     z-index: 3;
  312.     left: 0px;
  313.     top: 50%;
  314.     transform: translateY(-50%);
  315.   }
  316.   /*start media queries*/
  317.   @media screen and (max-width:400px){
  318.     .navbar-extranet-style .navlinks-style
  319.     div:first-child .row .col-9 > .plan-1 > .topbar{
  320.       padding: 0 !important;
  321.     }
  322.     .navbar-extranet-style .navlinks-style
  323.     div:first-child .row .col-9 > .plan-1 > .topbar > .container{
  324.       padding: 0 !important;
  325.       margin: 0;
  326.     }
  327.     app-navbar > mdb-navbar > nav > navlinks:last-child
  328.    > div > div > .row > .col-9 > .plan-1 > .topbar > .container > .row{
  329.       margin: 0;
  330.     }
  331.     .navbar-extranet-style .navlinks-style div:first-child .row .col-3{
  332.       padding:0;
  333.     }
  334.   }
  335.  
  336.   @media screen and (max-width:675px){
  337.     app-navbar > mdb-navbar > nav > navlinks:last-child > div >
  338.     div > .row > .col-9 > .plan-1 > .topbar > .container > .row{
  339.       flex-direction:column;
  340.       max-width: 100%;
  341.       align-items: center;
  342.     }
  343.     app-navbar > mdb-navbar > nav > navlinks:last-child > div >
  344.     div > .row > .col-9 > .plan-1 > .topbar > .container > .row > .col-lg-9{
  345.       display: flex;
  346.       justify-content: center;
  347.       margin-top: 2px;
  348.       padding: 0;
  349.     }
  350.    
  351.     /*start upper header buttons*/
  352.     app-navbar > mdb-navbar > nav > navlinks:last-child > div > div > .row >
  353.     .col-9 > .plan-1 > .topbar > .container > .row > .col-lg-9 > #wd-slp{
  354.       display: flex;
  355.       width: 100%;
  356.       justify-content: space-around;
  357.     }
  358.     header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child > div > div > .row >
  359.     .col-9 > .plan-1 > .topbar > .container > .row > .col-lg-9 > #wd-slp{
  360.       flex-direction:row-reverse;
  361.     }
  362.     /*start upper header buttons*/
  363.  
  364.   }
  365.   @media screen and (max-width:800px){
  366.     .navbar-extranet-style .navlinks-style div:first-child .row .col-3 a.nav-link{
  367.       font-size:0px;
  368.     }
  369.     .navbar-extranet-style .navlinks-style div:first-child .row .col-3 a.nav-link i{
  370.       font-size:15px;
  371.     }
  372.   }
  373.  
  374.   @media screen and (max-width:767px){
  375.     app-dashboard .row.without-favorites{
  376.       flex-direction: column;
  377.       align-items: stretch;
  378.     }
  379.     app-dashboard .row.without-favorites > .col2{
  380.       max-width:100%;
  381.     }
  382.   }
  383.  
  384.   @media screen and (min-width:1441px){
  385.    app-root > header[dir='ltr'] nav.navbar,
  386.    app-root > main[dir='ltr'],
  387.    app-root > footer[dir='ltr']{
  388.      padding-left: 217px !important;
  389.    }
  390.    app-root > header[dir='rtl'] nav.navbar,
  391.    app-root > main[dir='rtl'],
  392.    app-root > footer.footer[dir='rtl']{
  393.      padding-right: 217px !important;
  394.    }
  395.   }
  396.  
  397.   @media screen and (max-width:991px){
  398.     app-navbar > mdb-navbar > nav > navlinks:last-child > div > div > .row > .col-9 > .plan-1 > .header > .container > .row > .col-lg-4{
  399.       /* min-width: 100%; */
  400.       /* max-width: 100%; */
  401.     }
  402.   }
  403.  
  404.   @media screen and (max-width:800px){
  405.     app-navbar > mdb-navbar > nav > navlinks:last-child > div >
  406.     div > .row > .col-9 > .plan-1 > .header > .container > .row {
  407.       flex-direction:column;
  408.       align-items: center;
  409.     }
  410.     app-navbar > mdb-navbar > nav > navlinks:last-child > div >
  411.      div > .row > .col-9 > .plan-1 > .header > .container > .row
  412.      > .col-lg-4{
  413.       min-width: 200px;
  414.       max-width: 200px;
  415.       padding:0;
  416.       display: flex;
  417.       justify-content: center;
  418.       align-items: center;
  419.     }
  420.     header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child > div >
  421.      div > .row > .col-9 > .plan-1 > .header > .container > .row > .col-lg-4
  422.      #wd-ls ul{
  423.        padding-right:0px;
  424.     }
  425.  
  426.     app-navbar > mdb-navbar > nav > navlinks:last-child >
  427.     div > div > .row > .col-9 > .plan-1 > .header > .container
  428.     > .row > .col-lg-8 {
  429.       padding-right:0px;
  430.       padding-left:0px;
  431.     }
  432.  
  433.     app-navbar > mdb-navbar > nav > navlinks:last-child >
  434.     div > div > .row > .col-9 > .plan-1 > .header > .container
  435.     > .row > .col-lg-8 > #wd-logo{
  436.       display:flex;
  437.       justify-content:center;
  438.       /* padding-left: 5px; */
  439.       /* padding-right: 5px; */
  440.       max-width: calc(100% - 16px);
  441.     }
  442.  
  443.   }
  444.   @media screen and (min-width:1300px){
  445.     header[dir="ltr"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  446.     div > div > .row > .col-9 > .plan-1 > .topbar >
  447.     .container > .row > .col-lg-9 > #wd-slp > #wd-phone{
  448.       margin-right: 110px !important;
  449.     }
  450.     header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  451.     div > div > .row > .col-9 > .plan-1 > .topbar >
  452.     .container > .row > .col-lg-9 > #wd-slp > #wd-phone{
  453.       margin-left: 110px !important;
  454.     }
  455.   }
  456.  
  457.   app-dashboard .frame{
  458.     min-height: 390px;
  459.   }
  460.   /**********************END RNE ADAPTATIONS/**********************/

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with {%HIGHLIGHT}




All content is user-submitted.
The administrators of this site (kpaste.net) are not responsible for their content.
Abuse reports should be emailed to us at