mirror of
https://github.com/e107inc/e107.git
synced 2025-08-31 10:01:56 +02:00
Initial Bootstrap 5 theme added.
This commit is contained in:
111
e107_themes/bootstrap5/style.css
Normal file
111
e107_themes/bootstrap5/style.css
Normal file
@@ -0,0 +1,111 @@
|
||||
body {
|
||||
padding-top: 56px;
|
||||
}
|
||||
|
||||
body.layout-home {
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
body.layout-singlelogin {
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* featurebox defaults */
|
||||
#e107bootstrapcarousel .carousel-item {
|
||||
height: 65vh;
|
||||
min-height: 300px;
|
||||
background: no-repeat center center scroll;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#e107fullpagecarousel .carousel-item {
|
||||
height: 100vh;
|
||||
min-height: 300px;
|
||||
background: no-repeat center center scroll;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
background-color: #272B30;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
ul.social-buttons li a {
|
||||
font-size: 20px;
|
||||
line-height: 50px;
|
||||
display: block;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
color: #fff;
|
||||
border-radius: 100%;
|
||||
outline: 0;
|
||||
background-color: #212529;
|
||||
}
|
||||
|
||||
|
||||
/* fix for comment avatar */
|
||||
|
||||
.rounded-circle img.rounded {
|
||||
border-radius: 50%!important;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.offset1 {
|
||||
margin-left: 8.33333%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.list-group-item.active a {
|
||||
z-index: 2;
|
||||
color: #fff;
|
||||
background-color: #007bff;
|
||||
border-color: #007bff;
|
||||
}
|
||||
|
||||
/* fix for caret bootstrap user nav */
|
||||
.profile-photo-small {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* fix for fixed-top on login page - to save custom header */
|
||||
.layout-singlelogin .fixed-top {
|
||||
position: initial;
|
||||
}
|
||||
|
||||
/* fix for too small core login box width */
|
||||
|
||||
#login-template {
|
||||
max-width: 95%;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
#login-template {
|
||||
max-width: 500px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* fix for too big margin */
|
||||
#login-template .login-page-footer {
|
||||
margin-bottom: initial;
|
||||
}
|
||||
|
||||
/* */
|
||||
.jumbotron {
|
||||
padding: 2rem 1rem;
|
||||
margin-bottom: 2rem;
|
||||
background-color: #e9ecef;
|
||||
border-radius: .3rem;
|
||||
}
|
||||
|
||||
/* CUSTOM Responsive Styles */
|
Reference in New Issue
Block a user