Updated theme for v4.7 (#310)

Signed-off-by: Lucas Sandery <lucas-sandery@users.noreply.github.com>
This commit is contained in:
Lucas Sandery 2018-11-24 20:39:47 +10:30 committed by Jakub Vrána
parent ea6370ef77
commit 55f11df052

View file

@ -12,13 +12,14 @@ Icons from http://FlatIcon.com:
Background from "All Work and No Play", http://thenewcode.com/1008/SVG-Movie-Backgrounds-Andys-Room-and-Overlook-Hotel Background from "All Work and No Play", http://thenewcode.com/1008/SVG-Movie-Backgrounds-Andys-Room-and-Overlook-Hotel
*/ */
html {
html,
body {
height: 100%; height: 100%;
} }
body { body {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340.6 491.8' width='56px' height='81px'%3E%3Cpolygon fill='%2370a37f' fill-opacity='0.05' points='229.9,208.7 170.5,243 111,208.7 111,140 170.5,105.7 229.9,140'/%3E%3Cpolygon fill='%2370a37f' fill-opacity='0.05' points='0,305.3 59.5,339.6 59.5,408.3 0,442.6'/%3E%3Cpolygon fill='%2370a37f' fill-opacity='0.05' points='342.8,442.6 283.3,408.3 283.3,339.6 342.8,305.3'/%3E%3Cpolygon fill='%2379b473' fill-opacity='0.05' points='91.6,0 0,52.9 0,0'/%3E%3Cpolygon fill='%2379b473' fill-opacity='0.05' points='340.6,0 340.6,52.9 248.8,0'/%3E%3Cpolygon fill='%2379b473' fill-opacity='0.05' points='21.4,264.6 102.8,311.6 102.8,431.7 -1.2,491.8 0,544.5 149.7,458.1 149.1,285.1 68.2,236.7 68.2,116.6 172.2,56.5 276.2,116.6 276.2,236.7 192.5,285 192.5,337.1 192.5,337.1 192.5,458.1 342.2,544.5 341,491.8 237,431.7 237,311.6 320.8,263.3 320.8,90.2 171.1,3.8 21.4,90.2'/%3E%3C/svg%3E"); min-height: 100%;
display: flex;
align-items: stretch;
background: #41658a;
} }
p { p {
margin-right: 0; margin-right: 0;
@ -37,7 +38,7 @@ a:visited:focus {
text-decoration: underline; text-decoration: underline;
outline: none; outline: none;
} }
:-moz-focus-inner { ::-moz-focus-inner {
border: 0; border: 0;
} }
#noindex { #noindex {
@ -48,14 +49,14 @@ input:not([type="image"]),
select, select,
textarea, textarea,
fieldset { fieldset {
border: 1px solid rgba(65, 101, 138, 0.3); border: thin solid rgba(65, 101, 138, 0.3);
} }
label { label {
white-space: nowrap; white-space: nowrap;
} }
.sqlarea { .sqlarea {
background: #fff; background: #fff;
border: 1px solid rgba(65, 101, 138, 0.3) !important; border: thin solid rgba(65, 101, 138, 0.3) !important;
width: auto !important; width: auto !important;
} }
legend { legend {
@ -73,7 +74,8 @@ input[type="button"] {
margin-right: 0; margin-right: 0;
color: #fff; color: #fff;
} }
.error, .error b { .error,
.error b {
background: #ae1010; background: #ae1010;
} }
.error b { .error b {
@ -134,9 +136,6 @@ code.jush-sql {
-webkit-box-decoration-break: clone; -webkit-box-decoration-break: clone;
-o-box-decoration-break: clone; -o-box-decoration-break: clone;
box-decoration-break: clone; box-decoration-break: clone;
box-sizing: border-box;
max-width: 100%;
overflow: auto;
} }
th > code { th > code {
background: transparent; background: transparent;
@ -145,31 +144,38 @@ th > code {
color: #fff; color: #fff;
white-space: nowrap; white-space: nowrap;
} }
/* #content,
html:lang(en) .version:before, #content > form:last-of-type,
html:lang(en) #version:before { #menu {
content: 'v'; box-sizing: border-box;
} display: flex;
*/ flex-direction: column;
#version:empty {
display: none;
} }
#content, #content,
#menu { #menu,
padding: 0 20px 2em; .rtl #content,
.rtl #menu {
margin: 0; margin: 0;
box-sizing: border-box; padding: 0 20px 1.5em;
} }
#content { #content {
min-height: 100%; order: 2;
padding-bottom: 3em; flex: 1 1 auto;
border-left: 20em solid #41658a; overflow: auto;
background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340.6 491.8' width='56px' height='81px'%3E%3Cpolygon fill='%2370a37f' fill-opacity='0.05' points='229.9,208.7 170.5,243 111,208.7 111,140 170.5,105.7 229.9,140'/%3E%3Cpolygon fill='%2370a37f' fill-opacity='0.05' points='0,305.3 59.5,339.6 59.5,408.3 0,442.6'/%3E%3Cpolygon fill='%2370a37f' fill-opacity='0.05' points='342.8,442.6 283.3,408.3 283.3,339.6 342.8,305.3'/%3E%3Cpolygon fill='%2379b473' fill-opacity='0.05' points='91.6,0 0,52.9 0,0'/%3E%3Cpolygon fill='%2379b473' fill-opacity='0.05' points='340.6,0 340.6,52.9 248.8,0'/%3E%3Cpolygon fill='%2379b473' fill-opacity='0.05' points='21.4,264.6 102.8,311.6 102.8,431.7 -1.2,491.8 0,544.5 149.7,458.1 149.1,285.1 68.2,236.7 68.2,116.6 172.2,56.5 276.2,116.6 276.2,236.7 192.5,285 192.5,337.1 192.5,337.1 192.5,458.1 342.2,544.5 341,491.8 237,431.7 237,311.6 320.8,263.3 320.8,90.2 171.1,3.8 21.4,90.2'/%3E%3C/svg%3E");
} }
.rtl #content { #content > *,
margin: 0; #content > form:last-of-type > *,
padding: 0 20px 3em; #menu > * {
border-left-style: none; flex: 0 0 auto;
border-right: 20em solid #41658a; }
#content > form:last-of-type {
flex: 1 0 auto;
}
#content > .scrollable,
#content > form:last-of-type > .scrollable {
flex: 1 1 2em;
overflow: auto;
} }
#breadcrumb { #breadcrumb {
position: relative; position: relative;
@ -197,11 +203,15 @@ thead a:visited,
} }
h1, h1,
h2 { h2 {
margin: 0 -20px 1em;
padding: 2em 20px 0.5em; padding: 2em 20px 0.5em;
border-bottom-style: none; border-bottom-style: none;
color: #fff; color: #fff;
} }
h1,
h2,
.rtl h2 {
margin: 0 -20px 1em;
}
#h1, #h1,
h2 a { h2 a {
color: inherit; color: inherit;
@ -214,19 +224,19 @@ h2 {
background: #79b473; background: #79b473;
position: relative; position: relative;
} }
.rtl h2 { h2 + *,
margin: 0 -20px 1em; h2 + .hidden + *,
} h2 + * > :first-child,
#content > form { h2 + .hidden + * > :first-child {
overflow: auto;
position: relative;
margin-top: 1em;
}
#content > form > :first-child {
margin-top: 0; margin-top: 0;
} }
h3 {
font-size: 110%;
font-weight: bold;
}
fieldset { fieldset {
display: inline-block; display: inline-block;
align-self: flex-start;
} }
.rtl fieldset { .rtl fieldset {
margin-right: 0; margin-right: 0;
@ -237,7 +247,7 @@ input.default {
box-shadow: none; box-shadow: none;
} }
input.required { input.required {
outline: 1px dashed #ec5f12; outline: thin dashed #ec5f12;
outline-offset: 1px; outline-offset: 1px;
box-shadow: none; box-shadow: none;
} }
@ -247,35 +257,33 @@ table {
} }
td, td,
th { th {
border-bottom-style: none; border-color: #dde5ef;
border-right-color: #dde5ef; border-width: 0 thin 0 0;
padding: 0.3em 0.8em 0.4em; padding: 0.3em 0.8em 0.4em;
background: rgba(65, 101, 138, 0.02); background: rgba(65, 101, 138, 0.02);
} }
.rtl td, .rtl td,
.rtl th { .rtl th {
border-right-style: none; border-width: 0 0 0 thin;
border-left: 1px solid #dde5ef; }
td a,
th a {
vertical-align: inherit;
} }
th { th {
background: rgba(65, 64, 115, 0.02); background: rgba(65, 64, 115, 0.02);
} }
td:last-child, td:last-child,
th:last-child { th:last-child {
border-right-style: none; border-width: 0;
} }
thead th, thead th,
thead td { thead td {
border-right-color: #fff; border-color: #fff;
padding: 0.5em 0.8em 0.6em; padding: 0.5em 0.8em 0.6em;
background: #414073; background: #414073;
color: #fff; color: #fff;
} }
.rtl thead th,
.rtl thead td {
border-right-style: none;
border-left-color: #fff;
}
thead th { thead th {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
@ -346,52 +354,26 @@ tbody tr:nth-child(n):hover th {
background: #4c3957 center no-repeat; background: #4c3957 center no-repeat;
background-size: 66%; background-size: 66%;
} }
.icon[src*="plus.gif"] { .icon[src*="file=plus.gif"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 456 456' style='enable-background:new 0 0 456 456;'%3E%3Cg%3E%3Cpolygon points='456,157.566 298.433,157.566 298.433,0 157.567,0 157.567,157.566 0,157.566 0,298.434 157.567,298.434 157.567,456 298.433,456 298.433,298.434 456,298.434' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 456 456' style='enable-background:new 0 0 456 456;'%3E%3Cg%3E%3Cpolygon points='456,157.566 298.433,157.566 298.433,0 157.567,0 157.567,157.566 0,157.566 0,298.434 157.567,298.434 157.567,456 298.433,456 298.433,298.434 456,298.434' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
} }
.icon[src*="minus.gif"] { .icon[src*="file=minus.gif"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 456 456' style='enable-background:new 0 0 456 456;'%3E%3Cg%3E%3Cpolygon points='456,157.566 0,157.566 0,298.434 456,298.434' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 456 456' style='enable-background:new 0 0 456 456;'%3E%3Cg%3E%3Cpolygon points='456,157.566 0,157.566 0,298.434 456,298.434' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
} }
.column a[href*="&asc%5B"], .column a[href*="&asc%5B"],
.icon[src*="up.gif"] { .icon[src*="file=up.gif"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 490 490' style='enable-background:new 0 0 490 490;' width='512px' height='512px'%3E%3Cg%3E%3Cpath d='M490,474.459H0L245.009,15.541L490,474.459z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 490 490' style='enable-background:new 0 0 490 490;' width='512px' height='512px'%3E%3Cg%3E%3Cpath d='M490,474.459H0L245.009,15.541L490,474.459z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
} }
.column a[href*="&desc%5B"], .column a[href*="&desc%5B"],
.icon[src*="down.gif"] { .icon[src*="file=down.gif"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 490 490' style='enable-background:new 0 0 490 490;' width='512px' height='512px'%3E%3Cg%3E%3Cpath d='M0,15.541h490L244.991,474.459L0,15.541z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 490 490' style='enable-background:new 0 0 490 490;' width='512px' height='512px'%3E%3Cg%3E%3Cpath d='M0,15.541h490L244.991,474.459L0,15.541z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
} }
.icon[src*="cross.gif"] { .icon[src*="file=cross.gif"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 174.239 174.239' style='enable-background:new 0 0 174.239 174.239;' width='512px' height='512px'%3E%3Cg%3E%3Cpath d='M146.537,1.047c-1.396-1.396-3.681-1.396-5.077,0L89.658,52.849c-1.396,1.396-3.681,1.396-5.077,0L32.78,1.047 c-1.396-1.396-3.681-1.396-5.077,0L1.047,27.702c-1.396,1.396-1.396,3.681,0,5.077l51.802,51.802c1.396,1.396,1.396,3.681,0,5.077 L1.047,141.46c-1.396,1.396-1.396,3.681,0,5.077l26.655,26.655c1.396,1.396,3.681,1.396,5.077,0l51.802-51.802 c1.396-1.396,3.681-1.396,5.077,0l51.801,51.801c1.396,1.396,3.681,1.396,5.077,0l26.655-26.655c1.396-1.396,1.396-3.681,0-5.077 l-51.801-51.801c-1.396-1.396-1.396-3.681,0-5.077l51.801-51.801c1.396-1.396,1.396-3.681,0-5.077L146.537,1.047z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 174.239 174.239' style='enable-background:new 0 0 174.239 174.239;' width='512px' height='512px'%3E%3Cg%3E%3Cpath d='M146.537,1.047c-1.396-1.396-3.681-1.396-5.077,0L89.658,52.849c-1.396,1.396-3.681,1.396-5.077,0L32.78,1.047 c-1.396-1.396-3.681-1.396-5.077,0L1.047,27.702c-1.396,1.396-1.396,3.681,0,5.077l51.802,51.802c1.396,1.396,1.396,3.681,0,5.077 L1.047,141.46c-1.396,1.396-1.396,3.681,0,5.077l26.655,26.655c1.396,1.396,3.681,1.396,5.077,0l51.802-51.802 c1.396-1.396,3.681-1.396,5.077,0l51.801,51.801c1.396,1.396,3.681,1.396,5.077,0l26.655-26.655c1.396-1.396,1.396-3.681,0-5.077 l-51.801-51.801c-1.396-1.396-1.396-3.681,0-5.077l51.801-51.801c1.396-1.396,1.396-3.681,0-5.077L146.537,1.047z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
} }
.column a[href="#fieldset-search"] { .column a[href="#fieldset-search"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 310.088 310.088' enable-background='new 0 0 310.088 310.088' width='512px' height='512px'%3E%3Cg%3E%3Cpath d='m299.85,250.413l-62.808-62.808c-3.982-3.982-10.437-3.982-14.418,0l-3.539,3.539-18.586-18.586c29.709-42.872 25.472-102.152-12.716-140.34-42.958-42.958-112.606-42.958-155.563,0s-42.958,112.606 0,155.563c38.189,38.188 97.468,42.425 140.34,12.716l18.586,18.586-3.539,3.539c-3.982,3.981-3.982,10.437 0,14.418l62.808,62.808c13.651,13.651 35.785,13.651 49.436,0s13.65-35.784-0.001-49.435zm-251.368-78.895c-33.921-33.921-33.921-89.115-0.001-123.036 33.922-33.921 89.117-33.922 123.037-0.001v0.001c33.922,33.921 33.922,89.115 0,123.036-16.96,16.961-39.239,25.441-61.518,25.441-22.279,0-44.558-8.48-61.518-25.441z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 310.088 310.088' enable-background='new 0 0 310.088 310.088' width='512px' height='512px'%3E%3Cg%3E%3Cpath d='m299.85,250.413l-62.808-62.808c-3.982-3.982-10.437-3.982-14.418,0l-3.539,3.539-18.586-18.586c29.709-42.872 25.472-102.152-12.716-140.34-42.958-42.958-112.606-42.958-155.563,0s-42.958,112.606 0,155.563c38.189,38.188 97.468,42.425 140.34,12.716l18.586,18.586-3.539,3.539c-3.982,3.981-3.982,10.437 0,14.418l62.808,62.808c13.651,13.651 35.785,13.651 49.436,0s13.65-35.784-0.001-49.435zm-251.368-78.895c-33.921-33.921-33.921-89.115-0.001-123.036 33.922-33.921 89.117-33.922 123.037-0.001v0.001c33.922,33.921 33.922,89.115 0,123.036-16.96,16.961-39.239,25.441-61.518,25.441-22.279,0-44.558-8.48-61.518-25.441z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
} }
.pages {
display: inline-block;
background: #4c3957;
color: #f39561;
border-color: rgba(255, 255, 255, 0.8);
border-bottom-style: none;
padding: 0.3em;
padding-right: 0.7em;
left: 20em;
margin-left: 19px;
}
.rtl .pages {
padding-right: 0.3em;
padding-left: 0.7em;
right: 20em;
margin-left: 0;
margin-right: 19px;
}
.pages span {
color: #fff;
}
.pages a {
color: #fff;
display: inline-block;
padding: 0.1em 0.4em 0.2em;
}
.loadmore { .loadmore {
margin-right: -0.4em; margin-right: -0.4em;
} }
@ -399,13 +381,14 @@ tbody tr:nth-child(n):hover th {
margin-right: 0; margin-right: 0;
margin-left: -0.4em; margin-left: -0.4em;
} }
.pages a:hover, .footer {
.pages a:focus, position: static;
.pages a:visited:hover, margin: 0.8em 0 0;
.pages a:focus:hover { border-style: none;
color: #fff; }
text-decoration: none; .footer > div {
background: #ec5f12; background: transparent;
padding: 0;
} }
#lang, #lang,
.logout { .logout {
@ -466,16 +449,12 @@ tbody tr:nth-child(n):hover th {
background-color: #ec5f12; background-color: #ec5f12;
} }
#menu { #menu {
top: 0; position: static;
width: 20em; flex: 0 0 20em;
background: #41658a;
}
.rtl #menu {
left: auto;
right: 0;
} }
h1 { h1 {
background: #414073; background: #414073;
margin-bottom: 0;
} }
#h1 { #h1 {
font-style: normal; font-style: normal;
@ -500,9 +479,11 @@ h1 {
#dbs span { #dbs span {
display: none; display: none;
} }
#menu p, #tables { #menu p,
padding: 0; #logins,
#tables {
margin: 1.5em 0 0; margin: 1.5em 0 0;
padding: 0;
border-bottom-style: none; border-bottom-style: none;
} }
#menu .message, #menu .message,
@ -551,33 +532,29 @@ button:disabled {
font-weight: normal; font-weight: normal;
background-color: #414073; background-color: #414073;
} }
#menu .links {
display: flex;
flex-wrap: wrap;
margin: 1em -5px -5px;
}
#menu .links:after { #menu .links:after {
content: " "; content: " ";
display: table; display: table;
clear: both; clear: both;
} }
#menu .links a { #menu .links a {
float: left; flex: 1 1 35%;
box-sizing: border-box; margin: 5px;
width: 48%;
width: calc(50% - 5px);
} }
.rtl #menu .links a { #logins,
float: right; #tables {
} flex: 1 1 2em;
#menu .links a:nth-child(even) { overflow: auto !important;
float: right;
}
.rtl #menu .links a:nth-child(even) {
float: left;
}
#menu .links a:nth-child(n+3) {
margin-top: 10px;
} }
#logins a, #logins a,
#tables a, #tables a,
#tables span { #tables span {
background: #41658a; background: transparent;
color: #fff; color: #fff;
} }
#logins { #logins {
@ -592,20 +569,12 @@ button:disabled {
background: transparent; background: transparent;
color: transparent; color: transparent;
position: relative; position: relative;
margin-right: 0.3em; margin: 0.3em;
margin-left: 0;
} }
.rtl #tables a.select { .rtl #tables a.select {
margin-right: 0;
margin-left: 0.3em; margin-left: 0.3em;
} margin-right: 0;
#tables a.select + a {
display: inline-block;
padding: 0.3em 0.6em 0.3em 0;
margin-top: -0.3em;
}
.rtl #tables a.select + a {
padding-right: 0;
padding-left: 0.6em;
} }
#tables a.select:after { #tables a.select:after {
content: ' '; content: ' ';
@ -618,6 +587,14 @@ button:disabled {
left: 0; left: 0;
top: -0.1em; top: -0.1em;
} }
#tables a.select:hover,
#tables a.select:focus,
#tables a.select.active {
background-color: #ec5f12;
}
#tables a.select.active ~ .structure {
font-weight: bold;
}
#routines + .links a { #routines + .links a {
margin-right: 0.45em; margin-right: 0.45em;
} }
@ -638,16 +615,15 @@ button:disabled {
margin-left: 0; margin-left: 0;
} }
@media all and (max-device-width:880px) { @media all and (max-device-width: 880px) {
body { body {
padding-bottom: 2em; padding-bottom: 2em;
} }
#content { body,
min-height: 0; #content,
border-left-style: none; #content > form:last-of-type,
} #menu {
.rtl #content { display: block;
border-right-style: none;
} }
.rtl #content, .rtl #content,
.rtl #menu, .rtl #menu,
@ -665,6 +641,8 @@ button:disabled {
overflow: auto; overflow: auto;
position: static; position: static;
white-space: nowrap; white-space: nowrap;
width: 100%;
box-sizing: border-box;
} }
.rtl #breadcrumb { .rtl #breadcrumb {
padding: 0 10px 0 0; padding: 0 10px 0 0;
@ -690,13 +668,6 @@ button:disabled {
-o-box-decoration-break: clone; -o-box-decoration-break: clone;
box-decoration-break: clone; box-decoration-break: clone;
} }
.pages {
position: static;
margin-left: 0;
}
.rtl .pages {
margin-right: 0;
}
#lang { #lang {
margin-left: auto; margin-left: auto;
position: relative; position: relative;