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