base.pt 3.77 KB
<html metal:use-macro = "load: ../../../views/templates/base.pt">
  <div metal:fill-slot="header">
    <style>
      body {
          /*background-image: url("static/img/bg1.jpg");*/
      }
      .latar {
          background-color:rgb(243, 243, 243);
      }      
      .isi {
          padding:10px 10px 0px 10px ;
          background-color:rgb(243, 243, 243);
      }      
      .judul, .header {
          font-weight: 800;
          font-size: 30px;
          /*font-family: raleway;*/
          color: rgb(35, 125, 38);
          background-color:rgb(219, 219, 219);
      }
      .judul {
          text-align: right;
      }
      
      @media screen and (max-width:480px){
        .judul {font-weight: 800;
            font-size: 15px;
            /*font-family: raleway;*/
            color: rgb(35, 125, 38);
            background-color:rgb(219, 219, 219);
            height:50px;
        }
      }
      .sub-judul {
          display: block;
          text-align:left;
          padding-left:10px;
          padding-top:10px;
          padding-botom:10px;
          font-size: 30px;
          font-weight: bold;
          color: rgb(255, 255, 255);
          background-color:rgb(35, 125, 38);
      }
      .data {
          margin-top: 0px;
          color: #777;
          font-size: 0px;
          font-weight: normal;
          /*background-color:rgb(255,255,255)*/;
      }
      .table-title, .table-title-right {
          text-align:center;
          display: block;
          margin-top: 5px;
          padding-top:10px;
          font-size: 15px;
          font-weight: bold;
          color: rgb(255, 255, 255);
          background-color:rgb(128, 196, 28);
          height: 40px;
          border-bottom:2px solid #000000;
      }
      .table-title-right {
          text-align:right;
          border-left:2px solid #FFFFFF;
      }
      
      .table-body, .table-body-right, .table-body-event, .table-body-event-right,
      .sub-total, .sub-total-right {
          padding-top:10px;
          font-size: 15px;
          font-weight: bold;
          height: 40px;
          background-color:rgb(175, 175, 175);
          border-bottom:2px solid #000000;
      }
      .table-body-right, .table-body-event-right {
          text-align:right;
          border-left:2px solid #FFFFFF;
          background-color:rgb(175, 175, 175);
      }
      .table-body-event{
          background-color:rgb(219, 219, 219);
          padding-left:50px;
      }
      .table-body-event-right {
          background-color:rgb(219, 219, 219);
      }
      .sub-total, .sub-total-right{
          color:rgb(255, 0, 0);
          background-color:rgb(243, 243, 243);
          border-bottom:0px solid #000000;
      }
      .sub-total-right{
          text-align:right;
          border-left:2px solid #FFFFFF;
      }
      
    </style>

  </div>

  <div metal:fill-slot="navs">

    <ul class="nav navbar-nav">
      <li><a href="/eis/sipkd" class="navbar-brand"><strong>${request.company}</strong></a></li>
      <!-- Menu Master-->
      <li><a href="/eis/sipkd/anggaran">Anggaran</a>
      <li><a href="/eis/sipkd/realisasi">Realisasi</a>
      <li><a href="/eis/sipkd/kinerja">Kinerja</a>
      <li><a href="/eis/sipkd/grafik">Grafik</a>
      <li><a href="/eis/sipkd/harian">Harian</a>
      <li class="dropdown" tal:condition="request.user.user_name=='admin'">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Konfigurasi <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="/eis/carousel">Slider</a></li>
          <li><a href="/eis/chart">Chart</a></li>
          <li><a href="/eis/slide">Slide</a></li>
        </ul>
      </li>
     </ul>
  </div>
</html>