Skip to content
GitLab
Commit ff3af89d authored by IKEDA Soji's avatar IKEDA Soji
Browse files

Several other fixups on css.tt2

parent f96a584d
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-top: 1px solid [% color_9 %];
border-bottom: 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: inherit;
#sympa-sub-bar menu > ul {
background-color: transparent;
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 {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment