mirror of
https://github.com/ENSL/ensl.org.git
synced 2025-01-01 07:11:41 +00:00
6f56bf81fd
Improved layout Improved form styling Fixes issues with firefox Added menu icons
174 lines
1.8 KiB
SCSS
174 lines
1.8 KiB
SCSS
/*
|
|
Users Listing
|
|
*/
|
|
|
|
#users {
|
|
table-layout: auto;
|
|
|
|
.country,
|
|
.age {
|
|
width: 5%;
|
|
}
|
|
|
|
.username,
|
|
.name {
|
|
width: 30%;
|
|
}
|
|
|
|
.steamid {
|
|
width: 20%;
|
|
}
|
|
|
|
.actions {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
/*
|
|
Profile
|
|
*/
|
|
|
|
#user {
|
|
@include span-columns(12);
|
|
|
|
.tabbed-contents {
|
|
margin-bottom: em(20);
|
|
}
|
|
}
|
|
|
|
#profile {
|
|
|
|
.controls {
|
|
@include shift(0);
|
|
}
|
|
|
|
.tab {
|
|
|
|
h4 {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.fields:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
#user-profile {
|
|
|
|
.photo {
|
|
@include span-columns(12);
|
|
margin: em(20) 0;
|
|
text-align: center;
|
|
|
|
img {
|
|
display: inline-block;
|
|
float: none;
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
#user-data {
|
|
@include span-columns(12);
|
|
margin-bottom: em(20);
|
|
|
|
h2,
|
|
h3,
|
|
h4 {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.group {
|
|
@include span-columns(6);
|
|
|
|
dd a {
|
|
float: none;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
tbody td {
|
|
&:first-child,
|
|
&:nth-child(2) {
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
Agenda
|
|
*/
|
|
|
|
#agenda {
|
|
|
|
h4 {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
table {
|
|
margin-bottom: em(20);
|
|
}
|
|
|
|
form {
|
|
@include span-columns(12);
|
|
margin-bottom: em(20);
|
|
}
|
|
|
|
.tab {
|
|
:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
#teams {
|
|
|
|
table {
|
|
margin-bottom: em(40);
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
Messages
|
|
*/
|
|
|
|
#messages {
|
|
h1 {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.tab {
|
|
|
|
:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.message {
|
|
@include span-columns(12);
|
|
margin-bottom: em(20);
|
|
|
|
.subject {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.content {
|
|
margin-bottom: em(20);
|
|
}
|
|
|
|
a.message {
|
|
display: inline;
|
|
margin: 0;
|
|
float: none;
|
|
}
|
|
|
|
&.highlight {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.back {
|
|
margin-top: em(20);
|
|
}
|
|
}
|