WebSVN – LeadersLinked - Antes de SPA – Diff – /public/look-and-field/style-cesa.scss

 body {
     overflow-y: scroll;
+}
-header {
-    float: left;
-    width: 100%;
-    /*background-color: #0961bf; border-bottom: 8px #1dac98 solid;*/
-    background-color: white;
-    border-bottom: 1px solid #afafaf;
-}
-.search-bar {
-    margin-top: 10px;
-}
-.user-account {
-    border-left: none;
-    border-right: none;
-    display: flex;
-    height: 56px;
-    align-items: center;
-    justify-content: space-between;
-}
-.mail_menu {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    /* gap: 0.5rem; */
-}
-.search-bar form input {
+header {
-    width: 100%;
-    background-color: #fff;
-    height: 30px;
-    color: #b2b2b2;
-    font-size: 12px;
-    border: 0;
-    padding: 0 10px;
-    border-radius: 25px;
-}
-.search-bar form button i {
-    /* color: #0a0a0a; */
-    color: #fff;
-    font-size: 20px;
-    font-weight: bold;
-}
-.search-bar form button {
-    position: absolute;
-    top: 0;
-    right: 0;
-    background-color: #efefef;
-    width: 38px;
-    height: 100%;
-    /*border: 0;*/
-    border-radius: 25px;
-}
-.username-dt {
-    float: left;
-    width: 100%;
-    /*background-color: #1dac98; */
-    /* background-color: #F7EE9F; */
-    background-color: #1eb89e;
-    padding-top: 40px;
-}
-.widget-about img {
-    float: none;
-    padding-top: 0px;
-}
-.modal-notificacion {
-    /* color: #0961bf !important; */
-    color: #0961bf !important;
-}
-.view-all-nots>a {
-    /* background-color: #0961bf; */
+    width: 100%;
-    background-color: #0961bf;
-}
-/* .notification-box {top: 24px !important; } */
-.comment_box form button {
-    /* background-color: #0961bf; */
-    background-color: #0860bf !important;
-    color: #ffffff;
-    height: 38px;
+    background-color: $bg-color;
-    font-size: 15px !important;
-}
-.comment_box form button:hover {
-    /* background-color: #0961bf; */
-    background-color: #1e5591 !important;
-}
-.chat-mg span {
-    /* background-color: #0961bf !important; */
-    background-color: #0961bf !important;
-}
-.post-project h3 {
-    background-color: #1dac98;
-}
-.chat-msg p {
-    background-color: #1dac98;
-}
-.con-title {
-    /* background-color: #0961bf !important; */
-    background-color: #0961bf !important;
-}
-.typing-msg form button {
-    /* color: #0961bf; */
-    color: #0961bf;
+    border-bottom: 1px solid $border-primary;
+}
 .msg-numbers {
-    background-color: #1dac98;
-}
-.search_form form button {
-    /* background-color: #0961bf; */
-    background-color: #0961bf;
-}
-.bk-links li i.la-envelope {
-    /* background-color: #0961bf; */
-    background-color: #0961bf;
+    background-color: #1dac98;
+}
 .message-btn a {
 .theme-green .back-bar .pointer {
     background-color: #0961bf;
-}
-.like-com li a.active {
-    color: #0961bf;
-}
-.like-com li button {
-    color: #bebebe;
-    font-size: 0.95rem;
-}
-.btn-feed-share {
-    font-size: 0.95rem;
-    color: #929292;
-}
-.btn-feed-share i {
-    margin-right: 5px;
+}
 .btn-unlike,
 .btn-like {
-    color: #0961bf;
-}
-.btn-profile-cancel {
-    background-color: #e44d3a;
-    border: none;
-    display: inline-block;
-    padding: 0 12px;
-    color: #fff;
-    height: 35px;
-    line-height: 35px;
+    color: #0961bf;
+}
 .display-reactions {
     border-radius: 5px;
     background-repeat: no-repeat;
     background-position-x: 100%;
     background-position-y: 5px;
+}
-/* .mf-field > button {
-    width: 1.7rem;
-    white-space: nowrap;
-    overflow: hidden;
-    border: none !important;
-}
-.mf-field button i {
-    margin-right: 5px;
-    font-size: 1.5rem;
-}
-.mf-field > button:hover{
-    color: #fff !important;
-    text-shadow: 2px 2px 2px #0003 !important;
-    border: none !important;
-} */
 .msgs_icons-container {
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
     width: 30px;
     border-radius: 50px;
     padding: 0;
     transition: all 0.2s;
     color: #0860bf;
-}
-.messages-sec .icon:hover {
-    background-color: #efefef;
-}
-.messages-page>.container h1 {
-    font-weight: 600;
+    &:hover {
-    font-size: 2rem;
+        background-color: #efefef;
-    text-align: left;
     margin-bottom: 1.5rem;
+}
 .messages-list>.messages_conversation-search {
     transition: all 0.2s;
     padding: 10px 20px;
-    position: relative;
-    overflow: hidden;
-}
+    position: relative;
+    overflow: hidden;
+    input {
-.messages-list>.messages_conversation-search.hide {
+        outline: none;
-    height: 0;
-    padding: 0;
+        box-shadow: none;
-}
+        border: 1px solid #e6e6e6;
+    }
-.messages-list>.messages_conversation-search input {
+    &.hide {
+        height: 0;
-    outline: none;
+        padding: 0;
     box-shadow: none;
     border: 1px solid #e6e6e6;
 .actions-common-com li .com img {
     margin-right: 10px;
-}
-.widget-about button {
-    background-color: $button-bg;
+}
 .copylink a {
     background-color: #0961bf;
 .place-bid-btn {
     background-color: #0961bf !important;
-}
-.widget-about button:hover {
-    background-color: $button-bg-hover;
+}
 .user-info img {
     /* width: 30px; height: 30px; */
     width: 100%;
     padding: 12px 20px;
     position: relative;
     transition: all 0.3s;
     vertical-align: middle;
     margin: 0;
-    float: right;
     text-transform: uppercase;
+}
 #skills-box ul {
 .btn-trans:hover {
     color: #929292 !important;
-}
-.like-com li a:hover {
-    color: #007bff;
+}
 .job-status-bar>a:hover {
     color: #1e5591 !important;
 .suggestion-usd>span i:hover {
     background-color: #f4e6a6;
-}
-.bk-links li i {
-    background-color: #0961bf;
+}
 .view-more>.btn {
     background-color: #0961bf;
 .star-descp ul li i {
     color: #cacf8c;
-}
-.hre {
-    background-color: #0961bf;
+}
 .hire-us {
     background-color: #0961bf;
+}
-.company-up-info {
-    background-color: #ffff;
-}
-body {
-    background-color: #f5f5f7;
-}
-.comment_box input {
+.company-up-info {
-    background-color: #efefef;
+    background-color: #ffff;
+}
-.post_with_border {
-    border-left: 4px solid #1eb89e;
-}
 .user-fw-status {
-    background-color: transparent;
+.post_with_border {
-    margin-bottom: 1rem;
+    border-left: 4px solid #1eb89e;
+}
 .feed-comment-container {
     margin-top: 1rem;
-}
-.comment_box input {
-    background-color: #fff;
-    margin-top: 1rem;
+}
 .pagination li .page-link {
     color: #0961bf;
+}
-.comment-section {
-    background-color: #f5f5f7;
-}
-nav ul li a {
-    color: $font-color;
-    transition: 0.2s linear;
-    font-size: 1rem;
-}
-nav ul li a:hover {
-    color: $font-color;
-}
-.like-com li a:hover {
+.comment-section {
-    color: #1eb89e;
+    background-color: #f5f5f7;
+}
 .user-info a {
     color: #18516f;
-}
+}
-/* .user-info img {width: 30px; height: 30px; } */
 .modal-footer button {
-    /* color: #fff; */
+.modal-footer button {
     background-color: #0961bf;
     border: none;
+}
-.border-none {
-    border: none !important;
-}
-.auth-footy-sec {
-    background-color: initial;
-}
-.auth-footy-sec ul li a {
-    font-size: 1rem;
-}
-.btn.focus,
-.btn:focus {
-    outline: 0;
-    box-shadow: none;
-}
-.auth-footy-sec p {
-    font-size: 1rem;
-}
-.modal-content input {
-    border-radius: 5px;
-}
-.modal-content select {
+.border-none {
-    border-radius: 5px;
+    border: none !important;
+}
 /* .modal-header {background-color: #f2f2f2; padding: 0px; border-bottom: 0px; } */
 .usr-pic>img {
-    width: 80%;
-}
-.user-specs {
-    padding: 39px 0 10px 0;
-}
-.username-dt {
-    padding-top: 10px;
-    border-radius: 5px 5px 0 0;
+    width: 80%;
+}
-.sign_link {
+.user-specs {
-    /* border-top: 1px solid #6c757d; */
+    padding: 39px 0 10px 0;
+}
-.job-status-bar {
-    /* background-image: linear-gradient(#f5f5f7, #ffff); */
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    /* border-radius: 10px; */
-}
-.comment_box form button {
-    width: 20%;
-    margin-top: 1rem;
-}
-.comment_box input {
-    width: 371px;
-    border-radius: 5px;
-    color: black;
-    font-weight: 400;
-}
-.like-com li a {
+.job-status-bar {
-    color: #0961bf;
+    /* background-image: linear-gradient(#f5f5f7, #ffff); */
     display: flex;
     justify-content: space-between;
-.like-com li a:hover {
+    align-items: center;
     border-radius: 2px;
     /* top: 10px; */
     font-size: 16px;
+}
-.mail_menu>.notification {
-    margin-bottom: 0.25rem;
-}
 .text-submenu {
     color: #0961bf;
+}
 .rc-anchor-checkbox-label {
     font-size: 10px !important;
-}
-.rc-anchor-normal .rc-anchor-content {
-    width: 165px !important;
-}
-.rc-anchor-normal .rc-anchor-pt {
-    text-align: center;
-}
-.rc-anchor-normal {
-    zoom: 87%;
+}
 .comment {
     padding-right: 10px;
     background-color: $bg-color;
     display: flex;
     flex-direction: column;
     gap: 5px;
     text-align: start;
-}
-.microlearning-up-info img {
-    float: none;
-    object-fit: cover;
-}
-.microlearning-up-info h3 {
-    color: $title-color;
-    font-size: 18px;
-    font-weight: 600;
-    margin-bottom: 10px;
-}
-.microlearning-up-info h4 {
+    img {
-    color: $subtitle-color;
-    font-size: 14px;
-    font-weight: 500;
-    margin-bottom: 21px;
-}
-.microlearning-up-info ul {
-    width: 100%;
+        object-fit: cover;
+    }
-}
+    h3 {
+        color: $title-color;
+        font-size: 18px;
-.microlearning-up-info ul li {
+        font-weight: 600;
+        margin-bottom: 10px;
+    }
+    h4 {
-    display: flex;
+        color: $subtitle-color;
+        font-size: 14px;
+        font-weight: 500;
+        margin-bottom: 21px;
+    }
+    ul {
+        width: 100%;
+        li {
-}
+            display: flex;
-.microlearning-up-info ul li a {
+            a {
-    display: inline-block;
+                display: inline-block;
-    padding: 0 12px;
+                padding: 0 12px;
+                color: $font-color;
+                height: 35px;
+                line-height: 35px;
+                i {
+                    font-size: 24px;
+                    position: relative;
+                    top: 3px;
+                }
     color: $font-color;
-    height: 35px;
-    line-height: 35px;
-}
-.microlearning-up-info ul li a i {
     font-size: 24px;
     position: relative;
     top: 3px;
-/**** INICIO breadcrumb ***/
-ul.breadcrumb {
-    padding: 10px 16px;
-    list-style: none;
-    background-color: #f5f5f7;
-}
+/**** INICIO breadcrumb ***/
+ul.breadcrumb {
+    padding: 10px 16px;
+    list-style: none;
+    background-color: #f5f5f7;
-ul.breadcrumb li {
-    display: inline;
+    li {
-    font-size: 14px;
+        display: inline;
-}
+        font-size: 14px;
-ul.breadcrumb li+li:before {
+        &+li:before {
-    padding: 8px;
+            padding: 8px;
-    color: black;
-    content: ">\00a0";
+            color: black;
-}
+            content: ">\00a0";
+        }
+        a {
+            color: #0275d8;
-ul.breadcrumb li a {
+            text-decoration: none;
     color: #0275d8;
-    text-decoration: none;
-}
-ul.breadcrumb li a:hover {
-    color: #01447e;
-    text-decoration: underline;
-}
-/**** FIN breadcrumb ***/
+            &:hover {
                 color: #01447e;
-.user-fw-status li {
+                text-decoration: underline;
     padding: 2px 0;
     display: inline-block;
     color: #000000;
     font-size: 16px;
     font-weight: 500;
     padding: 18px 0;
-}
-#cke-description .cke_path_item,
-#cke_2_path {
-    display: none !important;
+}

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/public/look-and-field/style-cesa.scss – Rev 5125 → 5126