I2P_Developers/i2p.www
3
0
Fork 5
Code Issues 27 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Added RTL CSS

Browse Source
This commit is contained in:
str4d
2014-03-05 00:21:13 +00:00
parent 3eef34be76
commit 49f7037997
3 changed files with 67 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
i2p2www/pages/global/layout.html
View File

@ -1,6 +1,6 @@
{%- from "global/macros" import change_lang with context -%}
<!DOCTYPE html>
<html lang="{{ g.lang }}"{% if is_rtl(g.lang) %} dir="rtl"{% endif %}>
<html lang="{{ g.lang }}"{% if is_rtl() %} dir="rtl"{% endif %}>
<head>
<meta charset="UTF-8">
<title>{% block title_outer %}{% block title %}{% endblock %} - I2P{% endblock %}</title>
@ -19,6 +19,10 @@
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/desktop.css') }}" title="{{ g.theme }}" media="all" />
<![endif]-->
{% if is_rtl() -%}
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/default.rtl.css') }}" media="screen, handheld, print, projection" />
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/desktop.rtl.css') }}" title="{{ g.theme }}" media="screen and (min-device-width:768px) and (min-width:768px), print, projection" />
{%- endif %}
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/syntax.css') }}" media="screen, handheld, print, projection" />
{%- endif %}
<link rel="shortcut icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}" />

4
i2p2www/static/styles/duck/default.rtl.css Normal file
View File

@ -0,0 +1,4 @@
/** Topbar **/
div#topbar #logo {
float: right;
}

58
i2p2www/static/styles/duck/desktop.rtl.css Normal file
View File

@ -0,0 +1,58 @@
/** Topbar **/
div#topbar .title {
text-align: left;
}
/** Dropdown menu **/
#cssmenu > ul, #cssmenu > ul > li {
float: right;
}
#cssmenu > ul > li.right {
left: 10%;
right: auto;
}
#cssmenu .has-sub ul {
left: auto;
right: 0;
}
#cssmenu .has-sub ul li {
border-left: 0 none;
border-right: 1px solid #ffffcc;
}
#cssmenu .has-sub ul li.has-sub > div.menuitem:after {
content: "◄";
float: left;
}
#cssmenu .has-sub .has-sub ul {
left: auto;
right: 100%;
}
#cssmenu .has-sub .has-sub ul li:first-child {
border-right: none;
}
/** Frontpage **/
div#content .main {
padding-left: 35%;
padding-right: 10%;
}
.main .get-i2p {
left: 10%;
right: auto;
transform:rotate(5deg);
-moz-transform:rotate(5deg);
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
-o-transform:rotate(5deg);
}
div#content .feed-icon {
float: left;
}
/** Downloads list **/
.package .os {
float: right;
}
.package .details {
float: left;
}