Gecko [ gandhischool.edu.np ]

Name	Size	Permission	Action
style.css	7.81 KB	-rw-rw-r--

Code Editor : style.css

body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;

}

.container {
min-height: 100vh - 200px;
}
.page-header {
background-color: #1a4169;
color: #fff;
padding: 20px;
text-align: center;
}

.item-list {
list-style: none;
padding: 0;
}

.item-list li {
margin-bottom: 10px;
border: 1px solid #ccc;
padding: 10px;
background-color: #fff;
border-radius: 5px;
cursor: pointer;
}

.item-details {
padding: 20px;
border-radius: 5px;
transition: box-shadow .3s;
border: 1px solid #ccc;
}
.item-details:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
  }

.item-image {
max-width: 100%;
max-height: 300px;
}
/* .table-container{
padding: 20px;
} */
.item-description{
text-align: justify;
font-size: 15pt;
}
.products{
padding: 20px 5%;
}

.count-card {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
text-align: center;
margin-bottom: 20px;
}

.count-icon {
font-size: 36px;
color: #1a4169;
margin-bottom: 10px;
}

.count-label {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}

.count-value {
font-size: 24px;
}

.btn-div{
text-align: center;
padding-bottom: 20px; 
}
/* .footer {
background-color: #333;
color: #fff;
padding: 20px 0;
position: fixed;
bottom: 0;
width: 100%;
height: 200px;
} */
.footer {
background-color: #333;
color: #fff;
padding: 20px 0;
text-align: center;
position: relative;
bottom: 0;
left: 0;
right: 0;
max-height: 200px;
}

.quote {
font-style: italic;
margin-bottom: 10px;
}

.contact-info {
text-align: center;
}
.content-details{
min-height: 100vh;
}
.user-icon {
font-size: 24px;
cursor: pointer;
}

/* Style for the user card */
.user-card {
display: none; /* Hide by default */
position: absolute;
top: 100%;
right: 0;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border: 1px solid #ccc;
border-radius: 5px;
z-index: 2; /* Ensure higher z-index */
}

.user-card.show {
display: block; /* Show when the "show" class is added */
}

.user-card-content {
padding: 10px;
text-align: center;
}
.dropdown-toggle::after {
display:none;
}
.item-list li.selected {
background-color: #62e35d; /* Change the color for selected items */
}

.container{width:100%}
header{background:#fff;box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px;}
header h1{color:#1a4169;}
header img{height:50px;padding:5px 0;margin-top:10px}

#main{margin:15px 0;}
.bg{background:#fff;margin:10px 5px;padding:20px 25px;min-height:500px;}
.form-design{width:100%;float:left;border-right:1px solid #ccc;}
.right-invoice{width:43%;float:right;margin-left:2%;}
.form-control{margin-bottom:1.2em;height:42px;} 
form h3{color:#1a4169;}
input[type=radio], input[type=checkbox] {margin:4px 10px 4px 4px}

.form-block{width:100%;padding:10px 0}
.form-block select, .form-block input[type="number"], .form-block input[type="text"]{height:30px;padding: 3px 12px;
    font-size: 14px;margin-bottom:5px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-block textarea{padding: 3px 12px;width:80%;
    font-size: 14px;margin-bottom:5px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.btnSubmit{width:100px;background:#ccc;color:#333;border:1px solid #bbb;border-radius:4px;text-align:center;padding:5px;}

input::placeholder {
  color: #1a4169;
}
input::-webkit-input-placeholder { /* Chrome */
  color: #eee;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #eee;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #eee;
  opacity: 1;
}
input:-moz-placeholder { /* Firefox 4 - 18 */
  color: #eee;
  opacity: 1;
}

table{width:100%}

.short-box{width:80px;}
footer{background:#fff;padding:15px 0}

.icon-addon.addon-lg .fa, .icon-addon.addon-lg .glyphicon {
    font-size: 11px;
    margin-left: 0;
    left: 6px;
    top: -1px;
}
.icon-addon.addon-md .glyphicon, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
top: 1px;}
.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-lock:before {
    content: "\e033";
}
.icon-addon {
    position: relative;
    color: #93b6d3;
    display: block;margin-top:5px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e8edf0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
.icon-addon.addon-md .form-control, .icon-addon .form-control {
    padding-left: 27px;
    float: left;
    font-weight: normal;width:140px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
button.btn.login-button:after {
    content: "\e161";
    font-family: 'Glyphicons Halflings';
    margin-left: 11px;
}
.form-group a{font-size:11px;color: #336699;
    text-decoration: none;}
	
	button.btn.login-button {
    height: 30px;
    border-radius: 0;
    background: #40688b;
    color: #93b6d3;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}
.forgot-txt{margin-top:-18px}
.new-button-small {
    background: #1a4169 !important;
    color: #ffffff !important;
    border-radius: 4px!important;
    padding: 0px 10px;
    height: 28px!important;
    font-size: 12px;margin-bottom:13px;
}
label{color:#1a4169; font-weight:500;}
.one-line label{display:inline !important;}

.button-small {
    background: #1a4169 !important;
    color: #ffffff !important;
    border-radius: 4px!important;
    /* padding: 0px 10px; */
    height: 28px!important;
    font-size: 12px;
	margin-top:8px
    /* margin-bottom: 13px; */
}
table.invoice{border:none;}
table.invoice th{background:#4f81bd;color:#fff;}
table.invoice td, table.invoice th{font-size:11.5px;padding:5px;border-bottom:1px solid #eee;}
th.sum-total {background:none!important;color:#000!important;text-align:right;}
.last-footer {
    margin-top: 0px;
    text-align: center;
    font-size: 13px;
    color: #666;
}
.icons {
    float: right;
}
.icons a {
    color: #666;
    padding: 0 10px;
    font-size: 15px;
}
.left-footer {
    float: left;
}

#order_form .col-md-4, #order_form .col-md-8{background:#fff!important;padding:20px;}

#order_form {margin-right:10px;}

.recent_details li{
    display:  block;
    padding-left: 1px;
}

${this.title}

Code Editor : style.css