-
Notifications
You must be signed in to change notification settings - Fork 0
/
handheld-child.css
204 lines (156 loc) · 12.9 KB
/
handheld-child.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
@charset "UTF-8";
/* CSS Document */
/*
Theme Name: HandHeld
Theme URI: http://www.elegantthemes.com/gallery/
Version: 1.0
Description: 2 Column theme from Elegant Themes
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
pre, code { font-family: monospace; }
sub, sup { font-size: 8px; }
sup { top: -2px; }
sub { bottom: -1px; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
body { background: #8ec7d0 url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/body-bg.png); font-family: Helvetica, Arial, sans-serif; color: #3e3e3e; line-height: 20px; font-size: 13px; }
a { color: #146fc9; outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
h1, h2, h3, h4, h5, h6 { padding-bottom: 8px; color: #4d5759; font-weight: bold; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #4d5759; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #353b3c; }
h1 { font-size: 15px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }
small { font-size: 80%; }
strong { font-weight: bold; }
p { padding-bottom: 10px; }
#container { margin: 0 auto; }
header#main_header { text-align: center; background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/logo_area_top_shadow.png) repeat-x; }
div#logo-area { padding: 25px 0 24px; position: relative; background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/logo_area_bottom_shadow.png) repeat-x bottom left; }
#nav_bar { background: #313536 url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/nav_bar.png) repeat-x; border-bottom: 1px solid #fff; }
#nav_bottom_shadow { background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/nav_shadows.png) no-repeat 20px 0; }
#nav_bar_top_bg { background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/nav_bar_top_light.png) center 1px no-repeat; min-height: 56px; position: relative; padding-left: 16px; }
#search-form { background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/handheld-sprite.png) no-repeat -59px -41px; position: relative; top: 10px; width: 173px; height: 31px; padding-top: 3px; }
#search-form #searchinput { border: none; background: none; color: #475252; font-family: Georgia, serif; font-size: 14px; font-style: italic; text-shadow: 0 1px 0 #fff; padding-left: 1px; width: 122px; -webkit-appearance: none; }
#search-form #searchsubmit { margin: 3px 0 0 3px; }
#searchinput:focus { outline: none; }
#main { background: #f4f4f4 url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/content-bg.png); }
#main-top-shadow { min-height: 200px; background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/content-top-shadow.png) repeat-x; padding: 21px 16px 28px; }
.text_block { padding: 16px 22px 17px 25px; background: #fff; border: 1px solid #dedede; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 0 #FFFFFF; -moz-box-shadow: 1px 1px 0 #FFFFFF; box-shadow: 1px 1px 0 #FFFFFF; }
#welcome { margin-bottom: 30px; }
#welcome.text_block { padding: 25px 32px 14px; }
#welcome h1 { color: #52686d; font-size: 18px; }
.small_title, #reply-title { color: #b7b7b7; font-size: 12px; font-family: Georgia, serif; text-shadow: 1px 1px 0 #fff; text-transform: uppercase; text-align: center; font-weight: normal; }
.post { margin-bottom: 11px; position: relative; }
.post-thumb { float: left; position: relative; margin-right: 12px; }
.post-thumb span.comment_count { position: absolute; top: -13px; left: -12px; display: block; }
.post-thumb span.comment_count a { display: block; background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/handheld-sprite.png) no-repeat -1px -1px; color: #fff; font-weight: bold; font-size: 15px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); text-decoration: none; text-align: center; line-height: 30px; }
.post-thumb span.comment_count, .post-thumb span.comment_count a { width: 37px; height: 35px; padding-right: 2px; }
.post-content { float: left; width: 65%; }
.post h1 { color: #4d5759; border-bottom: 1px solid #f4f4f4; margin-bottom: 4px; padding-bottom: 6px; }
.meta-info { background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/postinfo_icon.png) no-repeat 3px 4px; padding: 0 0 0 18px; color: #bdbdbd; font-family: Georgia, serif; font-style: italic; }
.post .readmore { display: block; text-indent: -9999px; background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/handheld-sprite.png) no-repeat -3px -49px; width: 27px; height: 27px; position: absolute; top: 39%; right: -14px; }
.more_posts { padding-top: 10px; }
a.load_more, p.form-submit { background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/load_more_bg.png) repeat-x; display: block; border: 1px solid #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; font-size: 14px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-decoration: none; height: 33px; line-height: 32px; -moz-bottom-shadow: ; -webkit-bottom-shadow: ; box-shadow: 0 2px 1px rgba(0,0,0,0.2); }
a.load_more span, p.form-submit input#submit { display: block; background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/more_posts_plus.png) no-repeat 95% 7px; }
a.load_more_ajax span { background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/ajax-loader.gif) no-repeat 95% 7px; }
a.load_more:hover { color: #eee; }
#recent_posts { margin-bottom: 35px; }
#recent_work .text_block { padding-left: 10px; padding-top: 23px; padding-bottom: 8px; margin-bottom: 11px; }
.project { display: block; float: left; margin: 0 0 12px 14px; position: relative; }
.project span, .post-thumb span.overlay, .avatar-overlay { display: block; position: absolute; top: 0; left: 0; width: 70px; height: 70px; -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.7); -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.7); box-shadow: inset 0 0 7px rgba(0,0,0,0.7); }
.project img, .post-thumb img, .avatar-box img, .project span, .post-thumb span.overlay, .avatar-overlay { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#recent_work .more_posts { clear: both; margin-left: 17px; }
.post-thumb span.overlay { width: 72px; height: 72px; }
#main_footer { padding: 20px 16px 18px; background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/footer-top.png) repeat-x; }
#mobile_options { text-align: right; }
a#exit_mobile { color: #5a8086; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); font-size: 15px; font-family: Georgia, serif; font-style: italic; text-decoration: none; background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/exit_mobile.png) no-repeat 0 3px; padding-left: 20px; }
a#exit_mobile:hover { color: #3c575b; }
#breadcrumbs, #breadcrumbs a { font-size: 12px; text-transform: uppercase; color: #b7b7b7; font-family: Georgia, serif; text-shadow: 1px 1px 0 #fff; text-decoration: none; }
#breadcrumbs { margin: -2px 0 7px; }
.main_post_text { clear: both; }
.main_post_text ul { margin-bottom: 10px; }
body.page .post h1 { border: none; }
.gallery_item { position: relative; clear: both; float: left; margin-bottom: 10px; }
.gallery_item img { max-width: 100%; height: auto; display: block; }
.gallery_item span.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.7); -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.7); box-shadow: inset 0 0 7px rgba(0,0,0,0.7); }
.gallery_item img, .gallery_item span.overlay { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.gallery_post .post-content { float: none; width: auto; margin-bottom: 10px; }
.main_post_text img { max-width: 100%; height: auto; }
.main_post_text object, .main_post_text video { max-width: 100%; }
/* Main Menu */
a#main_menu_link { float: right; width: 86px; height: 56px; text-align: left; text-decoration: none; color: white;font-size: 18px; font-weight: normal; line-height: 56px; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4); padding-left: 19px; }
a#main_menu_link span { background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/handheld-sprite.png) no-repeat -63px -3px; width: 29px; height: 20px; display: block; position: absolute; top: 18px; right: 9px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.menu_open { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.main_nav { position: absolute; left: 0; top: 56px; width: 100%; list-style: none; padding: 0; margin: 0; text-align: left; background: #313536; z-index: 9999; display: none; }
.main_nav ul { margin: 0; list-style: none; }
.main_nav a { color: #fff; font-size: 16px; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4); text-decoration: none; padding: 15px 10px 13px 30px; display: block; border-bottom: 1px solid #1e2123; border-top: 1px solid #3c4344; }
.main_nav li:first-child > a { border-top: none; }
.main_nav li li a { padding-left: 50px; }
.main_nav li li li a { padding-left: 70px; }
.main_nav li li li li a { padding-left: 90px; }
.main_nav li li li li li a { padding-left: 110px; }
/* Comments */
ol.commentlist { margin-left: 0; }
ol.commentlist ul.children { margin-left: 25px; }
.avatar-box { float: left; position: relative; margin-right: 13px; }
.avatar-overlay { width: 37px; height: 37px; }
span.fn { font-size: 16px; font-weight: bold; display: block; margin-top: 8px; }
span.fn, span.fn a { color: #52686d; text-decoration: none; }
.comment { margin-bottom: 9px; }
.comment-content { clear: both; }
.comment-meta { background: #fafafa; border: 1px solid #ededed; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin: 0 -17px -13px -20px; }
.comment-date { background: url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/postinfo_icon.png) no-repeat 3px 4px; padding: 3px 0 0 19px; color: #bdbdbd; position: relative; left: 9px; top: 2px; }
.reply-container { float: right; }
.reply-container a { display: block; color: #9c9c9c; text-decoration: none; background: #ededed url(../../HH-plugin-child-them-GIT/Handheld-Plugin-Child-Theme/images/reply-bg.png) repeat-x; border-left: 1px solid #e6e6e6; padding: 3px 11px 4px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px;border-bottom-right-radius: 10px; }
.comment-date, .reply-container a { font-size: 11px; font-family: Georgia, serif; font-style: italic; }
#trackbacks { margin-bottom: 10px; }
#commentform input[type="text"], #commentform textarea { padding: 10px; background: #fff; border: 1px solid #dedede; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 0 #FFFFFF; -moz-box-shadow: 1px 1px 0 #FFFFFF; box-shadow: 1px 1px 0 #FFFFFF; outline: none; }
p.form-submit { padding: 0; }
p.form-submit input#submit { display: block; border: none; text-align: center; width: 100%; height: 33px;
color: #fff; font-size: 14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
#reply-title small { display: block; font-size: 9px; }
.comment #respond { margin-bottom: 12px; }
textarea#comment { width: 270px; }
.wp-caption { max-width: 100%; }
/*
* Media queries
*/
@media screen and (min-width: 321px)
{
.project { margin-left: 12px; }
}