diff --git a/plugins/unl_theme/css/planetred.css b/plugins/unl_theme/css/planetred.css index 22ae32ef8f5b4f2a1f6eb183498925751340f00f..fcb8ea7ef112c16c1afef654281980ff8154df48 100644 --- a/plugins/unl_theme/css/planetred.css +++ b/plugins/unl_theme/css/planetred.css @@ -2,6 +2,9 @@ border: none; } +.elgg-layout img { + border-radius: 3px; +} .form-inline .form-group{ width: 80%; @@ -81,8 +84,8 @@ h3 { } } -.elgg-menu-hz > li, .elgg-menu-hz > li:after, .elgg-menu-hz > li > a, .elgg-menu-hz > li > span { - vertical-align: baseline; +.elgg-subtext { + font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; } a.elgg-button { @@ -93,38 +96,556 @@ a.elgg-button { margin-top: 1em; } -.elgg-menu-filter > li { +.elgg-menu-filter { + padding: 0; +} + +.elgg-htabs > li, .elgg-htabs > li:after, .elgg-htabs > li > a, .elgg-htabs > li > span { + position: relative; + display: inline-block; +} +.elgg-htabs > li, .elgg-htabs > li:after, .elgg-htabs > li > a, .elgg-htabs > li > span { + vertical-align: middle; +} + +.nav-pills.elgg-menu-hz > li, .nav-pills.elgg-htabs > li { border: none; background-color: #5b5b5a; border-radius: 0; color: #fff; font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; font-size: 0.75em; + margin-right: 1em; } -.elgg-menu-filter > li.elgg-state-selected{ +.nav-pills.elgg-menu-hz > li.active, .nav-pills.elgg-htabs > li.active { background-color: #909090; } -.elgg-menu-filter > .elgg-state-selected > a { +.nav-pills.elgg-menu-hz > .active > a, .nav-pills.elgg-htabs > .active > a { background-color: #909090; top: 0; margin-bottom: 0; } -.elgg-menu-filter > li > a:hover { +.nav-pills.elgg-menu-hz > li > a:hover, .nav-pills.elgg-htabs > li > a:hover { background: #d00000; color: #fff; } -.elgg-menu-filter > li a{ +.nav-pills.elgg-menu-hz > li a, .nav-pills.elgg-htabs > li a{ background-color: #5b5b5a; color: #fff; height: 2.2em; margin-bottom: 0; } -.elgg-menu-filter { +.nav-pills.elgg-menu-hz, .nav-pills.elgg-htabs { border-bottom: 1px solid #787878; } +.nav-pills.elgg-menu-hz > li > a, .nav-pills.elgg-htabs > li > a{ + padding:4px 10px; +} + +ul.nav-pills.nav-stacked, ul.elgg-menu-owner-block, ul.nav-pills.elgg-htabs { + list-style-type: none; + padding: 0; +} + +ul.elgg-menu.elgg-menu-hz.nav.nav-pills { + padding: 0; +} + +.elgg-menu a { + margin-bottom: 0; +} +} + +ul.elgg-list.elgg-list-river { + padding: 0; +} + +.elgg-list h3 { + margin: 0; +} + +.elgg-list-river > li, .elgg-list > li { + border-bottom: none; + box-shadow: 0px 1px 3px rgba(0,0,0,0.3); + margin-bottom: 1em; + list-style-type: none; + border-top: 5px solid #5b5b5a; + background-color: #eceae3; + padding: 1em; + border-radius: 6px; +} + +.elgg-list-river > li:hover { + border-top: 5px solid #d00000; +} + +.elgg-image-block .elgg-image { + float: left; + padding: 1em; +} + +.elgg-avatar { + position: relative; + display: inline-block; +} + +.elgg-avatar img{ + border-radius: 100%; + overflow: hidden; +} + +ul.elgg-list { + padding: 0; +} + +.elgg-list-river .elgg-body, .thewire-post .elgg-body, .elgg-list .elgg-body{ + padding: 1em; + float: right; + width: calc(100% - 132px); +} + +.elgg-item.elgg-item-user .elgg-body{ + padding: 1em; + float: right; + width: calc(100% - 234px); +} + +.elgg-river-message:before, .thewire-post .elgg-content:before, #profile-details .wire-status:before { + display: block; + content: ""; + height: 14px; + width: 14px; + background-color: inherit; + position: absolute; + top: 15px; + left: -9px; + transform: rotate(45deg); + border: 1px solid #ccc; + z-index: 2; +} + +.elgg-river-message:after, .thewire-post .elgg-content:after, #profile-details .wire-status:after { + display: block; + content: ""; + height: 16px; + width: 16px; + background-color: inherit; + position: absolute; + top: 15px; + left: -7px; + transform: rotate(45deg); + z-index: 3; + visibility: visible; +} + +.elgg-river-attachments, .elgg-river-message, .elgg-river-content, .thewire-post .elgg-content, #profile-details .wire-status { + position: relative; + margin-bottom: .75em; +} + + +.elgg-river-message, .thewire-post .elgg-content, #profile-details .wire-status{ + border-radius: 6px; + display: inline-block; + background-color: #fefdfa; + box-shadow: 1px 1px 2px rgba(0,0,0,.25); + padding: 1em; + margin: 0 0 .5em 0; + border:1px solid #ccc; +} + +.elgg-river-content{ + border-left:3px solid #00BD3C; + padding: .75em 1em 0.4em 1em; +} +.elgg-river-attachments{ + border-left:3px solid #1B9AE8; + padding: .75em 1em 0.4em 1em; +} + +.elgg-river-summary, .thewire-post .elgg-subtext, .elgg-list .elgg-subtext { + font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; + font-size: .75em; + margin: .5em 0 .75em 0; +} + +ul.elgg-menu-hover { + padding: 0; +} + +.fa-lg{ + margin: 0 0.5em; +} + +.elgg-list-river .elgg-body .fa-lg.elgg-icon-arrow-right, .thewire-post .elgg-body .fa-lg.elgg-icon-arrow-right { + vertical-align: 75%; +} + +.elgg-owner-block { + text-align: center; +} + +.elgg-menu-extras { + padding: 0; +} + +.elgg-owner-block h3 { + margin: 0; +} + +.elgg-owner-block .elgg-image { + float: none; + width:100%; +} + +.elgg-avatar-large > a > img { + height: auto; +} + +ol.breadcrumb { + display: none; +} + +ul.elgg-tags { + min-height: 16px; + padding: 0; + list-style: none; + margin-bottom: 10px; + font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; + font-size: 1em; + +} + +ul.elgg-tags li{ + display: inline-block; +} + +li.elgg-tag { + background-color: #fff; + padding: .422em .75em; + margin: 0 .75em 0.75em 0; + text-transform: uppercase; + box-shadow: 0px 2px 4px RGBA(0,0,0,0.25); + vertical-align: top; +} + +.elgg-layout .pr-profile-image { + border-radius: 100%; +} + +#profile-details .PR-profile-info b, .groups-profile-fields b { + font-weight: bold; + display: inline-block; + width: 25%; +} + +#profile-details .PR-profile-info span, .groups-profile-fields span { + font-size: .75em; + display: inline-block; + width: 75%; + float: right; + line-height: 2.7em; +} + +.groups-profile-fields .elgg-icon-tag, #profile-details .elgg-icon-tag { + font-size: 1rem !important; +} + +#profile-details .even, .groups-profile-fields .even{ + background-color: rgba(236, 234, 227, 0.3); +} + +#profile-details .odd, #profile-details .even, .groups-profile-fields .odd, .groups-profile-fields .even { + font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; + padding: 1em; +} + +#profile-details .wire-status{ + margin: 0 0 2em 0; +} + +#profile-details .wire-status .elgg-body{ + font-size: 1.25em; + font-style: italic; +} + +#profile-details .wire-status .elgg-subtext{ + font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; + font-size: .75em; + font-style: normal; + margin: 0 0 0 1em; + text-align: right; + display: inline-block; +} + +.PR-profile-info, .groups-profile-fields { + border: 1px solid #ccc; + border-radius: 3px; +} + +.groups-profile .elgg-body { + padding: 1em 0 1em 1em; +} + +.groups-profile-fields p { + margin: 0; +} + +.PR-about-me { + margin-bottom: 2em; +} + + +#profile-details h3, .elgg-list h3 { + font-size: 1.25em; + font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; +} + +.ellg-list .elgg-menu > li > a { + margin-bottom: 0; +} + +.ellg-list .elgg-menu li .elgg-access { + font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; +} + +.elgg-river-timestamp { + white-space: nowrap; +} + +.elgg-owner-block .elgg-subtext { + font-style: italic; + font-family: "Mercury SSm A","Mercury SSm B",Georgia,Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif; +} + +#comments { + box-shadow: 0px 1px 3px rgba(0,0,0,0.3); + border-top: 5px solid #5b5b5a; + background-color: #eceae3; + border-radius: 6px; + padding: 1em; +} + +.elgg-comments .elgg-list { + margin: 0; +} + +.elgg-comments .elgg-list > li { + background-color: transparent; + box-shadow: none; + border-top:none; + padding: 0; +} + +ul.elgg-river-comments.elgg-list { + border-left: 3px solid #d00000; +} + +ul.elgg-river-comments.elgg-list > li { + background-color: transparent; + box-shadow: none; + border: none; + margin-bottom: 0; + padding: 0 1em; +} + +ul.elgg-river-comments.elgg-list li .elgg-body, .elgg-comments .elgg-list .elgg-body { + width: calc(100% - 62px); +} + +.elgg-comments .elgg-list .elgg-body .elgg-output:before, ul.elgg-river-comments.elgg-list li .elgg-body .elgg-output:before { + display: block; + content: ""; + height: 14px; + width: 14px; + background-color: inherit; + position: absolute; + top: 15px; + left: -9px; + transform: rotate(45deg); + border: 1px solid #ccc; + z-index: 2; +} + +.elgg-comments .elgg-list .elgg-body .elgg-output:after, ul.elgg-river-comments.elgg-list li .elgg-body .elgg-output:after { + display: block; + content: ""; + height: 16px; + width: 16px; + background-color: inherit; + position: absolute; + top: 15px; + left: -7px; + transform: rotate(45deg); + z-index: 3; + visibility: visible; +} + +.elgg-comments .elgg-list .elgg-image, ul.elgg-river-comments.elgg-list li .elgg-image { + margin-top: 2.3em; +} + +.elgg-comments .elgg-list .elgg-body .elgg-output p { + margin: 0; +} + +.elgg-comments .elgg-list .elgg-body .elgg-output, ul.elgg-river-comments.elgg-list li .elgg-body .elgg-output { + position: relative; + margin-bottom: .75em; + border-radius: 6px; + display: table; + background-color: #fefdfa; + box-shadow: 1px 1px 2px rgba(0,0,0,.25); + padding: 1em; + margin: 0 0 .5em 0; + border:1px solid #ccc; +} + + + + + + +ul.elgg-pagination:after { + content: ""; + display: table; + clear: both +} + +ul.elgg-pagination li { + display: block; + float: left; + font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; + font-weight: 400; + font-style: normal; + font-size: 12px; + font-size: .9230769rem; + margin: .254em; + vertical-align: middle +} + +@media (min-width: 768px) { + ul.elgg-pagination li { + font-size:13px; + font-size: .8125rem + } +} + +ul.elgg-pagination li a { + display: block; + padding: .422em .602em .317em; + border: 1px solid #d5d5d2; + transition: border ease-out .2s +} + +ul.elgg-pagination li a:active,ul.elgg-pagination li a:hover { + color: #6a0000; + border: 1px solid #6a0000 +} + +ul.elgg-pagination li.ellipsis, ul.elgg-pagination li.elgg-state-disabled { + padding: .422em .602em .317em +} + +ul.elgg-pagination li.active, ul.elgg-pagination li.elgg-state-selected { + padding: .422em .602em .317em; + color: #fff; + background-color: #5b5b5a; + border: 1px solid #5b5b5a +} + +ul#groups-tools > li { + border-radius: 3px; + padding: 1em; + border:1px solid #ccc; +} + +ul#groups-tools { + padding: 0; +} + +#groups-tools .elgg-module { + margin-bottom: 0; +} + +.elgg-gallery li h3 { + margin: 0; + font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; + font-size: 1.25em; +} + +.nav-pills.nav-stacked { + text-align: center; +} + + +ul.elgg-menu.elgg-menu-hover-admin { + padding: 0; +} +.elgg-menu-hover-admin .elgg-menu-hover-actions, ul.elgg-menu.elgg-menu-hover-admin, ul.elgg-menu.elgg-menu-hover-actions { + padding: 0; +} + +ul.elgg-menu.elgg-menu-hover { + padding: .75em; + min-height: 4em; + box-shadow: 0px 1px 3px rgba(0,0,0,0.3); + border-radius: 6px; +} + +ul.elgg-menu.elgg-menu-hover li { + font-family: "Gotham SSm A","Gotham SSm B",Verdana,"Verdana Ref",Geneva,Tahoma,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",sans-serif; + list-style: none; + padding: 0; +} + +.file-photo { + text-align: left; +} + +@media (max-width: 1600px) { + .groups-profile-fields b { + display: block; + width: 100%; + float: none; + } + .groups-profile-fields span { + display: block; + width: 100%; + float: none; + } +} + +@media (max-width: 900px) { + + .groups-profile .elgg-image { + float: none; + width: 100%; + padding: 0; + } + .groups-profile .elgg-body { + width: 100%; + padding: 0; + } +} + +@media (max-width: 756px) { + + #profile-details .PR-profile-info b { + display: block; + width: 100%; + float: none; + } + #profile-details .PR-profile-info span { + display: block; + width: 100%; + float: none; + } +} + diff --git a/plugins/unl_theme/css/unl_theme.css b/plugins/unl_theme/css/unl_theme.css index bdee8ffe107754ae7a475191db7ed199b1f90a74..528850f4962cb987564f630fa07328544d1c8805 100755 --- a/plugins/unl_theme/css/unl_theme.css +++ b/plugins/unl_theme/css/unl_theme.css @@ -51,9 +51,6 @@ .elgg-form-avatar-upload label { margin-bottom:10px; } -.nav-pills > li > a { - padding:4px 10px; -} .selectpicker { margin-top:5px; margin-bottom:5px;