170 lines
2.7 KiB
CSS
170 lines
2.7 KiB
CSS
|
.marksheet_wrap{
|
||
|
max-width: 790px;
|
||
|
margin: 50px 10px;
|
||
|
background-color: #fff;
|
||
|
padding: 30px 30px;
|
||
|
-webkit-border-radius: 3px;
|
||
|
-moz-border-radius: 3px;
|
||
|
border-radius: 3px;
|
||
|
-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
|
||
|
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||
|
box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
|
||
|
line-height: 25px;
|
||
|
position: relative;
|
||
|
}
|
||
|
.marksheet_top {
|
||
|
display: flex;
|
||
|
justify-content: space-around;
|
||
|
align-items: center;
|
||
|
flex: 30%;
|
||
|
}
|
||
|
|
||
|
.marksheet_top_left img {
|
||
|
width: 100px;
|
||
|
}
|
||
|
|
||
|
.marksheet_top_center {
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.marksheet_top_center {
|
||
|
margin-bottom: 0;
|
||
|
width: 60%;
|
||
|
}
|
||
|
|
||
|
p,h1,h2,h3,h4,h5,h6 {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
font-size: 13px;
|
||
|
}
|
||
|
|
||
|
.marksheet_top_center h1 {
|
||
|
margin-bottom: 10px;
|
||
|
font-weight: 600;
|
||
|
font-size: 32px;
|
||
|
}
|
||
|
|
||
|
.marksheet_head {
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.marksheet_head h2 {
|
||
|
margin: 10px 0;
|
||
|
background: #4246c7;
|
||
|
display: inline-block;
|
||
|
padding: 10px;
|
||
|
border-radius: 14px 0px 14px 0px;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.marksheet_top_right {
|
||
|
color:black;
|
||
|
}
|
||
|
|
||
|
.marksheet_top_left {
|
||
|
width: 20%;
|
||
|
}
|
||
|
|
||
|
.marksheet_heading {
|
||
|
border: 2px solid #ddd;
|
||
|
border-radius: 5px;
|
||
|
text-align: center;
|
||
|
font-size: 20px;
|
||
|
font-weight: 700;
|
||
|
padding: 7px;
|
||
|
background: #373a8f6e;
|
||
|
}
|
||
|
|
||
|
.student_name_section {
|
||
|
border: 1px solid #ddd;
|
||
|
margin-top: 10px;
|
||
|
border-radius: 5px;
|
||
|
display: flex;
|
||
|
justify-content: space-around;
|
||
|
padding: 8px;
|
||
|
margin-bottom: 15px;
|
||
|
}
|
||
|
|
||
|
.student_name_section ul li {
|
||
|
list-style-type: none;
|
||
|
font-size: 15px;
|
||
|
}
|
||
|
|
||
|
.student_name_section ul {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
.student_name_section ul li label {
|
||
|
width: 114px;
|
||
|
display: inline-block;
|
||
|
font-weight: 700;
|
||
|
}
|
||
|
|
||
|
.marksheet {
|
||
|
width: 100%;
|
||
|
border: 1px solid #ddd;
|
||
|
}
|
||
|
table{
|
||
|
border-collapse: collapse;
|
||
|
}
|
||
|
th {
|
||
|
background: #e2e2e2;
|
||
|
padding:8px 8px !important;
|
||
|
}
|
||
|
|
||
|
th,td {
|
||
|
border: 1px solid #9d9a9a;
|
||
|
|
||
|
font-size: 13px;
|
||
|
}
|
||
|
td{
|
||
|
padding: 5px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
td:nth-child(2) {
|
||
|
text-align: left;
|
||
|
}
|
||
|
tfoot td:nth-child(2) {
|
||
|
text-align: center;
|
||
|
}
|
||
|
.grading_sym_cover {
|
||
|
margin-top: 20px;
|
||
|
display: flex;
|
||
|
}
|
||
|
|
||
|
table.grading_system {
|
||
|
margin-right: 27px;
|
||
|
}
|
||
|
|
||
|
.remarks {
|
||
|
margin: 10px 0;
|
||
|
padding: 8px;
|
||
|
border: 1px solid #ddd;
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
|
||
|
thead tr:nth-child(2) th {
|
||
|
background: #fff;
|
||
|
}
|
||
|
|
||
|
.sign_sec {
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
margin-top: 25px;
|
||
|
}
|
||
|
|
||
|
.sign_sec img {
|
||
|
width: 47px;
|
||
|
}
|
||
|
.remarks label {
|
||
|
font-weight: 600;
|
||
|
}
|
||
|
|
||
|
.remarks h4 {
|
||
|
font-size: 15px;
|
||
|
font-weight: 400;
|
||
|
}
|