Skip to content

Instantly share code, notes, and snippets.

@DevankAgarwal
Created June 16, 2020 10:00
Show Gist options
  • Save DevankAgarwal/0961d1bb95e7e2faabd5204ee38a3754 to your computer and use it in GitHub Desktop.
Save DevankAgarwal/0961d1bb95e7e2faabd5204ee38a3754 to your computer and use it in GitHub Desktop.
Amazon Registration link
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@font-face {
font-family: AmazonEmber_Bd;
src: url(fonts/AmazonEmber_Bd.ttf);
}
@font-face {
font-family: AmazonEmber_Lt;
src: url(fonts/AmazonEmber_Lt.ttf);
}
@font-face {
font-family: AmazonEmber_Rg;
src: url(fonts/AmazonEmber_Rg.ttf);
}
body {
font-family: AmazonEmber_Rg !important;
}
form{
font-family: 'Roboto', sans-serif;
padding-bottom: 100px;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 400;
}
.navbar-inverse {
background: #232F3E;
border-color: #202a38;
}
.main-bg {
background: url(images/bg.jpg);
height: 350px;
margin-top: 65px;
padding: 80px 0px;
text-align: center;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.blq {
padding: 40px 0px;
}
.btn-amz {
background: #FF9902;
font-weight: 500;
color: #fff;
border: 0px;
padding: 8px 24px;
}
.btn-amz-lg {
background: #FF9902;
font-weight: 500;
color: #fff;
border: 0px;
font-size: 18px;
padding: 16px 48px;
}
.btn-amz-lg:hover {
background: #e38903;
font-weight: 500;
color: #fff;
border: 0px;
font-size: 18px;
padding: 16px 48px;
}
.btn-amz:hover {
background: #e38903;
font-weight: 500;
color: #fff;
border: 0px;
}
.blq blockquote {
font-size: 36px;
position: relative;
border-left: 0px;
color: #232F3E;
padding: 10px 0px;
padding-right: 20px;
text-align: left;
}
.blq blockquote span {
font-weight: bold;
position: absolute;
font-size: 16px;
margin-top: 17px;
letter-spacing: 1.2px;
}
.section-dark {
background-color: #EAEDF2;
padding: 60px 0px;
}
.read-more {
display: none;
}
.section-light {
background-color: #ffffff;
padding: 60px 0px;
}
.section-blue {
background-color: #005376;
padding: 60px 0px;
}
.section-blue h3.heading {
font-size: 30px;
color: #ffffff;
}
h3.heading {
font-size: 30px;
color: #111111;
margin-bottom: 30px;
}
p {
font-size: 14px;
color: #111111;
line-height: 22px;
}
a {
color: #FF9900;
font-size: 16px;
}
a:hover {
text-decoration: underline;
color: #FF9900;
}
.info-card {
border: 1px solid #DFDFDF;
border-radius: 2px;
margin-bottom: 30px;
}
.info-card img {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom: 1px solid #DFDFDF;
height: 150px;
width: 100%;
object-fit: cover;
}
.info-card .content {
background: #fff;
padding: 20px;
}
.info-card .content h4 {
font-size: 18px;
font-weight: bold;
margin-top: 0px;
}
.info-card .content p {
font-size: 16px;
}
.career-card {
border: 1px solid #DDDDDD;
background: #fff;
border-radius: 2px;
margin-bottom: 30px;
}
.career-card .content {
height: 126px;
background: #232F3E;
padding: 46px 20px;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
}
.career-card .content h3 {
font-size: 20px;
text-align: center;
color: #fff;
margin: 0;
font-family: AmazonEmber_Rg
}
.career-card .action {
background: #EBEDF2;
border-top: 1px solid #dddddd;
padding: 16px;
}
.career-card .action a {
padding: 12px 0px;
color: #23303e;
}
.career-card .action a:hover {
color: #384c62;
}
footer {
background: #232F3E;
color: #fff;
}
footer .top-content p {
font-size: 14px;
line-height: 1.3;
padding: 16px 0px;
color: #fff;
margin: 0px;
}
footer .hr {
height: 1px;
width: 100%;
background: rgba(255, 255, 255, 0.30);
}
footer .bottom-content p {
margin: 0px;
font-size: 14px;
line-height: 1;
padding: 16px;
color: rgb(255, 255, 255);
}
.listing-container {
margin-top: 50px;
background: #F6F8F9;
}
.page-heading {
font-size: 40px;
line-height: 19px;
margin-bottom: 30px;
font-weight: bold;
color: #23303e;
margin: 80px 0px 30px 0px;
}
.card {
background: #fff;
border-radius: 2px;
padding: 20px;
margin-bottom: 30px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.10);
}
.card p.heading {
margin-bottom: 20px;
font-weight: bold;
}
.card .filter-check {
list-style-type: none;
padding-inline-start: 5px;
}
.card .card-title {
font-size: 18px;
color: #23303e;
cursor: pointer;
}
.card .card-content {
font-size: 14px;
color: #111111;
}
.checkbox,
.radio {
margin-bottom: 16px;
}
.form-control {
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03);
border: 1px solid #EDEDED;
height: 44px;
}
.form-control:focus {
border-color: #007cb6;
outline: 0;
box-shadow: none;
}
.modal-content {
box-shadow: none;
border: none;
border-radius: 2px;
}
@media (min-width: 768px) {
.modal-dialog {
width: 750px;
margin: 30px auto;
}
}
h3.modal-title {
color: #23303e;
margin-bottom: 30px;
}
.modal-body-head {
font-size: 16px;
margin-bottom: 0px;
font-weight: bold;
}
.modal-body-head span {
font-weight: normal;
}
.modal-body p.content {
margin-bottom: 30px;
}
.modal-body {
padding: 30px;
}
.modal-body ul {
margin-bottom: 30px;
}
.listing-container .form-group {
margin-bottom: 30px;
}
.video-title {
height: 60px;
}
.video-description {
margin-bottom: 30px;
}
@media only screen and (max-width: 600px) {
.video-title {
height: auto;
}
.blq blockquote {
font-size: 26px;
padding: 10px 34px;
}
.blq {
padding: 10px 0px;
}
}
.white-background {
background-color: #fff !important
}
.owl-theme .owl-nav {
margin-top: 0px;
display: none;
}
.hirepro-footer{
background: #131b23;
padding: 8px 0px;
}
.hirepro-footer p{
color: #ffffff;
margin: 0px;
}
.success .circle-check {
height: 60px;
width: 60px;
border: 2px solid #232F3E;
border-radius: 50%;
padding: 18px 15px;
text-align: center;
margin: 0 auto;
}
.success h2 {
font-size: 24px;
font-family: 'Roboto', sans-serif;
letter-spacing: 0;
color: #232F3E;
margin-top: 10px;
margin-bottom: 36px;
}
.success p {
font-family: 'Roboto', sans-serif;
color: #232F3E;
margin-bottom: 16px;
font-size: 16px;
}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}
.job-description-collapse{
white-space: nowrap;
text-overflow:ellipsis;
width:100px;
overflow:hidden;
}
.job-description-expand{
text-overflow:inherit;
overflow: visible;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment