Skip to content
Snippets Groups Projects
Commit 862fa11d authored by Akmal Fadlurohman's avatar Akmal Fadlurohman
Browse files
parents f9671104 a8995f1e
1 merge request!45OneHundred - 13515005 - Husnulzaki Wibisono Haryadi
body {
margin: 0;
padding: 0;
}
.frame {
width: 360px;
height: 550px;
......@@ -92,3 +97,17 @@ a:hover {
margin: 0;
}
.profile_pict_frame {
width: 100px;
height: 100px;
overflow: auto;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.profile_pict_frame img {
display: inline;
margin: 0 auto;
height: 100%;
width: 100%;
}
\ No newline at end of file
.history_container {
margin-top: 10%;
height: 79%;
border: 1px solid red;
border: 1px solid red; /*OJO LALI HAPUS IKI*/
}
.history_container .subheader {
......@@ -40,3 +40,70 @@
.history_menu > h3 {
margin: 5px 1px;
}
#history_table_container {
overflow-y: auto;
height: inherit;
}
table.history_table {
margin-top: 5px;
border: 1px solid blue; /*OJO LALI HAPUS IKI*/
width: 100%;
border: 1px solid purple;
padding: 0;
border-collapse: collapse;
}
table.history_table p {
margin: 0;
padding: 0;
font-size: 14px;
font-style: "Lucida Console", Monaco, monospace;
}
td.history_column {
padding: 2px 0 0 8px;
}
p.history_date {
color: grey;
font-weight: bold;
}
p.history_username {
font-size: 20px;
font-weight: bold;
}
p.history_loc {
}
p.history_rating {
}
p.history_comment {
}
table.history_table th, td {
border: 1px solid purple;
padding: 0;
border-collapse: collapse;
}
p.history_table td {
vertical-align: top;
}
img.history_pict {
width: 100px;
height: 100px;
overflow: auto;
border-radius: 50%;
display: inline;
margin: 0;
}
\ No newline at end of file
......@@ -17,20 +17,7 @@
margin-left: auto;
margin-right: auto;
}
.profile_pict_frame {
width: 100px;
height: 100px;
overflow: auto;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
}
.profile_pict_frame img {
display: inline;
margin: 0 auto;
height: 100%;
width: 100%;
}
.profile_data_container {
height: 100px;
}
......
......@@ -44,6 +44,63 @@
</a>
</li>
</ul>
<div id="history_table_container">
<table class="history_table">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<tbody>
<tr>
<td>
<img class="history_pict" src="../img/default_profile.jpeg">
</td>
<td class="history_column">
<p class="history_date">tanggal</p>
<p class="history_username">Username</p>
<p class="history_loc">asal - tujuan</p>
<p class="history_rating">rating</p>
<p class="history_comment">You commented:</p>
<p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</p>
</td>
</tr>
<tr>
<td>
<img class="history_pict" src="../img/default_profile.jpeg">
</td>
<td class="history_column">
<p class="history_date">tanggal</p>
<p class="history_username">Username</p>
<p class="history_loc">asal - tujuan</p>
<p class="history_rating">rating</p>
<p class="history_comment">You commented:</p>
<p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</p>
</td>
</tr>
<tr>
<td>
<img class="history_pict" src="../img/default_profile.jpeg">
</td>
<td class="history_column">
<p class="history_date">tanggal</p>
<p class="history_username">Username</p>
<p class="history_loc">asal - tujuan</p>
<p class="history_rating">rating</p>
<p class="history_comment">You commented:</p>
<p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
......
......@@ -43,6 +43,63 @@
</a>
</li>
</ul>
<div id="history_table_container">
<table class="history_table">
<colgroup>
<col style="width: 20%;">
<col style="width: 80%;">
</colgroup>
<tbody>
<tr>
<td>
<img class="history_pict" src="../img/default_profile.jpeg">
</td>
<td class="history_column">
<p class="history_date">tanggal</p>
<p class="history_username">Username</p>
<p class="history_loc">asal - tujuan</p>
<p class="history_rating">rating</p>
<p class="history_comment">You commented:</p>
<p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</p>
</td>
</tr>
<tr>
<td>
<img class="history_pict" src="../img/default_profile.jpeg">
</td>
<td class="history_column">
<p class="history_date">tanggal</p>
<p class="history_username">Username</p>
<p class="history_loc">asal - tujuan</p>
<p class="history_rating">rating</p>
<p class="history_comment">You commented:</p>
<p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</p>
</td>
</tr>
<tr>
<td>
<img class="history_pict" src="../img/default_profile.jpeg">
</td>
<td class="history_column">
<p class="history_date">tanggal</p>
<p class="history_username">Username</p>
<p class="history_loc">asal - tujuan</p>
<p class="history_rating">rating</p>
<p class="history_comment">You commented:</p>
<p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment