2 To change this license header, choose License Headers in Project Properties.
3 To change this template file, choose Tools | Templates
4 and open the template in the editor.
7 Created on : 17.02.2016, 23:55:45
12 @import url("frameworks/bootstrap/css/bootstrap.min.css");
13 @import url("frameworks/bootstrap/css/bootstrap-theme.min.css");
14 @import url("frameworks/font-awesome/css/font-awesome.min.css");
15 @import url("frameworks/jasny/css/jasny-bootstrap.min.css");
16 @import url("frameworks/bootstrap-select/css/bootstrap-select.min.css");
17 @import url("frameworks/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css");
18 @import url("frameworks/ekko-lightbox/ekko-lightbox.min.css");
19 @import url("frameworks/justifiedGallery/justifiedGallery.min.css");
20 @import url("frameworks/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css");
21 @import url("font/open_sans/open-sans.css");
26 background-color: $bgcolor;
27 background-image: url("$background_image");
28 background-size: $background_size_img;
31 font-family: 'Open Sans',sans-serif;
37 text-decoration: none;
40 body a:hover, body a:focus, body a:active, body a.active, body .btn-link:hover{
42 color: $link_hover_color;
43 text-decoration: none;
52 border-color: rgba(238, 238, 238, $contentbg_transp);
68 * standard page elements
80 padding: 0 12px 0 12px;
82 background-color: #aaa;
87 * Overwriting and Extend Bootstrap
90 color: #fff !important;
98 -webkit-box-shadow: none;
100 -moz-box-shadow: none;
101 background-image: none;
104 outline: 0!important;
113 color: #7a7a7a!important;
121 color: $btn_primary_color !important;
123 .btn-primary:hover, .btn-primary:focus {
124 background: $btn_primary_hover_color;
125 text-decoration: none;
127 .btn-primary:active, .btn-primary.active {
129 background: $btn_primary_hover_color !important;
135 .btn-link:focus, .btn-link:hover {
140 color: #fff!important;
142 .btn-info:hover, .btn-info:focus {
143 background: #59d6e4!important;
144 text-decoration: none;
146 .btn-info:active, .btn-info.active {
152 /*background: #6fdbe8;*/
153 background: $link_color;
154 color: #fff!important;
156 .btn-main:hover, .btn-main:focus {
157 /*background: #59d6e4!important;*/
158 background: $link_hover_color !important;
159 text-decoration: none;
161 .btn-main:active, .btn-main.active {
163 /*background: #59d6e4;*/
164 background: $link_hover_color;
168 header #site-location {
182 text-shadow: 1px 1px 2px rgba(0,0,0,.5);
184 font-family: tahoma, "Lucida Sans", sans;
189 header #banner #logo-img {
190 mask: url('img/friendica-25.png');
191 -webkit-mask-image: url('img/friendica-25.png');
192 background-color: $nav_icon_color;
214 @media (min-width: 992px) {
215 .topbar ul.nav>li>a {
217 padding-bottom: 15px;
221 @media (max-width: 991px) {
222 .topbar ul.nav>li>a { padding-left: 10px; padding-right: 10px; };
224 .topbar .dropdown-footer {
227 .topbar .dropdown-header {
234 .topbar .dropdown-header .dropdown-header-link {
239 .topbar .dropdown-header .dropdown-header-link a {
240 /*color: #6fdbe8!important;*/
241 color: $link_color !important;
245 .topbar .dropdown-header:hover {
250 background-color: $nav_bg;
253 color: $nav_icon_color;
255 #topbar-first .nav>li>a:hover,
256 #topbar-first .nav>li>a:focus,
257 #topbar-first .nav>.open>a,
258 nav.navbar .nav>li>a:hover,
259 nav.navbar .nav>li>a:focus{
260 background-color: $nav_icon_hover_color;
262 #topbar-first .nav>.account {
266 #topbar-first .nav>.account img {
272 #topbar-first .nav>.account .dropdown-toggle {
273 padding: 10px 5px 8px;
277 #topbar-first .nav>.account .dropdown-toggle span {
280 #topbar-first .topbar-brand {
284 #topbar-first .topbar-actions {
288 #topbar-first .topbar-nav {
289 /*position: absolute;*/
295 #topbar-first .topbar-nav .nav-segment {
299 #topbar-first .topbar-nav .nav-segment>a {
300 /* padding: 5px 10px;
302 display: inline-block;
303 /* border-radius: 2px;*/
304 text-decoration: none;
307 #topbar-first .topbar-nav .nav-segment .nav-notify {
311 background-color: #ff8989;
313 /* text-transform: uppercase;
314 display: inline-block;
315 padding: 3px 5px 4px;
317 font-size: 10px!important;
318 color: #fff!important;
319 vertical-align: baseline;
324 #topbar-first .topbar-nav .arrow:after {
329 border-color: transparent;
336 border-bottom-color: #fff;
339 #topbar-first .topbar-nav .arrow {
344 border-color: transparent;
351 border-bottom-color: rgba(0, 0, 0, .15);
355 #topbar-first .topbar-nav .dropdown-menu {
359 #topbar-first .topbar-nav .dropdown-menu ul.media-list {
363 #topbar-first .topbar-nav .dropdown-menu li {
366 #topbar-first .topbar-nav .dropdown-menu li i.approval {
372 #topbar-first .topbar-nav .dropdown-menu li i.accepted {
375 #topbar-first .topbar-nav .dropdown-menu li i.declined {
378 #topbar-first .topbar-nav .dropdown-menu li .media {
381 #topbar-first .topbar-nav .dropdown-menu li .media .img-space {
386 #topbar-first .dropdown-footer {
387 margin: 10px 10px 5px
392 color: $nav_icon_color;
394 #topbar-first .caret {
395 border-top-color: #bebebe
397 #topbar-first .btn-group>a {
398 background-color: #7f9baa
400 #topbar-first .btn-enter {
401 background-color: #7f9baa;
404 #topbar-first .btn-enter:hover {
405 background-color: #89a2b0
409 /* Notification Menu */
410 #topbar-first #nav-notifications-menu {
413 #topbar-first #nav-notifications-menu a {
417 #topbar-first #nav-notifications-menu li.notif-entry {
420 border-bottom: 1px solid #eee;
422 border-left: 3px solid #fff;
426 #topbar-first #nav-notifications-menu li.notify-unseen {
427 border-left: 3px solid #f3fcfd;
428 background-color: #f3fcfd;
430 #topbar-first #nav-notifications-menu li.notif-entry:hover {
431 background-color: #f7f7f7;
432 /*border-left: 3px solid #6fdbe8;*/
433 border-left: 3px solid $link_color;
435 /*#topbar-first #nav-notifications-menu i.accepted {
436 color: #6fdbe8!important
438 #topbar-first #nav-notifications-menu i.declined {
439 color: #ff8989!important
441 #topbar-first #nav-notifications-menu li.placeholder {
444 #topbar-first #nav-notifications-menu .media .media-body {
445 font-size: 13px!important;
446 font-weight: 600!important;
448 #topbar-first #nav-notifications-menu .media .media-body .contactname {
451 #topbar-first #nav-notifications-menu .media .media-body .label {
454 #topbar-first #nav-notifications-menu li.notif-entry .media-object a img {
459 #topbar-first .account .user-title {
462 #topbar-first .account .user-title span {
465 #topbar-first .account #main-menu .nav-notify {
469 background-color: #ff8989;
473 background-color: $nav_bg;
474 color: $nav_icon_color;
476 #topbar-first .dropdown.account>a,
477 #topbar-first .dropdown.account.open>a,
478 #topbar-first .dropdown.account>a:hover,
479 #topbar-first .dropdown.account.open>a:hover {
480 background-color: $nav_bg
483 #topbar-first #search-box .navbar-form {
487 #topbar-first #search-box .form-search {
490 background-position: 8px 4px;
492 #topbar-first #search-box .btn {
501 background-color: #fff;
503 background-image: none;
504 -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
505 -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
506 box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
507 border-bottom: 1px solid #d4d4d4
509 #topbar-second > .container {
512 @media screen and (max-width: 767px) {
513 #topbar-second > .container,
514 #topbar-second #navbar-button {
518 #topbar-second .dropdown-menu {
522 #topbar-second .dropdown-menu .divider {
525 #topbar-second #space-menu-dropdown,
526 #topbar-second #search-menu-dropdown {
529 #topbar-second #space-menu-dropdown .media-list,
530 #topbar-second #search-menu-dropdown .media-list {
534 @media screen and (max-width: 768px) {
535 #topbar-second #space-menu-dropdown .media-list,
536 #topbar-second #search-menu-dropdown .media-list {
540 #topbar-second #space-menu-dropdown form,
541 #topbar-second #search-menu-dropdown form {
544 #topbar-second #space-menu-dropdown .search-reset,
545 #topbar-second #search-menu-dropdown .search-reset {
554 #topbar-second .nav>li>a {
556 text-decoration: none;
560 text-transform: uppercase;
564 #topbar-second .nav>li>a:hover,
565 #topbar-second .nav>li>a:active,
566 #topbar-second .nav>li>a:focus {
567 /*border-bottom: 3px solid #6fdbe8;*/
568 border-bottom: 3px solid $link_color;
569 background-color: #f7f7f7;
571 text-decoration: none
573 #topbar-second .nav>li>a i {
576 #topbar-second .nav>li>a .caret {
577 border-top-color: #7a7a7a
579 #topbar-second .nav>li>ul>li>a {
580 border-left: 3px solid #fff;
581 background-color: #fff;
584 #topbar-second .nav>li>ul>li>a:hover,
585 #topbar-second .nav>li>ul>li>a.active {
586 /*border-left: 3px solid #6fdbe8;*/
587 border-left: 3px solid $link_color;
588 background-color: #f7f7f7;
591 #topbar-second .nav>li.active>a {
594 #topbar-second .nav>li>a#space-menu {
596 border-right: 1px solid #ededed
598 #topbar-second .nav>li>a#search-menu {
601 #topbar-second .nav>li>a:hover,
602 #topbar-second .nav .open>a,
603 #topbar-second .nav>li.active {
604 /*border-bottom: 3px solid #6fdbe8;*/
605 border-left: 3px solid $link_color;
606 background-color: #f7f7f7;
609 #topbar-second .nav>li.active>a:hover {
612 #topbar-second #space-menu-dropdown li>ul>li>a>.media .media-body p {
621 .nav-pills .dropdown-menu,
622 .nav-tabs .dropdown-menu,
623 .account .dropdown-menu,
624 .contact-photo-wrapper .dropdown-menu {
625 background-color: $nav_bg;
628 .nav-pills .dropdown-menu li.divider,
629 .nav-tabs .dropdown-menu li.divider,
630 .account .dropdown-menu li.divider,
631 .contact-photo-wrapper .dropdown-menu li.divider {
632 background-color: $menu_background_hover_color;
634 margin: 9px 1px!important
636 .nav-pills .dropdown-menu li,
637 .nav-tabs .dropdown-menu li,
638 .account .dropdown-menu li,
639 .contact-photo-wrapper .dropdown-menu li {
640 border-left: 3px solid $nav_bg;
642 .nav-pills .dropdown-menu li a,
643 .nav-tabs .dropdown-menu li a,
644 .account .dropdown-menu li a,
645 .contact-photo-wrapper .dropdown-menu li a {
646 color: $nav_icon_color;
651 .nav-pills .dropdown-menu li a i,
652 .nav-tabs .dropdown-menu li a i,
653 .account .dropdown-menu li a i,
654 .contact-photo-wrapper .dropdown-menu li a i {
657 display: inline-block;
660 .nav-pills .dropdown-menu li a:hover,
661 .nav-tabs .dropdown-menu li a:hover,
662 .account .dropdown-menu li a:hover,
663 .contact-photo-wrapper .dropdown-menu li a:hover,
664 .nav-pills .dropdown-menu li a:visited,
665 .nav-tabs .dropdown-menu li a:visited,
666 .account .dropdown-menu li a:visited,
667 .contact-photo-wrapper .dropdown-menu li a:visited,
668 .nav-pills .dropdown-menu li a:hover,
669 .nav-tabs .dropdown-menu li a:hover,
670 .account .dropdown-menu li a:hover,
671 .contact-photo-wrapper .dropdown-menu li a:hover,
672 .nav-pills .dropdown-menu li a:focus,
673 .nav-tabs .dropdown-menu li a:focus,
674 .account .dropdown-menu li a:focus,
675 .contact-photo-wrapper .dropdown-menu li a:focus {
678 .nav-pills .dropdown-menu li:hover,
679 .nav-tabs .dropdown-menu li:hover,
680 .account .dropdown-menu li:hover,
681 .contact-photo-wrapper .dropdown-menu li:hover,
682 .nav-pills .dropdown-menu li.selected,
683 .nav-tabs .dropdown-menu li.selected,
684 .account .dropdown-menu li.selected,
685 .contact-photo-wrapper .dropdown-menu li.selected {
686 /*border-left: 3px solid #6fdbe8;*/
687 border-left: 3px solid $link_color;
688 color: #fff!important;
689 background-color: $menu_background_hover_color !important
691 .nav-pills.preferences .dropdown .dropdown-toggle {
694 .nav-pills.preferences .dropdown.open .dropdown-toggle,
695 .nav-pills.preferences .dropdown.open .dropdown-toggle:hover {
696 background-color: $nav_bg
699 .nav-pills.preferences .dropdown .dropdown-toggle {
710 .nav-container .widget {
713 /*background-color: #fff;*/
714 background-color: rgba(255,255,255,$contentbg_transp);
715 box-shadow: 0 0 3px #dadada;
716 -webkit-box-shadow: 0 0 3px #dadada;
717 -moz-box-shadow: 0 0 3px #dadada;
725 .nav-container .widget h3 {
729 padding-bottom: 20px;
733 .nav-container .widget ul {
739 /*padding-left: 10px;*/
744 .nav-container .widget li {
750 aside .widget li:hover,
751 aside .widget li.selected,
752 .nav-container .widget li:hover {
755 /*background-color: #f7f7f7;*/
756 background-color: rgba(247, 247, 247, $contentbg_transp);
757 /*border-left: 3px solid #6fdbe8!important;*/
758 border-left: 3px solid $link_color !important;
762 aside .widget li a:hover {
766 /* forumlist widget */
767 aside #datebrowse-sidebar .posted-date-selector-months{
772 aside #datebrowse-sidebar .posted-date-selector-months li{
775 aside #datebrowse-sidebar .posted-date-selector-months li:hover{
780 aside .vcard #profile-photo-wrapper{
783 aside .vcard img.u-photo,
784 aside img.vcard-photo {
788 aside .vcard .tool .action{
795 background: rgba(0,0,0,.50);
799 -webkit-transition: all 0.25s ease-in-out;
800 -moz-transition: all 0.25s ease-in-out;
801 -o-transition: all 0.25s ease-in-out;
802 -ms-transition: all 0.25s ease-in-out;
803 transition: all 0.25s ease-in-out;
805 aside .vcard .tool a {
806 color: rgba(255,255,255,.85);
808 aside .vcard #profile-photo-wrapper:hover .tool .action {
811 aside .vcard .profile-header {
818 aside .vcard .p-addr {
821 text-overflow: ellipsis;
825 aside .vcard .detail {
833 #profile-extra-links {
836 aside .vcard #dfrn-request-link-button,
837 aside .vcard #wallmessage-link-botton {
843 aside .vcard #dfrn-request-link,
844 aside .vcard #wallmessage-link {
848 /* contact block widget */
849 #contact-block .contact-block-content {
854 #contact-block .contact-block-div {
856 margin: 0px 5px 5px 0px;
860 #contact-block contact-block-link {
863 #contact-block .contact-block-img {
870 display: none !important;
887 #jot-modal .modal-header a,
888 #profile-jot-submit-wrapper a {
891 #jot-modal .modal-header {
894 #jot-title-wrap, #jot-category-wrap {
900 #jot-text-wrap textarea {
903 #profile-jot-wrapper button#jot-submit {
911 border: 1px solid #ccc;
916 border: 1px solid #ccc;
921 padding: 10px 10px 0px 0px;
922 -webkit-border-radius: 4px;
923 -moz-border-radius: 4px;
928 width: calc(50% - 10px);
929 border: 1px solid #ccc;
930 margin: 0px 0px 10px 10px;
933 -webkit-border-radius: 4px;
934 -moz-border-radius: 4px;
942 -webkit-border-radius: 4px;
943 -moz-border-radius: 4px;
950 text-overflow: ellipsis;
952 .acl-list-item.groupshow {
953 background-color: #8DB255
955 .acl-list-item.grouphide {
956 background-color: #E68364;
965 /*background-color: #fff;*/
966 background-color: rgba(255,255,255,$contentbg_transp);
967 box-shadow: 0 0 3px #dadada;
968 -webkit-box-shadow: 0 0 3px #dadada;
969 -moz-box-shadow: 0 0 3px #dadada;
977 .panel .panel-body .wall-item-content {
980 .tread-wrapper .media {
982 word-wrap: break-word;
985 /* Thread hover effects */
986 .wall-item-container .wall-item-content a,
987 .wall-item-container .fakelink,
988 .toplevel_item .fakelink,
989 .toplevel_item .wall-item-container .btn-link,
990 .toplevel_item .wall-item-container .wall-item-responses a {
992 -webkit-transition: all 0.25s ease-in-out;
993 -moz-transition: all 0.25s ease-in-out;
994 -o-transition: all 0.25s ease-in-out;
995 -ms-transition: all 0.25s ease-in-out;
996 transition: all 0.25s ease-in-out;
999 .toplevel_item:hover .fakelink, .wall-item-container:hover .fakelink,
1000 .toplevel_item:hover .wall-item-container:hover .btn-link,
1001 .toplevel_item:hover .wall-item-container:hover .wall-item-responses a,
1002 .toplevel_item:hover .wall-item-content a,
1003 .toplevel_item:hover .wall-item-name,
1004 .wall-item-container:hover .wall-item-content a,
1005 .wall-item-container:hover .wall-item-name {
1008 -webkit-transition: all 0.25s ease-in-out;
1009 -moz-transition: all 0.25s ease-in-out;
1010 -o-transition: all 0.25s ease-in-out;
1011 -ms-transition: all 0.25s ease-in-out;
1012 transition: all 0.25s ease-in-out;
1016 .wall-item-container {
1020 /* wall items contact photo */
1025 /*maybe some adional stuff is needed for the different screen sizes */
1027 .contact-photo-image-wrapper {
1034 .contact-photo-overlay {
1042 background:rgba(0,0,0,.50);
1045 -webkit-transition: opacity .25s ease;
1046 -moz-transition: opacity .25s ease;
1048 .contact-photo-overlay:hover {
1051 .contact-photo-overlay-content {
1053 text-shadow: 1px 1px 1px #ccc;
1054 color:rgba(255,255,255,.85);
1056 vertical-align: bottom;
1063 .wwto .contact-photo {
1072 display: inline-block;
1075 /* wall items action dropdown menu */
1076 .nav-pills.preferences {
1081 .comment .nav-pills.preferences {
1085 .wall-item-network {
1089 /* wall items contact info */
1090 .media .media-body {
1093 .media .media-body h4.media-heading {
1098 .media .media-body .addional-info a,
1099 .media .media-body h5.media-heading a {
1102 .media .contact-info-xs h5 {
1113 /* The lock symbol popup */
1117 background-color: $nav_bg;
1127 color: $nav_icon_color;
1131 /* wall items content */
1132 .wall-item-content {
1133 word-break: break-word;
1135 .wall-item-content img {
1138 .shared-content-wrapper,
1143 box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05);
1145 @media screen and (max-width: 767px) {
1146 .shared-content-wrapper,
1152 .shared-content-wrapper:hover,
1154 box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .15) inset, 0 1px 1px rgba(0, 0, 0, .05);
1163 blockquote.shared_content {
1177 /* item social action buttons */
1178 .wall-item-actions, .wall-item-actions a {
1185 .wall-item-actions a:hover {
1188 .wall-item-actions-left {
1189 display: table-cell;
1190 vertical-align: middle;
1192 .wall-item-actions-right {
1195 .wall-item-actions .checkbox {
1199 .wall-item-actions .button-event {
1204 /* wall item hover effects */
1205 .wall-item-container .wall-item-links,
1206 .wall-item-container .wall-item-actions {
1208 -webkit-transition: all 0.25s ease-in-out;
1209 -moz-transition: all 0.25s ease-in-out;
1210 -o-transition: all 0.25s ease-in-out;
1211 -ms-transition: all 0.25s ease-in-out;
1212 transition: all 0.25s ease-in-out;
1214 .wall-item-container:hover .wall-item-links,
1215 .wall-item-container:hover .wall-item-actions {
1217 -webkit-transition: all 0.25s ease-in-out;
1218 -moz-transition: all 0.25s ease-in-out;
1219 -o-transition: all 0.25s ease-in-out;
1220 -ms-transition: all 0.25s ease-in-out;
1221 transition: all 0.25s ease-in-out;
1230 /*background-color: #ededed;*/
1231 background-color: rgba(237, 237, 237, $contentbg_transp);
1232 background-image: none;
1240 margin: 15px 0 10px;
1241 border-top: 1px solid #d9d9d9;
1246 .comment-container {
1249 border-top-left-radius: 3px;
1250 border-top-right-radius: 3px;
1251 border-bottom-right-radius: 0px;
1252 border-bottom-left-radius: 0px;
1255 position: relative!important;
1258 .hide-comments-outer-wrapper {
1259 /* text-align: center;
1260 margin-top: -18px;*/
1262 .hide-comments-total {
1269 .thread_level_2 .wall-item-comment-wrapper {
1272 .comment-edit-submit-wrapper {
1273 margin-bottom: 25px;
1275 .comment-edit-submit-wrapper a,
1276 .comment-edit-submit-wrapper a:hover {
1278 padding-top: 5px !important;
1279 padding-bottom: 5px !important;
1285 background-color: #ffffff;
1290 box-shadow: 0 6px 12px rgba(0,0,0,.175);
1297 .acpopupitem.selected {
1298 background-color: $nav_bg;
1299 color: $nav_icon_color;
1306 /* The wall-item thread levels */
1307 /*.wall-item-container.thread_level_3 {
1309 width: calc(100% - 90px);
1311 .wall-item-container.thread_level_4 {
1313 width: calc(100% - 105px);
1315 .wall-item-container.thread_level_5 {
1317 width: calc(100% - 120px);
1319 .wall-item-container.thread_level_6 {
1321 width: calc(100% - 135px);
1323 .wall-item-container.thread_level_7 {
1325 width: calc(100% - 150px);
1328 .wall-item-container.thread_level_3,
1329 .wall-item-container.thread_level_4,
1330 .wall-item-container.thread_level_5,
1331 .wall-item-container.thread_level_6,
1332 .wall-item-container.thread_level_7 {
1339 /*margin-left: -15px;*/
1353 /*border-bottom: 0 solid #6fdbe8;*/
1354 border-bottom: 0 solid $link_color;
1357 transition: all .15s ease;
1359 ul.tabs.visible-xs > li.active {
1360 min-width: 150px; /* This is a workaround to make the topbar-second dropdown better visible on mobile. We need something better here */
1366 color: $link_color !important;
1368 ul.tabs li:hover, ul.tabs li.active {
1369 border-bottom-width: 4px;
1371 ul.dropdown-menu li:hover {
1372 border-bottom-width: 0;
1377 .dropdown-menu li a {
1378 font-size: 13px!important;
1379 font-weight: 600!important;
1381 .dropdown-menu li a:hover, .dropdown-menu li a:visited,
1382 .dropdown-menu li a:hover, .dropdown-menu li a:focus {
1386 .dropdown-menu li:first-child {
1390 /* Notificaiotn badges */
1403 border: 2px solid #ededed;
1406 .form-control:focus {
1407 /*border: 2px solid #6fdbe8;*/
1408 border: 2px solid $link_color;
1414 .checkbox input[type="checkbox"]:focus + label::before,
1415 .checkbox input[type="radio"]:focus + label::before {
1416 /*border: 2px solid #6fdbe8;*/
1417 border: 2px solid $link_color;
1423 .form-control.form-search {
1424 border-radius: 30px;
1425 background-image: url(img/icon_search16x16.png);
1426 background-repeat: no-repeat;
1427 background-position: 10px 8px;
1430 .form-group-search {
1434 .form-group-search {
1438 .form-group-search .form-button-search {
1442 border-radius: 30px;
1448 #profile-page, .photos-content-wrapper, .settings-content-wrapper {
1450 padding-bottom: 20px;
1451 margin-bottom: 20px;
1453 /*background-color: #fff;*/
1454 background-color: rgba(255,255,255,$contentbg_transp);
1459 box-shadow: 0 0 3px #dadada;
1460 -webkit-box-shadow: 0 0 3px #dadada;
1461 -moz-box-shadow: 0 0 3px #dadada;
1463 #profile-content-standard,
1464 #profile-content-advanced {
1469 margin-bottom: 20px;
1471 .contact-block-div.forumlist-profile-advanced {
1476 * Overwriting for transparency and other colors
1478 main .nav-tabs>li.active>a,
1479 main .nav-tabs>li.active>a:focus,
1480 main .nav-tabs>li.active>a:hover {
1481 background-color: rgba(255,255,255,$contentbg_transp);