Commit 78e66b39 by Ari Agung Prasetiyo Committed by Ari Agung Prasetiyo

update ukuran foto

1 parent daafcb8b
div.col-md-6 { div.col-md-6 {
padding-left: 7px !important; padding-left: 7px !important;
padding-right: 7px !important; padding-right: 7px !important;
} }
.main-panel { .main-panel {
--tw-text-opacity: 1 !important; --tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
font-weight: bold; font-weight: bold;
--tw-bg-opacity: 1 !important; --tw-bg-opacity: 1 !important;
background: #00D4FF; background: #00D4FF;
background: linear-gradient(90deg, rgba(0, 212, 255, 1) 0%, rgba(23, 115, 207, 1) 53%, rgba(0, 212, 255, 1) 100%); background: linear-gradient(90deg, rgba(0, 212, 255, 1) 0%, rgba(23, 115, 207, 1) 53%, rgba(0, 212, 255, 1) 100%);
border-radius: 10px; border-radius: 10px;
} }
.panel, .panel,
.panel-heading { .panel-heading {
border-radius: 10px; border-radius: 10px;
} }
.primary { .primary {
color: #1976d2; color: #1976d2;
} }
.bold { .bold {
font-weight: bold; font-weight: bold;
} }
.panel-default>.panel-heading { .panel-default>.panel-heading {
color: #333; color: #333;
background-color: white; background-color: white;
border-color: white; border-color: white;
} }
.icon-color { .icon-color {
color: transparent; color: transparent;
-webkit-text-stroke-width: 0.5px; -webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #03c5f8; -webkit-text-stroke-color: #03c5f8;
font-size: 22px; font-size: 22px;
} }
.top-0 { .top-0 {
top: 68px !important; top: 68px !important;
} }
.left-0 { .left-0 {
left: 8px !important; left: 8px !important;
} }
.z-0 { .z-0 {
z-index: 0 !important; z-index: 0 !important;
} }
.absolute { .absolute {
position: absolute !important; position: absolute !important;
} }
.bottom-0 { .bottom-0 {
bottom: 0 !important; bottom: 0 !important;
} }
.right-0 { .right-0 {
right: 0 !important; right: 0 !important;
} }
h1 {
font-size: 36px;
}
.main-panel .panel-body .odometer-formatting-mark {
color: #648baf;
}
.icon-rounded {
display: block;
vertical-align: middle;
max-width: 100%;
height: auto;
padding-right: 10px;
}
.rounded{
border-radius: 7px !important;
}
.uppercase {
text-transform: uppercase !important;
}
.odoometer-head {
font-size: 4.0em;
}
.sub-odometer {
font-size: 2.5em;
}
.odometer-value{
font-weight: bold;
}
.padding-top-sm { padding-top: .5em; }
hr {
margin-top: 5px;
margin-bottom: 5px;
border: 0;
border-top: 1px solid #eee;
}
.col1 {
margin-right: -43px;
}
.col1 img {
height: 51% !important;
width: 87% !important;
}
.col2 {
width: 79%;
}
@media only screen and (max-width: 640px){
h1 { h1 {
font-size: 36px; font-size: 30px !important;
}
.main-panel .panel-body .odometer-formatting-mark {
color: #648baf;
}
.icon-rounded {
display: block;
vertical-align: middle;
max-width: 100%;
height: auto;
padding-right: 10px;
}
.rounded{
border-radius: 7px !important;
}
.uppercase {
text-transform: uppercase !important;
} }
.odoometer-head { .odoometer-head {
font-size: 4.0em; font-size: 2.0em !important;
font-weight: bold !important;
} }
.sub-odometer {
font-size: 2.5em; .odoometer-sub {
font-size: 1.5em !important;
font-weight: bold !important;
} }
.odometer-value{ .col2{
font-weight: bold; width: 100%;
} }
.padding-top-sm { padding-top: .5em; }
@media only screen and (max-width: 640px){
h1 {
font-size: 30px !important;
}
.odoometer-head {
font-size: 2.0em !important;
font-weight: bold !important;
}
.odoometer-sub {
font-size: 1.5em !important;
font-weight: bold !important;
}
}
\ No newline at end of file \ No newline at end of file
}
\ No newline at end of file \ No newline at end of file
...@@ -10,11 +10,11 @@ ...@@ -10,11 +10,11 @@
</style> </style>
<div metal:fill-slot="content"> <div metal:fill-slot="content">
<div class="row "> <div class="row">
<div class="col-md-2"> <div class="col-md-3 col1">
<img src="${home}/eis/static/pcpd-logo.png" class="img-responsive logo-pcpd" alt="PCPD Logo"> <img src="${home}/eis/static/pcpd-logo.png" class="img-responsive logo-pcpd" alt="PCPD Logo">
</div> </div>
<div class="col-md-10"> <div class="col-md-9 col2">
<div class="panel panel-default text-center main-panel uppercase"> <div class="panel panel-default text-center main-panel uppercase">
<div class="panel-body"> <div class="panel-body">
<h1 class="title-panel"><b>${title}</b></h1> <h1 class="title-panel"><b>${title}</b></h1>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!