Updated Themes. Added branding per theme to labels. Added css for .well html attribute

pull/49/head
trashbo4t 2018-12-05 12:24:11 -05:00
parent 8eb6bbc8f0
commit 15f346e846
17 changed files with 671 additions and 30 deletions

View File

@ -18,6 +18,19 @@ b, strong {
font-family: monospace;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #0c0c0c;
border: 1px solid lime;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: monospace;
font-weight: 500;
@ -203,6 +216,14 @@ body {
margin-left: 30px;
}
.brand-text::after {
content: "WiFi Pineapple 1980";
padding-top: 3px;
padding-left: 5px;
float: right;
}
.module-nav li:hover {
background-color: #000;
}
@ -378,7 +399,7 @@ textarea.form-control {
}
.brand-text::after {
content: "pineapple";
content: "Wifi Pineapple - 1980";
padding-top: 3px;
padding-left: 5px;
float: right;
@ -496,4 +517,4 @@ input:checked + .slider:before {
}
.slider.round:before {
border-radius: 50%;
}
}

View File

@ -87,6 +87,17 @@ body {
cursor: pointer;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #0c0c0c;
border: 1px solid #3f94a1;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.module-nav li a {
margin-left: 30px;
}
@ -196,12 +207,23 @@ body {
}
.brand-text::after {
content: "WiFi Pineapple";
content: "WiFi Pineapple | Dark Blue";
color: 3f94a1;
padding-top: 3px;
padding-left: 5px;
float: right;
color: #3f94a1;
}
.brand-text::after {
content: "WiFi Pineapple | Dark Blue";
padding-top: 3px;
padding-left: 5px;
float: right;
color: #3f94a1;
}
.navbar-default {
background-color: #0c0c0c;
border-color: #181818;

View File

@ -79,6 +79,17 @@
font-weight: normal;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #0c0c0c;
border: 1px solid #ff1a72;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
body {
background-color: #0c0c0c;
}
@ -196,10 +207,19 @@ body {
}
.brand-text::after {
content: "WiFi Pineapple";
content: "WiFi Pineapple | Cherry";
padding-top: 3px;
padding-left: 5px;
float: right;
color: #ff1a72;
}
.brand-text::after {
content: "WiFi Pineapple | Cherry";
padding-top: 3px;
padding-left: 5px;
float: right;
color: #ff1a72;
}
.navbar-default {

View File

@ -83,6 +83,17 @@ body {
background-color: #0c0c0c;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #0c0c0c;
border: 1px solid #16F1B4;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.logout {
cursor: pointer;
}
@ -196,10 +207,19 @@ body {
}
.brand-text::after {
content: "WiFi Pineapple";
content: "WiFi Pineapple | Dark Green";
padding-top: 3px;
padding-left: 5px;
float: right;
color: #16F1B4;
}
.brand-text::after {
content: "WiFi Pineapple | Dark Green";
padding-top: 3px;
padding-left: 5px;
float: right;
color: #16F1B4;
}
.navbar-default {

View File

@ -38,7 +38,7 @@
.caret-reversed {
border-top-width: 0;
border-bottom: 4px solid #000;
border-bottom: 4px solid #263856;
}
.image-small-18 {
@ -71,6 +71,17 @@
border-radius: 3px;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #4e4f35;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.padding-left {
margin-left: 10px;
}
@ -80,7 +91,7 @@
}
body {
background-color: #f8f8f8;
background-color: #4e4f35;
}
.logout {
@ -92,7 +103,7 @@ body {
}
.module-nav li:hover {
background-color: #eee;
background-color: #263856;
}
.sidebar .sidebar-nav.navbar-collapse {
@ -102,11 +113,11 @@ body {
.sidebar ul li {
cursor: pointer;
border-bottom: 1px solid #e7e7e7;
border-bottom: 1px solid #181818;
}
.sidebar .active {
background-color: #eee;
background-color: #263856;
}
@media(min-width:768px) {
@ -121,7 +132,7 @@ body {
position: inherit;
margin: 0 0 0 250px;
padding: 15px 30px;
border-left: 1px solid #e7e7e7;
border-left: 1px solid #b6b775;
}
.navbar-top-links {
@ -148,7 +159,7 @@ body {
.module-content {
padding: 15px 15px;
background-color: #fff;
background-color: #263856;
}
.pointer {
@ -196,10 +207,345 @@ body {
}
.brand-text::after {
content: "WiFi Pineapple";
content: "Wifi Pineapple | Moonglow";
padding-top: 3px;
padding-left: 5px;
float: right;
color :#b6b775;
}
.brand-text::after {
content: "Wifi Pineapple | Moonglow";
padding-top: 3px;
padding-left: 5px;
float: right;
color: #b6b775;
}
.navbar-default {
background-color: #4e4f35;
border-color: #181818;
}
.panel-footer {
background-color: #b6b775;
border-top: 1px solid #b6b775;
}
.panel-default {
border-color: #b6b775;
}
.panel-default>.panel-heading {
color: #263856;
background-color: #b6b775;
border-color: #b6b775;
}
.panel-body {
color: #adaf6d;
background-color: #263856;
}
.h2, h2 {
font-size: 30px;
color: #263856;
}
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
border-top: 1px solid #b6b775;
}
a {
color: #fbff9b;
text-decoration: none;
}
a:focus, a:hover {
color: #adaf6d;
text-decoration: none;
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #263856;
}
.btn-default {
color: #263856;
background-color: #b6b775;
border-color: #454545;
}
.btn-default.active, .btn-default:active {
color: #263856;
background-color: #b6b775;
border-color: #212121;
}
.btn-default:hover {
color: #263856;
background-color: #263856;
border-color: #767676;
}
.btn-default.focus, .btn-default:focus {
color: #263856;
background-color: #b6b775;
border-color: #212121;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
color: #212121;
background-color: #b6b775;
border-color: #171717;
}
.navbar-default .navbar-nav>li>a {
color: #404041;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #404041;
background-color: #4e4f35;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #a2a2a2;
text-align: center;
background-color: #263856;
border: 1px solid #2e2e2e;
border-radius: 4px;
}
.modal-body {
background-color: #263856;
border: 1px solid #b6b775;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.modal-header {
color: #263856;
border: 1px solid #b6b775;
border-bottom: none;
background-color: #263856;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.form-control {
background-color: #111111;
border: 1px solid #333333;
color: #263856;
}
.btn-success {
color: #263856;
background-color: #b6b775;
border-color: #454545;
}
.btn-success.active, .btn-success:active {
color: #263856;
background-color: #b6b775;
border-color: #212121;
}
.btn-success.focus, .btn-success:focus {
color: #263856;
background-color: #b6b775;
border-color: #212121;
}
.btn-success:hover {
color: #263856;
background-color: #b6b775;
border-color: #212121;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.success:hover {
color: #212121;
background-color: #b6b775;
border-color: #171717;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
background-color: #111;
border-color: #333;
color: #333;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 1px solid #212121;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #111111;
opacity: 1;
}
pre {
color: #263856;
background-color: #111111;
border: 1px solid #333333;
}
.alert-info {
color: #a94442;
background-color: #263856;
border-color: #263856;
}
.alert-success {
color: #a94442;
background-color: #263856;
border-color: #263856;
}
.table {
color: #fbff9b;
background-color: #263856;
}
.table > thead > tr > th {
border-bottom: 2px solid #333;
}
.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
color: #263856;
background-color: #263856;
border-color: #333;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
border-top: 1px solid #333;
}
.progress-bar {
background-color: #b6b775;
}
.progress {
background-color: #111;
}
.alert-danger {
color: #a94442;
background-color: #263856;
border-color: #263856;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color: #263856;
}
tr:hover td {
background: #263856;
}
.text-info {
color: #a94442;
}
.open > .dropdown-menu {
background-color: #4e4f35;
border-color: #181818;
color: #263856;
}
.dropdown-menu > li > a {
color: #777;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #777;
background-color: #263856;
}
.btn-info {
color: #263856;
background-color: #b6b775;
border-color: #454545;
}
.btn-info:hover {
color: #fbff9b;
background-color: #263856;
border-color: #767676;
}
.btn-info.active, .btn-info:active {
color: #263856;
background-color: #b6b775;
border-color: #212121;
}
.btn-info.focus, .btn-info:focus {
color: #263856;
background-color: #b6b775;
border-color: #212121;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
color: #212121;
background-color: #b6b775;
border-color: #171717;
}
.btn-danger {
color: #263856;
background-color: #b6b775;
border-color: #454545;
}
.btn-danger:hover {
color: #263856;
background-color: #263856;
border-color: #767676;
}
.btn-danger.active, .btn-danger:active {
color: #263856;
background-color: #b6b775;
border-color: #212121;
}
.btn-danger.focus, .btn-danger:focus {
color: #263856;
background-color: #b6b775;
border-color: #212121;
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {
color: #212121;
background-color: #b6b775;
border-color: #171717;
}
.btn-switch {
position: relative;
display: block;
width: 50px;
height: 25px;
cursor: pointer;
background-color: darkgray;
border: 2px solid darkgray;
border-radius: 40px;
}
.btn-switch--on {
background-color: #ccffff;
border: 2px solid #ccffff;
}
.switch {
position: relative;
@ -215,7 +561,7 @@ body {
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
background-color: gray;
-webkit-transition: .4s;
transition: .4s;
}
@ -226,15 +572,15 @@ body {
width: 12px;
left: 4px;
bottom: 4px;
background-color: white;
background-color: #263856;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
background-color: whitesmoke;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
box-shadow: 0 0 1px whitesmoke;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);

View File

@ -268,6 +268,17 @@ p {
color:#ff0066;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #000000;
border: 1px solid #ff0066;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.btn-default {
color:#ff0066;
border-color: #ff0066;
@ -390,8 +401,16 @@ textarea.form-control {
padding-bottom: 5px;
}
.brand-text::after {
content: "pineapple";
content: "WiFi Pineapple | Evilrose";
padding-top: 3px;
padding-left: 5px;
float: right;
}
.brand-text::after {
content: "WiFi Pineapple | Evilrose";
padding-top: 3px;
padding-left: 5px;
float: right;

View File

@ -268,6 +268,16 @@ p {
color:#0066ff;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #000000;
border: 1px solid #0066ff;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.btn-default {
color:#0066ff;
border-color: #0066ff;
@ -391,7 +401,15 @@ textarea.form-control {
}
.brand-text::after {
content: "pineapple";
content: "w1f1 p1n34ppl3 | Blues";
padding-top: 3px;
padding-left: 5px;
float: right;
color:#ff0066;
}
.brand-text::after {
content: "w1f1 p1n34ppl3 | Blues";
padding-top: 3px;
padding-left: 5px;
float: right;

View File

@ -224,7 +224,7 @@ body {
}
.btn {
background-color: white;
background-color: red;
font-family: webkit-pictograph;
}
@ -378,7 +378,15 @@ textarea.form-control {
}
.brand-text::after {
content: "pineapple";
content: "Wifi Pineapple | Hak5";
padding-top: 3px;
padding-left: 5px;
float: right;
color:#ff0066;
}
.brand-text::after {
content: "Wifi Pineapple | Hak5";
padding-top: 3px;
padding-left: 5px;
float: right;

View File

@ -256,6 +256,17 @@ p {
color:#e62e00;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #000000;
border: 1px solid #991f00;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.h3 h3 {
color:#991f00 ;
}
@ -391,7 +402,15 @@ textarea.form-control {
}
.brand-text::after {
content: "pineapple";
content: "Wifi Pineapple | Halflife Inverted";
padding-top: 3px;
padding-left: 5px;
float: right;
color:#ff0066;
}
.brand-text::after {
content: "Wifi Pineapple | Halflife Inverted";
padding-top: 3px;
padding-left: 5px;
float: right;

View File

@ -230,6 +230,17 @@ body {
background-color: #991f00;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #991f00;
border: 1px solid #000000;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.sidebar ul li {
cursor: pointer;
border-bottom: 1px solid #e62e00;
@ -391,7 +402,15 @@ textarea.form-control {
}
.brand-text::after {
content: "pineapple";
content: "Wifi Pineapple | Halflife";
padding-top: 3px;
padding-left: 5px;
float: right;
color:#991f00 ;
}
.brand-text::after {
content: "Wifi Pineapple | Halflife";
padding-top: 3px;
padding-left: 5px;
float: right;

View File

@ -71,6 +71,17 @@
border-radius: 3px;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #0c0c0c;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.padding-left {
margin-left: 10px;
}
@ -196,7 +207,7 @@ body {
}
.brand-text::after {
content: "WiFi Pineapple";
content: "Wifi Pineapple | kbeflo";
padding-top: 3px;
padding-left: 5px;
float: right;

View File

@ -226,6 +226,19 @@ body {
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #000000;
border: 1px solid #ff0000;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
background-color: #000000;
}
@ -391,7 +404,14 @@ textarea.form-control {
}
.brand-text::after {
content: "pineapple";
content: "m4lw4r3 1nf3c73d w1f1 p1n34ppl3";
padding-top: 3px;
padding-left: 5px;
float: right;
}
.brand-text::after {
content: "m4lw4r3 1nf3c73d w1f1 p1n34ppl3";
padding-top: 3px;
padding-left: 5px;
float: right;

View File

@ -167,6 +167,18 @@ pre {
font-family: cursive;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: wheat;
border: 1px solid rosybrown;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.log-pre {
max-height: 300px;
}
@ -378,7 +390,14 @@ textarea.form-control {
}
.brand-text::after {
content: "pineapple";
content: "Wifi Pineapple | Morning";
padding-top: 3px;
padding-left: 5px;
float: right;
}
.brand-text::after {
content: "Wifi Pineapple | Morning";
padding-top: 3px;
padding-left: 5px;
float: right;

View File

@ -123,6 +123,17 @@ table {
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #0c0c0c;
border: 1px solid lime;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.fixed-addon-width-3 {
min-width: 110px;
text-align: left;
@ -377,7 +388,15 @@ textarea.form-control {
}
.brand-text::after {
content: "Neon Pineapple";
content: "Wifi Pineapple | Neon";
padding-top: 3px;
padding-left: 5px;
float: right;
color:lime;
}
.brand-text::after {
content: "Wifi Pineapple | Neon";
padding-top: 3px;
padding-left: 5px;
float: right;

View File

@ -109,6 +109,18 @@ body {
background-color: #131313;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #0c0c0c;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
@media(min-width:768px) {
.sidebar {
z-index: 1;
@ -196,10 +208,19 @@ body {
}
.brand-text::after {
content: "WiFi Pineapple";
content: "Wifi Pineapple | Rainy Day";
padding-top: 3px;
padding-left: 5px;
float: right;
color: #b6cbee;
}
.brand-text::after {
content: "Wifi Pineapple | Rainy Day";
padding-top: 3px;
padding-left: 5px;
float: right;
color: #b6cbee;
}
.navbar-default {

View File

@ -88,6 +88,18 @@ table {
background-color: #6666ff;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #6666ff;
border: 1px solid #00e673;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
@ -392,7 +404,15 @@ textarea.form-control {
}
.brand-text::after {
content: "pineapple";
content: "Wifi Pineapple | Spring";
padding-top: 3px;
padding-left: 5px;
float: right;
color:lime;
}
.brand-text::after {
content: "Wifi Pineapple | Spring";
padding-top: 3px;
padding-left: 5px;
float: right;

View File

@ -76,6 +76,17 @@ b, strong {
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #000038;
border: 1px solid gold;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
hr {
margin-top: 20px;
margin-bottom: 20px;
@ -391,7 +402,15 @@ textarea.form-control {
}
.brand-text::after {
content: "pineapple";
content: "Wifi Pineapple | Starstuff";
padding-top: 3px;
padding-left: 5px;
float: right;
color:gold;
}
.brand-text::after {
content: "Wifi Pineapple | Starstuff";
padding-top: 3px;
padding-left: 5px;
float: right;