? 18. CSS Visi
Style yang mengatur divisi dari content .content{
width: 100; }
Style yang mengatur divisi dari kontent sebelah kiri dari halaman profile .content_kiri{
width: 100; border-right: 1px solid BDBBBB;
background: FAFAFA; float: left;
} .text{
margin: 0px 40px 0px 60px; font-family: Microsoft Yi Baiti;
font-size: 20px; color: 000;
text-align: justify; }
.text h1{ text-align: center;
font-size: 40px; }
19. Style font-face{
font-family: Lato; src: url..fontsLatoLato-Regular.ttf ;
} a{
text-decoration: none; font-family: lato;
}
Universitas Sumatera Utara
body,html{ background: rgb232, 232, 232;
margin: auto; }
.bingkai{ margin: 0 auto;
width: 940px; padding: 0px;
background: white; border-left: 1px solid;
border-right: 1px solid; }
kepala{ margin-top: 0px;
width: 100; height: 150px;
border-bottom: 3px solid; }
kepala logo{ width: 190px;
height: 150px; float: left;
padding-left: -20px; }
logo img{ width: 145px;
height: 145px; }
kepala judul{ width: 750px;
height: 100; float: left;
} judul h1{
text-transform: uppercase; font-family: lato;
font-weight: normal; font-size: 18pt;
color: black;
Universitas Sumatera Utara
padding-top: 2px; position: relative;
top: 18px; left: 110px;
} subjudul h1{
text-transform: none; font-family: lato;
font-weight: normal; font-size: 13pt;
color: black; position: relative;
top: 8px; left: 110px;
} subjudul2 h1{
text-transform: none; font-family: lato;
font-weight: normal; font-size: 13pt;
font-style: italic; color: black;
position: relative; top: 5px;
left: 110px; }
.menu { height: 50px;
width: 100; margin-top: 5px;
background: 76b852; fallback for old browsers background: -webkit-linear-gradientright, 76b852,
8DC26F; background:
-moz-linear-gradientright, 76b852, 8DC26F;
background: -o-linear-gradientright, 76b852,
8DC26F; background: linear-gradientto left, 76b852,
8DC26F;
Universitas Sumatera Utara
font-family: Roboto, sans-serif; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.menu ul{ padding-left: 60px;
margin: 0px; width: 100;
} .menu li{
float: left; padding-left: 0px;
padding-right: 0px; list-style: none;
}
.menu li a{ font-family: lato;
text-align: center; color: white;
display: block; height: 30px;
line-height: 30px; font-size: 13pt;
padding-left:32px; padding-right: 32px;
padding-top: 10px; padding-bottom: 2px;
} .menu li a:hover{
padding: 0 auto; background: rgb92, 128, 183;
color: white; transition:background .3s linear;
}
Universitas Sumatera Utara
jda{ text-align: center;
font-family: lato; color: black;
font-size: 14pt; padding-top: 10px;
} .content p{
font-family: lato; padding-bottom: 20px;
color: black; font-size: 12pt;
padding-left: 30px; padding-right: 30px;
text-align: justify; }
.menu { width: 300px;
margin-top: 20px; }
.menu ul{ padding: 0px;
margin: 0px; }
.menu li{ padding-left: 0px;
padding-right: 0px; background: rgb25, 71, 163 ;
list-style: none; }
.menu li a{ font-family: tahoma;
text-align: left; color: white;
display: block; font-size: 10pt;
Universitas Sumatera Utara
padding-left:20px; padding-right: 25px;
padding-top: 20px; padding-bottom: 20px;
} .menu li a:hover{
background: rgb92, 128, 183; color: white;
} datkar{
font-family: lato; text-align: center;
font-size: 14pt; padding-top: 50px;
} wrna:nth-child2n{
background: rgb238, 238, 245; }
.datakar table{ padding-top: 60px;
padding-bottom: 300px; padding-left: 30px;
padding-right: 30px; }
.datakar td{ text-align: center;
font-family: lato; border: 1px solid black;
padding: 10px 0px; }
.datakar th{ padding: 10px 0px;
border:1px solid black; text-align: center;
font-family: lato; color: white;
background: rgb70, 85, 100; }
Universitas Sumatera Utara
btn-tbh a{ padding: 10px;
margin-right: 30px; margin-top: 20px;
float : right; background: rgb54, 100, 192;
color: white; }
btn-tbh a:hover{ background: rgb105, 144, 221;
color: white; cursor: pointer;
transition:background .2s linear; }
klik{ padding: 4px 6px;
color: white; background: rgb98, 143, 234;
border-radius: 4px; font-size: 13px;
} klik:hover{
color: white; cursor: pointer;
background: rgb148, 174, 226; transition:background .2s linear;
} fan{
font-family: lato; text-align: left;
font-size: 14pt; padding-left: 35px;
padding-top: 35px; }
wd{ padding: 15px 30px;
}
Universitas Sumatera Utara
dw{ width: 250px;
height: 7px; padding: 12px;
border-radius: 2px; font-style: italic;
} input[type=submit]{
float: right; margin-top: 50px;
margin-bottom: 30px; height: 40px;
width: 90px; margin-left: 250px;
background: rgb54, 100, 192; border: none;
font-size: 12pt; color: white;
} input[type=submit]:hover{
background: rgb105, 144, 221; color: white;
cursor: pointer; transition:background .2s linear;
} .tambah table{
padding: 10px 10px; font-family: lato;
border: none; padding-top: 50px;
padding-bottom: 500px; }
.tambah input[type=text]{ width: 250px;
height: 25px; background: rgb253, 253, 253;
border: 1px solid rgb187, 187, 187; }
Universitas Sumatera Utara
datri{ font-family: lato;
text-align: center; font-size: 14pt;
padding-top: 50px; }
.datariw table{ padding-top: 60px;
padding-bottom: 300px; padding-left: 30px;
padding-right: 30px; }
.datariw tr td{ text-align: center;
font-family: lato; border: 1px solid black;
padding: 10px 0px; }
.datariw th{ padding: 10px 0px;
border:1px solid black; text-align: center;
font-family: lato; color: white;
background: rgb70, 85, 100; }
tmbol-tbh a{ padding: 10px;
margin-right: 30px; margin-top: 20px;
float : right; background: rgb54, 100, 192;
color: white; }
tmbol-tbh a:hover{ background: rgb105, 144, 221;
color: white; cursor: pointer;
Universitas Sumatera Utara
transition:background .2s linear; }
jo{ padding: 15px 30px;
} oj{
width: 250px; height: 20px;
padding: 12px; font-style: italic;
} .add table{
padding: 10px 10px; font-family: lato;
border: none; padding-top: 80px;
padding-bottom: 500px; }
.add input[type=text]{ width: 200px;
height: 20px; }
datpe{ font-family: lato;
text-align: center; font-size: 14pt;
padding-top: 50px; }
button-tbh a{ padding: 10px;
margin-right: 30px; margin-top: 20px;
float : right; background: rgb54, 100, 192;
color: white; }
Universitas Sumatera Utara
button-tbh a:hover{ background: rgb105, 144, 221;
color: white; cursor: pointer;
transition:background .2s linear; }
.dataji table{ padding-top: 60px;
padding-bottom: 300px; padding-left: 30px;
padding-right: 30px; }
.dataji tr td{ text-align: center;
font-family: lato; border: 1px solid black;
padding: 10px 0px; }
.dataji th{ padding: 10px 0px;
border:1px solid black; text-align: center;
font-family: lato; color: white;
background: rgb70, 85, 100; }
lo{ padding: 15px 30px;
} ol{
width: 250px; height: 7px;
padding: 12px; font-style: italic;
} .in table{
Universitas Sumatera Utara
padding: 10px; font-family: lato;
border: none; padding-top: 80px;
padding-bottom: 500px; }
.in input[type=text]{ width: 200px;
height: 20px; }
tombol{ float: right;
margin-top: 20px; }
sb{ float: right;
margin-top: 50px; margin-bottom: 30px;
height: 40px; width: 90px;
margin-left: 250px; background: rgb54, 100, 192;
border: none; font-size: 12pt;
color: white; }
sb:hover{ background: rgb105, 144, 221;
color: white; cursor: pointer;
transition:background .2s linear; }
bs{ float: right;
margin-top: 50px; margin-bottom: 30px;
height: 40px; width: 90px;
margin-left: 250px;
Universitas Sumatera Utara
background: rgb54, 100, 192; border: none;
font-size: 12pt; color: white;
} bs:hover{
background: rgb105, 144, 221; color: white;
cursor: pointer; transition:background .2s linear;
} lap{
font-family: lato; text-align: center;
font-size: 14pt; padding-top: 50px;
} tombol-lap a{
padding: 10px; margin-right: 30px;
margin-top: 20px; float : right;
background: rgb54, 100, 192; color: white;
} tombol-lap a:hover{
background: rgb105, 144, 221; color: white;
cursor: pointer; transition:background .2s linear;
} .laporan table{
padding-top: 60px; padding-bottom: 300px;
padding-left: 30px; padding-right: 30px;
}
Universitas Sumatera Utara
.laporan tr td{ text-align: center;
font-family: lato; border: 1px solid black;
padding: 10px; }
.laporan th{ padding: 10px 0px;
border:1px solid black; text-align: center;
font-family: lato; color: white;
background: rgb70, 85, 100; }
.kertas{ background: white;
height:100; width: 100;
} .sliphead{
background: rgb0, 78, 145; height: 80px;
width: 70; margin: 0 auto;
}
s1{ margin-top: 7px;
float: right; font-family: lato;
font-size: 22pt; color: white;
padding-right: 25px; top: 60px;
} s3{
clear: both;
Universitas Sumatera Utara
float: right; font-family: lato;
font-size: 13pt; font-weight: normal;
font-style: italic; color: white;
padding-right: 15px; margin-top: -15px;
} s5{
font-size: 10pt; padding-left: 155px;
font-family: lato; color: white;
line-height: 40px; }
s6{ font-size: 7pt;
padding-left: 155px; font-family: lato;
color: white; position: relative;
bottom: 25px; }
s4{ font-size: 7pt;
padding-left: 155px; font-family: lato;
color: white; position: relative;
bottom: 35px; font-style: italic;
}
banklogo{ height: 80px;
top: 0px; position: absolute;
}
Universitas Sumatera Utara
tblslip{ font-family: lato;
color: gray; font-size: 10pt;
} tblslipp{
font-family: lato; color: gray;
font-size: 10pt; float: right;
} tblslip2{
font-family: lato; color: gray;
font-size: 12pt; margin-top: 80px;
} total{
background: rgb94, 93, 93; color: white;
} nom{
font-family: lato; font-size: 10pt;
color: gray; font-style: italic;
} nomi{
font-family: lato; font-size: 10pt;
color: gray; font-style: italic;
}
.footer{
Universitas Sumatera Utara
width: 940px; height: 50px;
background: 76b852; fallback for old browsers background:
-webkit-linear-gradientright, 76b852, 8DC26F;
background: -moz-linear-gradientright, 76b852, 8DC26F; background: -o-linear-gradientright, 76b852, 8DC26F;
background: linear-gradientto left, 76b852, 8DC26F; font-family: Roboto, sans-serif;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
color: white; text-align: center;
font-family: lato; font-size: 20px;
line-height: 30px; margin: 0 auto;
}
20. Index.html DOCTYPE html PUBLIC -W3CDTD XHTML 1.0 TransitionalEN
