chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

add variable img path and svg path - refs #2681

Browse Source
pull/2818/head
Alex Aragón 6 years ago
parent 8277af83c6
commit 86f41a343d
3 changed files with 128 additions and 156 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 149
      assets/css/base.css
  2. 127
      assets/css/scss/_base.scss
  3. 8
      assets/css/scss/_variables.scss

149
assets/css/base.css
Unescape View File

@ -715,139 +715,6 @@ form .form .freeze {
background-color: #F5F5F5;
color: #666;
}
/* Social Profile */
.social-post .mediaPost {
padding-top: 10px;
padding-bottom: 5px;
margin-bottom: 5px;
}
.social-post .sub-mediapost {
padding-left: 20px;
margin-left: 20px;
}
.top-mediapost .user-image img,
.sub-mediapost .user-image img {
width: 50px;
height: 50px;
max-width: 50px;
max-height: 50px;
}
.top-mediapost .user-image,
.sub-mediapost .user-image {
vertical-align: top;
}
.top-mediapost .user-image .avatar-thumb,
.sub-mediapost .user-image .avatar-thumb {
border: 1px solid #dddddd;
margin-bottom: 5px;
margin-right: 5px;
}
.top-mediapost .user-data .username a,
.sub-mediapost .user-data .username a {
font-size: 14px;
font-weight: normal;
}
.top-mediapost .user-data .time,
.sub-mediapost .user-data .time {
color: #9197a3;
}
.top-mediapost .msg-content .img-post .thumbnail,
.sub-mediapost .msg-content .img-post .thumbnail {
border: 1px solid #dddddd;
}
.top-mediapost .msg-content p,
.sub-mediapost .rep-post .msg-content p {
margin-top: 5px;
margin-bottom: 20px;
line-height: 22px;
padding-right: 10px;
color: #666666;
}
.top-mediapost .user-image, .top-mediapost .user-data,
.sub-mediapost .rep-post .user-image, .sub-mediapost .rep-post .user-data {
display: inline-block;
}
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
overflow: hidden !important;
padding: 0;
position: relative;
height: 300px;
}
.scroll-wrapper > .scroll-content {
border: none !important;
box-sizing: content-box;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
.scroll-element, .scroll-element div {
box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default;
}
.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
height: 0;
width: 0;
}
/* video chat */
@ -915,19 +782,3 @@ form .form .freeze {
padding-right: 5px;
border-radius: 5px;
}
.score-title {
color: #162a83;
font-weight: bold;
font-size: 16px;
}
.score-limits {
padding-top: 5px;
padding-bottom: 5px;
}
.score-limits .score-img {
display: inline-block;
padding-right: 5px;
}

127
assets/css/scss/_base.scss
Unescape View File

@ -1365,7 +1365,7 @@ footer {
}
#lp-accordion .panel-default .panel-heading {
background: url(../../public/img/icons/svg/arrow-down.svg) #FFF right center no-repeat;
background: url(#{$svg-path}/arrow-down.svg) #FFF right center no-repeat;
border-radius: 10px;
}
@ -1520,7 +1520,7 @@ footer {
top: 0;
display: block;
content: ' ';
background: url(../../public/img/icons/svg/coursestudent_na.svg);
background: url(#{$svg-path}/coursestudent_na.svg);
width: 132px;
height: 132px;
border-radius: 0;
@ -1531,7 +1531,7 @@ footer {
input.register-profile[value='5']:checked:after {
-webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
background: url(../../public/img/icons/svg/coursestudent.svg);
background: url(#{$svg-path}/coursestudent.svg);
border-color: #E4CE80;
transition: all 250ms ease;
will-change: transition;
@ -1542,7 +1542,7 @@ footer {
top: 0;
display: block;
content: ' ';
background: url(../../public/img/icons/svg/coursemanager_na.svg);
background: url(#{$svg-path}/coursemanager_na.svg);
width: 132px;
height: 132px;
border-radius: 0;
@ -1553,7 +1553,7 @@ footer {
input.register-profile[value='1']:checked:after {
-webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
background: url(../../public/img/icons/svg/coursemanager.svg);
background: url(#{$svg-path}/coursemanager.svg);
border-color: #76CDE4;
transition: all 250ms ease;
will-change: transition;
@ -2827,7 +2827,78 @@ footer {
top: -12px;
}
/****** SCROLL WRAPPER ******/
.scroll-wrapper {
overflow: hidden !important;
padding: 0;
position: relative;
height: 300px;
.scroll-content {
border: none !important;
box-sizing: content-box;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto;
}
.scroll-element{
div {
box-sizing: content-box;
}
}
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default;
}
.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
height: 0;
width: 0;
}
/****************************/
.date-attendance {
color: #666;
@ -3153,4 +3224,48 @@ table.certaintyTable {
&:hover{
background: lawngreen;
}
}
}
/****** SOCIAL PROFILE ******/
.social-post{
.mediaPost {
padding-top: 10px;
padding-bottom: 5px;
margin-bottom: 5px;
}
.sub-mediapost {
padding-left: 20px;
margin-left: 20px;
.user-image{
vertical-align: top;
.avatar-thumb{
border: 1px solid #dddddd;
margin-bottom: 5px;
margin-right: 5px;
}
img {
width: 50px;
height: 50px;
max-width: 50px;
max-height: 50px;
}
}
}
.top-mediapost{
.user-image{
vertical-align: top;
.avatar-thumb{
border: 1px solid #dddddd;
margin-bottom: 5px;
margin-right: 5px;
}
img {
width: 50px;
height: 50px;
max-width: 50px;
max-height: 50px;
}
}
}
}

8
assets/css/scss/_variables.scss
Unescape View File

@ -77,4 +77,10 @@ $offscreen-size : 280px;
$font-primary: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
$font-secondary: $font-primary;
$font-size-base: 0.875rem;
$font-size-base: 0.875rem;
// ---------------------------------------------------------
// IMAGE PATH
// ---------------------------------------------------------
$svg-path: "../img/icons/svg/";
$img-path: "../img/icons/";
Write Preview
Loading…
Cancel
Save