Skip to content
GitLab
Commit 39be32c4 authored by Côme Bernigaud's avatar Côme Bernigaud Committed by Benoit Mortier
Browse files

Fixes #3239 Improving tabs

parent 154987e0
dev 6342-update-the-locales-for-1-5 6344-template-issue-when-creating-a-template-with-empty-password-error-message-should-not-be-seen 6365-core-locking-mechanism-is-not-changing-the-mail-ressource-it-does-lock-the-mail-account 6365-core-when-lock-mechanism-is-trigger-the-user-should-not-be-editable-if-not-unlock 6378-orcid-test-method-is-wrong-and-break-orcid-saving core-php8 master fusiondirectory-1.5 fusiondirectory-1.4 fusiondirectory-1.3.1 fusiondirectory-1.3 fusiondirectory-1.2.3 fusiondirectory-1.2.2 fusiondirectory-1.2.1 fusiondirectory-1.2 fusiondirectory-1.1.1 fusiondirectory-1.1 fusiondirectory-1.0.20 fusiondirectory-1.0.19 fusiondirectory-1.0.18 fusiondirectory-1.0.17 fusiondirectory-1.0.16 fusiondirectory-1.0.15 fusiondirectory-1.0.14 fusiondirectory-1.0.13 fusiondirectory-1.0.12 fusiondirectory-1.0.11 fusiondirectory-1.0.10 fusiondirectory-1.0.9.3 fusiondirectory-1.0.9.2 fusiondirectory-1.0.9.1 fusiondirectory-1.0.9 fusiondirectory-1.0.8.9 fusiondirectory-1.0.8.8 fusiondirectory-1.0.8.7 fusiondirectory-1.0.8.6 fusiondirectory-1.0.8.5 fusiondirectory-1.0.8.4 fusiondirectory-1.0.8.3 fusiondirectory-1.0.8.2 fusiondirectory-1.0.8.1
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 43 additions and 119 deletions
+43 -119
html/themes/default/tabs.css
+ 43
− 119
View file @ 39be32c4
table.tabs_header { table.tabs_header {
width:100%; width:100%;
border:none; border:none;
border-spacing:0px; border-spacing:0px;
font-family:arial,helvetica,sans-serif;
text-decoration:none;
color:#00008F;
font-size:13px;
font-weight:bold;
} }
/* tabs header */
table.tabs_header > tbody > tr > td { table.tabs_header > tbody > tr > td {
padding:0; padding:0;
vertical-align:bottom; vertical-align:bottom;
...@@ -15,153 +20,72 @@ table.tabs_header > tbody > tr > td:last-child { ...@@ -15,153 +20,72 @@ table.tabs_header > tbody > tr > td:last-child {
width:auto; width:auto;
} }
div.tab_content { table.tabs_header > tbody > tr > td > div > a {
padding:4px; display:inline-block;
width:auto; border-radius:5px 5px 0 0;
background-color:#F8F8F8; text-align:center;
border-style:solid; background-color:#D0D0D0;
border-color:#AAA; border:1px solid #999;
border-top-width:0px; margin-top:5px;
border-bottom-width:1px; padding-top:1px;
border-left-width:1px; padding-left:8px;
border-right-width:1px; padding-right:8px;
padding-bottom:5px;
transition:margin .4s ease, padding .4s ease;
}
table.tabs_header > tbody > tr > td > div > a:hover {
margin-top:0;
padding-top:2px;
padding-bottom:7px;
} }
div.tab_active { table.tabs_header > tbody > tr > td > div > a.tab_active {
text-align:center;
background-color:#f8f8f8; background-color:#f8f8f8;
border-style:solid; border-bottom:0;
border-color:#999;
border-top-width:1px;
border-bottom-width:0;
border-left-width:1px;
border-right-width:1px;
margin-top:0; margin-top:0;
padding-top:2px; padding-top:2px;
padding-bottom:8px; padding-bottom:8px;
padding-left:8px;
padding-right:8px;
} }
div.tab_notify { table.tabs_header > tbody > tr > td > div > a.tab_notify {
background-image:url(../../geticon.php?context=status&icon=dialog-information&size=16); background-image:url(../../geticon.php?context=status&icon=dialog-information&size=16);
background-repeat:no-repeat; background-repeat:no-repeat;
background-position:1px 1px; background-position:1px 1px;
} }
html.ltr div.tab_notify { html.ltr table.tabs_header > tbody > tr > td > div > a.tab_notify {
padding-left:18px; padding-left:18px;
} }
html.rtl div.tab_notify { html.rtl table.tabs_header > tbody > tr > td > div > a.tab_notify {
padding-right:18px; padding-right:18px;
} }
div.tab_left { html.ltr table.tabs_header > tbody > tr > td > div > a.tab_left {
text-align:center;
background-color:#D0D0D0;
border-style:solid;
border-color:#999;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:0; border-right-width:0;
margin-top:5px;
padding-top:1px;
padding-bottom:5px;
padding-left:8px;
padding-right:8px;
} }
html.rtl div.tab_left { html.rtl table.tabs_header > tbody > tr > td > div > a.tab_left {
border-left-width:0; border-left-width:0;
border-right-width:1px;
} }
div.tab_right { html.ltr table.tabs_header > tbody > tr > td > div > a.tab_right {
text-align:center;
background-color:#D0D0D0;
border-style:solid;
border-color:#999;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:0; border-left-width:0;
border-right-width:1px;
margin-top:5px;
padding-top:1px;
padding-left:8px;
padding-right:8px;
padding-bottom:5px;
} }
html.rtl div.tab_right { html.rtl table.tabs_header > tbody > tr > td > div > a.tab_right {
border-left-width:1px;
border-right-width:0; border-right-width:0;
} }
div.tab_near_active { table.tabs_header > tbody > tr > td > div.tab_border {
text-align:center; border-bottom:1px solid #999;
background-color:#D0D0D0;
border-style:solid;
border-color:#999;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
margin-top:5px;
padding-top:1px;
padding-left:8px;
padding-right:8px;
padding-bottom:5px;
} }
div.tab_border { /* tabs content */
width:100%; div.tab_content {
padding:4px;
width:auto;
background-color:#F8F8F8;
border-style:solid; border-style:solid;
border-color:#999; border-color:#AAA;
border-top-width:0; border-top-width:0px;
border-bottom-width:1px; border-bottom-width:1px;
border-left-width:0; border-left-width:1px;
border-right-width:0; border-right-width:1px;
}
a.tab_active,input.tab_active {
border:0;
margin:0;
height:22px;
font-family:arial,helvetica,sans-serif;
text-decoration:none;
color:#00008F;
font-size:13px;
font-weight:bold;
}
a.tab_right,input.tab_right {
height:20px;
border:0;
margin:0;
font-family:arial,helvetica,sans-serif;
text-decoration:none;
color:#00008F;
font-size:13px;
font-weight:bold;
}
a.tab_left,input.tab_left {
height:20px;
border:0;
margin:0;
font-family:arial,helvetica,sans-serif;
text-decoration:none;
color:#00008F;
font-size:13px;
font-weight:bold;
}
a.tab_near_active,input.tab_near_active {
height:20px;
border:0;
margin:0;
font-family:arial,helvetica,sans-serif;
background-color:#D0D0D0;
text-decoration:none;
color:#00008F;
font-size:13px;
font-weight:bold;
} }
  • bmortier @bmortier

    mentioned in issue #1083 (closed)

    By Côme Chilliet on 2017-09-02T15:11:58 (imported from GitLab)

     ·

    mentioned in issue #1083 (closed)

    By Côme Chilliet on 2017-09-02T15:11:58 (imported from GitLab)

    Toggle commit list
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