-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathrtl.css
138 lines (114 loc) · 2.21 KB
/
rtl.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
/*
Theme Name: Portfolio Press
Built in RTL support. Would love to get some RTL language translations to include.
http://codex.wordpress.org/Right_to_Left_Language_Support
*/
body {
direction: rtl;
unicode-bidi: embed;
}
.screen-reader-text {
position: absolute;
left:0;
right:-9000em;
}
/* Navigation */
#navigation {
float:left;}
#navigation ul {
margin-left:0;
margin-right:10px;
}
#navigation ul li {
float:right;
margin-left:0;
margin-right:10px;
}
#navigation ul li ul {
left:0;
right: -999em;
border-width:1px 0 1px;
margin-right:0;
}
#navigation ul li ul li {
margin-right:0px;
}
#navigation ul li ul ul {
margin: -30px 180px 0 0px;
}
#navigation ul li:hover ul, #navigation ul li.sfhover ul, #navigation ul li li:hover ul, #navigation ul li li.sfhover ul, #navigation ul li li li:hover ul, #navigation ul li li li.sfhover ul, #navigation ul li li li li:hover ul, #navigation ul li li li li.sfhover ul {
right:auto;
}
/* Branding */
#logo {
float:right;
}
/* Content */
#content {
float:right;
}
/* Sidebar */
#sidebar {
float:left;
}
/* Portfolio Posts */
#portfolio {
float:right;
}
#portfolio .portfolio-item {
float:right;
margin:0 0 2% 2%;
}
#portfolio .portfolio-item:nth-of-type(3n) {
margin-left:0;
}
/* Content Nav */
#content nav .nav-previous, #portfolio nav .nav-previous {
float: right;
}
#content nav .nav-next, #portfolio nav .nav-next {
float: left;
text-align: left;
}
/* Reverse order on single-portfolio pages */
.single-portfolio #content nav .nav-previous {
float: left;
text-align: left;
}
.single-portfolio #content nav .nav-next {
float: right;
text-align: right;
}
/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 680px) {
#navigation {
float:right;
margin-right:-10px;
}
#navigation ul li {
margin-right:0;
margin-left:10px;
}
#portfolio .portfolio-item {
margin-right:0;
margin-left:4%;
}
#portfolio .portfolio-item:nth-of-type(3n) {
margin-right:0;
margin-left:4%;
}
#footer-widgets .block {
padding:0 0 0 4%;
}
}
@media (max-width: 480px) {
#portfolio .portfolio-item {
float:none;
min-width:46%;
width:auto;
}
#portfolio .portfolio-item:nth-of-type(1n) {
margin-left:0;
}
}