Skip to content
Snippets Groups Projects
Commit f1406abc authored by spennythug's avatar spennythug
Browse files

Styling my brains out

parent f5a895ac
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
plugins/unl_theme/css/planetred.css
+ 529
− 8
View file @ f1406abc
......@@ -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;
}
}
plugins/unl_theme/css/unl_theme.css
+ 0
− 3
View file @ f1406abc
......@@ -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;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment