Skip to content

Instantly share code, notes, and snippets.

@arturmamedov
Last active February 1, 2019 10:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save arturmamedov/3a2f58e6de755610c7db to your computer and use it in GitHub Desktop.
Save arturmamedov/3a2f58e6de755610c7db to your computer and use it in GitHub Desktop.
My Custom Miscellaneous CSS style, bootstrap compattible
/* 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 */
@arturmamedov
Copy link
Author

Updated version in my FrontEnd repository tools https://github.com/arturmamedov/withFront/blob/master/withstyle.css

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment