vlad/salvagedb_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
salvagedb_web/static/plus.css
Vlad 12f0b91216 Init
2024-11-28 12:19:28 +03:00

556 lines
8.8 KiB
CSS
Raw Blame History

/* Mega Menu*/
.plus-mega a{
text-decoration: none;
padding-left: 20px;
display: block;
}
.plus-mega li{
padding-top: 3px;
padding-bottom: 3px;
}
.dropdown-menu.cols2{
min-width: 280px;
}
.dropdown-menu.cols2 .span2{
margin-left: 0px !important;
}
.dropdown-menu.cols3{
min-width: 420px;
}
.dropdown-menu.cols3 .span2{
margin-left: 0px !important;
}
.dropdown-menu.cols4{
min-width: 560px;
}
.dropdown-menu.cols4 .span2{
margin-left: 0px !important;
}
.dropdown-menu.cols5{
min-width: 700px;
}
.dropdown-menu.cols5 .span2{
margin-left: 0px !important;
}
.dropdown-menu.cols6{
min-width: 840px;
}
.dropdown-menu.cols6 .span2{
margin-left: 0px !important;
}
.plus-mega li > a > i{
margin-right: 5px;
}
/* Menu With Images */
.dropdown-menu > li > a > i{
margin-right: 5px;
}
/* Comments */
.plus-comment {
margin-top: 20px;
margin-bottom: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.plus-comment .pointer{
border:solid 10px transparent;
border-right-color:#FFF;
position:absolute;
margin:20px 0px 0 80px;
}
.plus-comment img{
float:left;
max-width: 100%;
margin-left: 20px;
}
.plus-comment p{
color:#000;
padding: 10px;
margin-left: 100px;
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;
}
.plus-comment .plus-comment-details{
float: left;
width: 90px;
}
.plus-comment-details label{
font-weight: normal;
font-size: 12px;
line-height: 15px;
margin-left: 0px;
margin-top: 15px;
text-align: center;
}
.plus-comment-details .plus-comment-date{
margin-top: 0px;
padding: 0px;
font-size: 10px;
}
.plus-comment .plus-comment-tools{
margin-left: 100px;
}
.plus-comment .plus-comment-tools > a{
margin-left: 10px;
text-decoration: none;
}
/* reply */
.plus-comment-reply {
margin-top: 20px;
margin-bottom: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.plus-comment-reply .pointer{
border:solid 10px transparent;
border-right-color:#FFF;
position:absolute;
margin:20px 0px 0 140px;
}
.plus-comment-reply img{
float:left;
max-width: 100%;
margin-left: 20px;
}
.plus-comment-reply p{
color:#000;
padding: 10px;
margin-left: 160px;
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
box-shadow: rgba(0,0,0,0.5) 0px 2px 3px;
}
.plus-comment-reply .plus-comment-details{
float: left;
width: 90px;
margin-left: 60px;
}
.plus-comment-reply .plus-comment-tools{
margin-left: 150px;
}
.plus-comment-reply .plus-comment-tools > a{
margin-left: 10px;
text-decoration: none;
}
/* ////////////////////////////// */
/* Draggable */
.plus-draggable{
padding: 0px;
}
.plus-draggable p{
padding: 10px;
}
/*/////////////////////////*/
/* Collapsable */
.plus-collapsible{
padding: 0px;
}
.plus-collapsible p{
padding: 10px;
}
.plus-collapsible > .navbar{
margin-bottom: 0px !important;
}
/* ////////////////// */
/* Box */
.plus-box{
padding: 0px;
}
.plus-box p{
padding: 10px;
}
/* ///////////////// */
/* Vertical Menu */
.plus-verticalMenu > ul{
display:none;
list-style: none;
}
.plus-verticalMenu > ul > li >a{
text-decoration: none;
color:inherit;
padding-left: 5px;
}
/* ///////////// */
ul.nav li.dropdown:hover ul.dropdown-menu.plus-hover{
display: block;
margin: 0;
}
a.menu:after, .dropdown-toggle:after {
content: none;
}
/* ///////////////*/
/* Pricing Table */
.plus-pricing{
text-align: center;
list-style: none;
border-width: 1px;
border-style: solid;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.plus-pricing > li{
background-color: #fff;
padding: 0.9375em;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.plus-pricing-head{
background-color: #DDDDDD;
padding: 0.9375em 1.25em;
}
.plus-pricing-head h2{
margin: 0;
}
.plus-pricing-price{
background-color: #eee;
padding: 0.9375em 1.25em;
}
.plus-pricing-price h3{
margin: 0;
}
.plus-pricing-details{
padding: 0.9375em;
color:#000;
}
/* ////////////////////////// */
/* Picture Caption */
.plus-pic{
border: solid 2px #ccc;
position: relative;
}
.plus-pic > img{
width:100%;
}
.plus-pic a{
color:#fff;
text-decoration: none;
}
.plus-pic > .plus-badge{
background-color: #5DCE0C;
padding: 2px 5px;
position: absolute;
color: #fff;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.plus-pic > .btn{
position: absolute;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.plus-pic > .right-top{
right:-7px;
top:10px;
}
.plus-pic > .left-top{
left:-7px;
top:10px;
}
.plus-pic > .left-bottom{
left:-7px;
bottom:10px;
}
.plus-pic > .right-bottom{
right:-7px;
bottom:10px;
}
/* /////////////// */
/* Image Hovers */
.plus-pic .plus-hover{
visibility: hidden;
}
.plus-pic:hover .plus-hover{
visibility: visible;
}
/* /////////// */
.plus-empty-5{
content: " ";
height: 5px;
}
.plus-empty-10{
content: " ";
height: 10px;
}
.plus-empty-20{
content: " ";
height: 20px;
}
.plus-empty-30{
content: " ";
height: 30px;
}
.plus-empty-40{
content: " ";
height: 40px;
}
.plus-empty-50{
content: " ";
height: 50px;
}
/* Post */
.plus-post{
position: relative;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.plus-post > .arrow-right{
position: absolute;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #ccc;
right: -10px;
top: 10px;
}
.plus-social-tools > a{
margin-left: 10px;
text-decoration: none;
}
.plus-social-tools{
margin-top: 5px;
}
/* Metro Nav */
.plus-metro{
background-color: transparent;
border: none;
box-shadow: none;
border-bottom: none;
position: absolute;
left:-20px;
z-index: 999;
overflow: visible;
}
.plus-metro.plus-metro-right{
right:20px;
}
.plus-metro-nav a{
text-decoration: none;
}
.navbar .nav > li > .plus-metro:after {
border-bottom: none;
}
.navbar .nav > li > .plus-metro:before {
border-bottom:none;
}
.plus-metro-nav{
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}
.plus-metro-nav .box{
height: 100px;
margin: 5px;
display: table;
}
.plus-metro-nav .box.red{
background-color: #D32C2C;
}
.plus-metro-nav .box.lightblue{
background-color: #00A8EC;
}
.plus-metro-nav .box.darkblue{
background-color: #0061DC;
}
.plus-metro-nav .box.green{
background-color: #43B51F;
}
.plus-metro-nav .box.purple{
background-color: #640F6C;
}
.plus-metro-nav .box.orange{
background-color: #43B51F;
}
.plus-metro-nav .box.facebook{
background-color: #3C5B9B;
}
.plus-metro-nav .box.pink{
background-color: #D6668F;
}
.plus-metro-nav .box.deviant{
background-color: #455449;
}
.plus-metro-nav .box.brown{
background-color: #BF7A30;
}
.plus-metro-nav .box > h5{
color: #fff;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.plus-metro-nav .box > h5 > i{
margin-right: 5px;
}
.plus-metro-nav .box.height2{
height: 210px;
}
.plus-metro-nav .box.height3{
height: 320px;
}
.plus-metro-nav .span6.box{
padding-right: 0px;
}
.plus-metro > .arrow-up {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid black;
position: absolute;
left:40px;
top:-1px;
}
@media (max-width: 980px) {
.plus-metro-nav{
height: auto !important;
z-index: 999;
left:0px;
position: static !important;
float: none;
clear: both;
width: 100%;
}
.plus-metro{
top: auto;
float: none;
}
.plus-metro-nav > a{
padding: 0px !important;
}
.plus-metro > .arrow-up{
display: none;
}
}
@media (max-width: 767px) {
.plus-metro-nav .box{
position: static;
width:90px;
height: 90px;
float: left;
}
}
Reference in New Issue View Git Blame Copy Permalink