mirror of https://github.com/sipwise/ngcp-csc.git
Sass/css files need a cleanup to remove unnecessary code, remove duplicates, and combine classes/create mixins if possible. Some sass/css is left over from the theme we imported, and some was used while developing, but not reverted later without cleanup. Change-Id: Icb2cde2c544a18fb547742e9f93f932b41b3a593changes/32/10032/3
Robert Axelsen
9 years ago
parent
63f2c19e67
commit
6564015177
@ -1,4 +0,0 @@
|
|||||||
// custom rules
|
|
||||||
.account-username {
|
|
||||||
margin-left: 40px;
|
|
||||||
}
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
.weather-panel {
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weather-image-container {
|
|
||||||
height: 80px;
|
|
||||||
width: 100px;
|
|
||||||
float: left;
|
|
||||||
background: #82d9EA;
|
|
||||||
text-align: center;
|
|
||||||
padding-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.weather-details-container {
|
|
||||||
color: $progress-bar-background-color;
|
|
||||||
line-height: 20px;
|
|
||||||
float: left;
|
|
||||||
padding: 20px;
|
|
||||||
|
|
||||||
:first-child{
|
|
||||||
margin-bottom: 4px;
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,62 +0,0 @@
|
|||||||
.forms-specialoffer {
|
|
||||||
background-color: $wizard-primary-background-color;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 24px;
|
|
||||||
font-weight: 300;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.specialoffer-outer {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
padding: 0 1.4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.specialoffer-outer:before {
|
|
||||||
content: '';
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.specialoffer-inner {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.specialoffer-icon-wrap {
|
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
|
||||||
padding: 1.2em;
|
|
||||||
height: 100px;
|
|
||||||
width: 100px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.specialoffer-text {
|
|
||||||
font-weight: 400;
|
|
||||||
margin: 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.specialoffer-discount {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 1.2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.specialoffer-link {
|
|
||||||
padding: 1em 1.2em .3em;
|
|
||||||
font-size: 1.2em;
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.specialoffer-link:before {
|
|
||||||
padding-right: 0.5em;
|
|
||||||
}
|
|
||||||
@ -1,404 +0,0 @@
|
|||||||
.userProfile-container {
|
|
||||||
.userProfilePic {
|
|
||||||
border: 4px solid $base-border-color;
|
|
||||||
@include border-radius($circle-border-radius);
|
|
||||||
}
|
|
||||||
|
|
||||||
.userProfileName {
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight:bold;
|
|
||||||
line-height: 30px;
|
|
||||||
color: $color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.userProfileDesc {
|
|
||||||
color:$color;
|
|
||||||
line-height:16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-profile-desc {
|
|
||||||
.x-box-item, .x-layout-box-item {
|
|
||||||
&:before {
|
|
||||||
color: $base-color;
|
|
||||||
margin-right: 12px;
|
|
||||||
font-size: 18px;
|
|
||||||
position: relative;
|
|
||||||
top: 2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color:$color;
|
|
||||||
text-decoration:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box {
|
|
||||||
margin-left: 40px;
|
|
||||||
line-height: 14px;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 18px;
|
|
||||||
&:before {
|
|
||||||
margin-left: -20px;
|
|
||||||
color: $base-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.x-toolbar {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.about-me-wrap {
|
|
||||||
border-top:1px solid $base-border-color;
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
margin:0;
|
|
||||||
font-size:16px;
|
|
||||||
font-weight: 600;
|
|
||||||
padding:14px 0 10px 0;
|
|
||||||
display:block;
|
|
||||||
margin-left: 20px;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
font-size:18px;
|
|
||||||
font-weight: normal;
|
|
||||||
color: $base-color;
|
|
||||||
margin-right:12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin:0;
|
|
||||||
padding: 0 20px 20px 26px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.likes-friends-wrap {
|
|
||||||
text-align: center;
|
|
||||||
border-top: 1px solid $base-border-color;
|
|
||||||
|
|
||||||
.x-panel {
|
|
||||||
margin-top:12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.friends-count-wrap {
|
|
||||||
border-left: 1px solid $base-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.large-icon {
|
|
||||||
&:before {
|
|
||||||
color: $base-color;
|
|
||||||
font-size: 35px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-padding {
|
|
||||||
&:before {
|
|
||||||
padding: 16px;
|
|
||||||
color: $base-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tall-separator {
|
|
||||||
height: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-ellipsis-v {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.likes-value,.friends-value {
|
|
||||||
font-size:16px;
|
|
||||||
line-height:24px;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comments {
|
|
||||||
margin-bottom:10px;
|
|
||||||
|
|
||||||
img.profile-icon {
|
|
||||||
height:50px;
|
|
||||||
width:50px;
|
|
||||||
border:2px solid $base-border-color;
|
|
||||||
@include border-radius($circle-border-radius);
|
|
||||||
float:left;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 14px;
|
|
||||||
margin: 0 10px 12px 0;
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
span {
|
|
||||||
margin-left:8px;
|
|
||||||
font-size:18px;
|
|
||||||
position:relative;
|
|
||||||
top:2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.from-now {
|
|
||||||
float:right;
|
|
||||||
|
|
||||||
span {
|
|
||||||
margin-right: 5px;
|
|
||||||
font-size: 16px;
|
|
||||||
position:relative;
|
|
||||||
top:1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-wrap {
|
|
||||||
margin-left:65px;
|
|
||||||
|
|
||||||
.content {
|
|
||||||
margin-bottom: 15px;
|
|
||||||
white-space: normal;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.sub-comments {
|
|
||||||
margin: 0 0 10px 60px;
|
|
||||||
border-bottom: 1px solid $base-border-color;
|
|
||||||
|
|
||||||
.like-comment-btn-wrap {
|
|
||||||
border-bottom:none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.like-comment-btn-wrap {
|
|
||||||
text-align: right;
|
|
||||||
padding-bottom: 15px;
|
|
||||||
border-bottom: 1px solid $base-border-color;
|
|
||||||
|
|
||||||
button {
|
|
||||||
margin-left: 15px;
|
|
||||||
height: 30px;
|
|
||||||
width: 30px;
|
|
||||||
background-color: $like-comment-btn-background-color;
|
|
||||||
font-size: 14px;
|
|
||||||
color: $color;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.x-grid-item,.x-grid-item-over {
|
|
||||||
background:$lightest-color;
|
|
||||||
border:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.x-grid-item:last-child {
|
|
||||||
border-bottom: none;
|
|
||||||
|
|
||||||
.like-comment-btn-wrap {
|
|
||||||
border-bottom: none;
|
|
||||||
padding-bottom:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comments {
|
|
||||||
margin-bottom:0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.x-grid-cell-inner {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.timeline-item {
|
|
||||||
.line-wrap {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
width: 50px;
|
|
||||||
height: 100%;
|
|
||||||
border-right: solid 2px $base-color;
|
|
||||||
left: 0;
|
|
||||||
top: 70px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.profile-pic-wrap {
|
|
||||||
width: 100px;
|
|
||||||
float: left;
|
|
||||||
font-size: 10px;
|
|
||||||
text-align: center;
|
|
||||||
position: relative;
|
|
||||||
background: $lightest-color;
|
|
||||||
padding: 5px 0;
|
|
||||||
|
|
||||||
img {
|
|
||||||
height:46px;
|
|
||||||
width:46px;
|
|
||||||
@include border-radius($circle-border-radius);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.contents-wrap {
|
|
||||||
margin: 0 0px 15px 110px;
|
|
||||||
border:1px solid $base-border-color;
|
|
||||||
position: relative;
|
|
||||||
padding: 15px;
|
|
||||||
white-space: normal;
|
|
||||||
|
|
||||||
&:before, &:after {
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
border-top: 9px solid transparent;
|
|
||||||
border-bottom: 9px solid transparent;
|
|
||||||
border-right: 9px solid $base-border-color;
|
|
||||||
margin: 15px 0 0 -9px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
border-top: 9px solid transparent;
|
|
||||||
border-bottom: 9px solid transparent;
|
|
||||||
border-right: 9px solid $lightest-color;
|
|
||||||
margin: 15px 0 0 -8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shared-by,.followed-by {
|
|
||||||
font-size:12px;
|
|
||||||
line-height:18px;
|
|
||||||
margin-bottom:10px;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $base-color;
|
|
||||||
text-decoration:none;
|
|
||||||
font-weight:bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.shared-img {
|
|
||||||
width: 100%;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.job-meeting a {
|
|
||||||
color: $base-color;
|
|
||||||
text-decoration:none;
|
|
||||||
font-weight:bold;
|
|
||||||
margin-bottom:10px;
|
|
||||||
display:block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.article-comment {
|
|
||||||
border-left: 5px solid $base-border-color;
|
|
||||||
padding: 10px 20px;
|
|
||||||
|
|
||||||
span {
|
|
||||||
margin-right:10px;
|
|
||||||
color: $article-comment-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.followed-by {
|
|
||||||
img {
|
|
||||||
height:32px;
|
|
||||||
width:32px;
|
|
||||||
@include border-radius($circle-border-radius);
|
|
||||||
margin-right:5px;
|
|
||||||
float:left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.followed-by-inner {
|
|
||||||
margin-left: 40px;
|
|
||||||
padding: 5px 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.profiledescription-social-toolbar {
|
|
||||||
border-top: 1px solid $base-border-color !important;
|
|
||||||
}
|
|
||||||
@media (max-width: 450px) {
|
|
||||||
.userProfile-container .comments {
|
|
||||||
h4,
|
|
||||||
.from-now {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
.from-now {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 350px) {
|
|
||||||
.timeline-items-wrap {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 420px) {
|
|
||||||
.profiledescription-social-toolbar {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.user-notifications,
|
|
||||||
.timeline-items-wrap {
|
|
||||||
padding:15px;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.timeline-epoch {
|
|
||||||
width: 100px;
|
|
||||||
background: $lightest-color;
|
|
||||||
text-align: center;
|
|
||||||
padding: 7px 5px;
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 15px;
|
|
||||||
color: $base-color;
|
|
||||||
font-size: 14px;
|
|
||||||
border: solid 3px $base-color;
|
|
||||||
@include border-radius(3px);
|
|
||||||
font-weight:bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.timeline-item-last {
|
|
||||||
.line-wrap:before {
|
|
||||||
// remove the connector line below the last item
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 320px) {
|
|
||||||
.phone {
|
|
||||||
.user-profile-desc {
|
|
||||||
height: 380px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.userProfile-container {
|
|
||||||
.icon-padding:before {
|
|
||||||
padding: 16px 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.timeline-items-wrap {
|
|
||||||
.x-dataview-item {
|
|
||||||
.timeline-item:before {
|
|
||||||
height: 540px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
.search-result-attachment {
|
|
||||||
width: 160px;
|
|
||||||
height: 100px;
|
|
||||||
}
|
|
||||||
Loading…
Reference in new issue