Last active
February 1, 2019 10:50
-
-
Save arturmamedov/3a2f58e6de755610c7db to your computer and use it in GitHub Desktop.
My Custom Miscellaneous CSS style, bootstrap compattible
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* OVERWRITED */ | |
.modal-footer {margin-top:0px;} | |
.center-block { | |
float:none; | |
} | |
/* Tables * / | |
.table-striped > thead > tr { | |
background-color: #D196A4; | |
} | |
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { | |
background-color: #F4D9DE; | |
} | |
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th { | |
background-color: #F2C4CE; | |
} | |
.table-striped > tfoot > tr { | |
background-color: #D196A4; | |
} | |
/* */ | |
/** Tools **/ | |
.display-none {display: none;} | |
/* BUTTONS btn-[] */ | |
.btn-circle { | |
border-radius: 50%; | |
height: 36px; | |
padding: 8px 12px; | |
width: 36px; | |
} | |
.divider { height: 50px; } | |
.divider-100 { height: 100px; } | |
.divider-200 { height: 200px; } | |
.divider-300 { height: 300px; } | |
.link-unstyled, .link-unstyled:hover, .link-unstyled:active, .link-unstyled:focus {text-decoration: none;} | |
.relpos {position: relative;} | |
.abspos {position: absolute;} | |
.rightpos {right: 0px;} | |
.leftpos {left: 0px;} | |
.toppos {top: 0px;} | |
.bottompos {bottom: 0px;} | |
.rightpos-5 {right: 5px;} | |
.leftpos-5 {left: 5px;} | |
.toppos-5 {top: 5px;} | |
.bottompos-5 {bottom: 5px;} | |
.box-shadow { | |
-webkit-box-shadow: 0 0 3px #999999; | |
-moz-box-shadow: 0 0 3px #999999; | |
box-shadow: 0 0 3px #999999; | |
} | |
.box-bordered-7 { | |
border: 1px solid #cccccc; | |
-webkit-border-radius: 7px; | |
-moz-border-radius: 7px; | |
border-radius: 7px; | |
padding:10px; | |
} | |
.overflow-hidden {overflow: hidden;} | |
/* BACKGROUNDS bg-[] */ | |
.bg-lgray {background-color: #f1f1f1;} | |
.bg-white {background:#FFFFFF;} | |
.bg-white-transparent {background: #FFFFFF; background-color: rgba(255, 255, 255, 0.78) !important;} | |
.bg-lgreen-transparent {background: none repeat scroll 0 0 rgba(200, 255, 200, 0.6);} | |
.bg-acqua {background: #DAFDFF;} | |
.bg-acqua-transparent {background: #DAFDFF; background-color: rgba(208, 253, 255, 0.78);} | |
.border-radius {-webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;} | |
.border-radius-bottom {-webkit-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px;} | |
.border-radius-top {-webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;} | |
.border-solid1 {border: 1px solid #dddddd;} | |
.border-solid1-left {border-left: 1px solid #dddddd;} | |
.padding {padding:10px;} | |
.padding-tb {padding:10px 0px;} | |
.padding-tb-5 {padding:5px 0px;} | |
.margin-10 {margin:10px;} | |
.margin-tb-10 {margin:10px 0px;} | |
.margin-20 {margin:20px;} | |
.margin-tb-20 {margin:20px 0px;} | |
/* TEXT text-[] */ | |
.text-white {color:#FFFFFF;} | |
.text-white-imp {color:#FFFFFF !important;} | |
.text-white-a {color:#FFFFFF;} | |
.text-white-a:hover {color:#FFFFFF; text-decoration: none;} | |
.text-black {color:#000000;} | |
.text-red {color:#ED4141;} | |
.text-gray {color: #999999;} | |
.text-lgray {color: #CCCCCC;} | |
.text-yellow {color: #EDC400;} | |
.text-underline1 {border-bottom:1px solid #0073ba;} | |
.text-underline1:hover {text-decoration:none; border-bottom:none;} | |
.text-line-through {text-decoration: line-through; } | |
.text-normal {font-weight: normal;} | |
.lower-case {text-transform: lowercase;} | |
.text-underline {text-decoration: underline;} | |
/* Please i wont a light tooltip :) */ | |
.tooltip {font-size: 14px; z-index: 1;} | |
.tooltip-inner {color: #222222;background-color: #CCCCCC;border-radius: 4px;} | |
.tooltip-arrow {} | |
.tooltip.top .tooltip-arrow {border-top-color: #CCCCCC;} | |
.tooltip.top-left .tooltip-arrow {border-top-color: #CCCCCC;} | |
.tooltip.top-right .tooltip-arrow {border-top-color: #CCCCCC;} | |
.tooltip.right .tooltip-arrow {border-right-color: #CCCCCC;} | |
.tooltip.left .tooltip-arrow {border-left-color: #CCCCCC;} | |
.tooltip.bottom .tooltip-arrow {border-bottom-color: #CCCCCC;} | |
.tooltip.bottom-left .tooltip-arrow {border-bottom-color: #CCCCCC;} | |
.tooltip.bottom-right .tooltip-arrow {border-bottom-color: #CCCCCC;} | |
/* Please i wont a light tooltip END */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Updated version in my FrontEnd repository tools https://github.com/arturmamedov/withFront/blob/master/withstyle.css