Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Projets publics
Sympa
Commits
ff3af89d
Commit
ff3af89d
authored
May 04, 2018
by
IKEDA Soji
Browse files
Several other fixups on css.tt2
parent
f96a584d
Changes
1
Hide whitespace changes
Inline
Side-by-side
default/web_tt2/css.tt2
View file @
ff3af89d
...
...
@@ -209,7 +209,7 @@ dfn {
hr {
display: block;
height: 1px;
border-to
p
: 1px solid [% color_9 %];
border-
bot
to
m
: 1px solid [% color_9 %];
margin: 1em 0;
}
...
...
@@ -393,7 +393,13 @@ button, input {
line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"], a.button{
button[type="button"],
button[type="reset"],
button[type="submit"],
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button {
cursor: pointer;
*overflow: visible;
display: inline-block;
...
...
@@ -408,7 +414,13 @@ button, input[type="button"], input[type="reset"], input[type="submit"], a.butto
transition: background-color 300ms ease-out;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, a.button:hover {
button[type="button"]:hover,
button[type="submit"]:hover,
button[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
a.button:hover {
background: [% color_5 %] none no-repeat scroll bottom left;
}
...
...
@@ -443,6 +455,11 @@ input:invalid, textarea:invalid {
opacity:0.5;
}
[%# To align buttons in messages moderate form in reveal modal. ~%]
div.reveal form[id*="moderate_"] {
display: inline-block;
}
div.columns {
overflow: hidden;
text-overflow: ellipsis;
...
...
@@ -696,12 +713,12 @@ header h1{
text-align:center;
padding:0.5rem 0 2rem 0;
margin:0;
background-color:[% color_7 %];
background-color:[% color_7 %];
[%~# FIXME %]
}
/* main element */
main{
background-color:[% color_7 %];
background-color:[% color_7 %];
[%~# FIXME %]
padding-bottom:2rem;
[% IF top_menu %]
min-height:450px;
...
...
@@ -718,7 +735,7 @@ main.home{
main h1.robot_name{
width:100%;
margin:0;
background-color:[% color_7 %];
background-color:[% color_7 %];
[%~# FIXME %]
letter-spacing: 0.1rem;
text-align: center;
z-index:10;
...
...
@@ -737,9 +754,13 @@ main h1.robot_name{
list-style-type:none;
}
aside
li a {
#sympa-sub-bar
li a {
padding-bottom: 0.5em;
padding-top: 0.5em;
}
[%# To include link to review page, <a> would be inline,
but to align accordion icons, parents of submenus would be block. ~%]
#sympa-sub-bar li:not(.is-accordion-submenu-parent) a {
display: inline;
}
...
...
@@ -769,11 +790,13 @@ main h1.robot_name{
aside nav menu.connect ul li > ul.menu li input{
height:1.5rem;
}
[% IF 0 # No longer used. ~%]
aside nav menu li.divider, aside nav menu [role="separator"] {
display:block;
margin:0!important;
border-bottom: 1px solid [% color_5 %];
}
[%~ END # IF 0 %]
#sympa-sub-bar menu {
width:98%;
max-width:250px;
...
...
@@ -785,6 +808,15 @@ main h1.robot_name{
background-color:[% color_8 %];
border:1px solid [% color_6 %];
}
#sympa-sub-bar menu.user li.divider,
#sympa-sub-bar menu.user [role="separator"],
#sympa-sub-bar menu.list li.divider,
#sympa-sub-bar menu.list [role="separator"],
#sympa-sub-bar menu.sympa li.divider,
#sympa-sub-bar menu.sympa [role="separator"] {
border-top: 1px solid [% color_6 %];
margin: 0.5rem 0;
}
aside nav menu a {
color:[% color_6 %];
...
...
@@ -847,11 +879,12 @@ main h1.robot_name{
}
[%# Compat. with Foundation 5 ~%]
#sympa-sub-bar menu ul {
background-color:
inheri
t;
#sympa-sub-bar menu
>
ul {
background-color:
transparen
t;
margin: 1em 0;
}
#sympa-sub-bar menu ul li a {
background-color: transparent;
padding: 0;
}
/* end aside */
...
...
@@ -2061,13 +2094,13 @@ nav menu form{
background-color: [% color_6 %];
}
[%# properly set active list item color when not hovered ~%]
#sympa-top-bar ul li.active a:not(.button) {
#sympa-top-bar
menu
ul li.active
>
a:not(.button) {
background-color: [% color_5%];
}
#sympa-top-bar ul li a:not(.button):hover {
#sympa-top-bar
menu
ul li a:not(.button):hover {
background-color: [% color_5%];
}
nav menu
button{
.top-bar
button
{
top:0;
background-color:[% color_7 %];
color:[% color_6 %];
...
...
@@ -2150,7 +2183,7 @@ nav menu button{
}
[%~ END # IF 0 %]
[%# Founation
6
~%]
[%#
Compat. with
Founation
5
~%]
.top-bar {
height: 45px;
line-height: 45px;
...
...
@@ -2171,23 +2204,24 @@ nav menu button{
#sympa-nav-bar > menu > ul {
font-size: 0;
}
}
[%#
Foundation for Sites 6 stacks top-bar-left on top-bar-right by default.
To prevent this behavior, rebuilding SCSS is required.
As a workaround, make top-bar-left a zero-height block and top-bar-right
be overlying.
Note: this block is kept global to prevent fluttering in transition to
small mode.
~%]
#sympa-top-bar .top-bar-left {
height: 0;
margin: 0;
overflow: visible;
width: 16.7%; /* Corresponds large-2 columns */
[%# Show logo in the front ~%]
position: relative;
z-index: 2;
}
}
/* end top-bar */
...
...
@@ -2212,7 +2246,8 @@ main nav menu ul li.active a:not(.button) {
line-height:30px;
background-color: [% color_13 %];
}
main nav menu ul li, main nav menu ul li a:not(.button) {
main nav menu ul li,
main nav menu ul li a:not(.button) {
background-color: [% color_10%];
line-height: 30px;
font-size:0.8rem;
...
...
@@ -2221,20 +2256,29 @@ main nav menu ul li a:not(.button):hover {
background-color: [% color_13%]!important;
}
main nav menu > ul > .divider, main nav menu > ul > [role="separator"] {
[%# Divider for vertical menu. ~%]
nav menu ul .divider,
nav menu ul [role="separator"] {
border-top: solid 1px #1a1a1a; [%~# FIXME %]
}
[%# Divider for top bar. ~%]
header nav menu > ul > .divider,
header nav menu > ul > [role="separator"],
aside nav menu > ul > .divider,
aside nav menu > ul > [role="separator"] {
border-right: solid 1px [% color_5%];
}
main nav menu > ul > .divider,
main nav menu > ul > [role="separator"] {
border-right: solid 1px [% color_13 %];
height: 30px;
}
[%# FIXME:is this used? ~%]
main nav menu .has-dropdown > a:after {
top: 18px;
}
main nav menu > ul > .divider, main nav menu > ul > [role="separator"] {
border-right: solid 1px [% color_13 %];
height: 30px;
}
main nav menu ul.menu li:not(.active) > a:not(.button) {
background-color: [% color_10 %];
}
...
...
@@ -2321,7 +2365,7 @@ span.fa-stack i.fa-plus-circle {
}
h2 {
font-size: 1.3em;
margin-top: 0;
[%~IF 0%]
margin-top: 0;
[%END%]
}
h3 {
font-size: 1.1em;
...
...
@@ -2351,7 +2395,7 @@ span.fa-stack i.fa-plus-circle {
}
h2 {
font-size: 1.3em;
margin-top: 0;
[%~IF 0%]
margin-top: 0;
[%END%]
}
h3 {
font-size: 1.1em;
...
...
@@ -2375,10 +2419,12 @@ span.fa-stack i.fa-plus-circle {
padding-top: 0;
padding-bottom: 0;
}
[% IF 0 # Maybe no longer used ~%]
nav menu ul.menu li > span {
display: block;
padding-left: 10px;
}
[%~ END # IF 0 %]
#sympa-top-bar menu .menu li:not(.active) > a:not(.button) {
background-color: [% color_6 %];
}
...
...
@@ -2401,6 +2447,9 @@ span.fa-stack i.fa-plus-circle {
line-height: 45px;
padding: 0 1rem;
}
.title-bar .menu-text {
font-size: 13px;
}
header .title-bar {
background-color: [% color_6 %];
}
...
...
@@ -2418,7 +2467,7 @@ span.fa-stack i.fa-plus-circle {
background-color: [% color_6 %];
}
[%# properly set active list item color when not hovered ~%]
#sympa-sub-bar ul li.active a:not(.button) {
#sympa-sub-bar ul li.active
>
a:not(.button) {
background-color: [% color_5%];
}
#sympa-sub-bar ul li a:not(.button):hover {
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment