PageRenderTime 61ms CodeModel.GetById 16ms app.highlight 41ms RepoModel.GetById 1ms app.codeStats 0ms

/b2evolution/corporatemag/rsc/css/style.css

http://laibcomsthemes.googlecode.com/
CSS | 331 lines | 236 code | 64 blank | 31 comment | 0 complexity | 3fa2197a1f6c064653e3f9186d3e6fe6 MD5 | raw file
  1@charset "UTF-8";
  2/* -------------------------------- b2evolution Stylesheet Imports --------------------------------- */
  3@import url("../../../../rsc/css/basic.css");		/*	Import basic styles			*/
  4@import url("../../../../rsc/css/blog_base.css");	/* 	Import default blog navigation styles	*/
  5@import url("item.css");				/* 	Import blog content styles		*/
  6/* -------------------------------- b2evolution Stylesheet Imports --------------------------------- */
  7
  8/*
  9
 10	Theme Name: CorporateMag
 11	Author URI: http://wpjunction.com
 12	Theme URI: http://wpjunction.com
 13	Author: hpa
 14	Version: 1.0
 15	Description: CorporateMag Theme Premium WP
 16
 17*/
 18
 19/*
 20
 21	:: b2evolution Conversion ::
 22	By: JC John Sese Cuneta
 23	Website: http://laibcoms.asia/blog/
 24	Theme: http://laibcoms.asia/blog/
 25	Version: 1.0
 26	Description: CorporateMag Theme Premium for b2evolution v3.x and above
 27
 28*/
 29
 30/* Skin CSS Imports */
 31@import url('reset.css');
 32@import url('default.css');
 33@import url('lavalamp.css');
 34@import url('glide.css');
 35@import url('tabs.css');
 36@import url('slide.css');
 37@import url('widgets.css');
 38@import url('comments.css');
 39/* Skin CSS Imports */
 40
 41/* Basic Stuff */
 42
 43body {
 44	font:normal 11px Tahoma, Verdana, Arial;
 45	margin:0;
 46	color:#566B83;
 47}	
 48
 49.skin_wrapper_loggedin, .skin_wrapper_anonymous {
 50	background:#FFFFFF url('../img/background.gif') repeat-x 0 0;
 51	font:normal 11px Tahoma, Verdana, Arial;
 52	margin:0;
 53	color:#566B83;
 54}
 55
 56ul li { list-style:none; }
 57
 58a { color:#5986B8; }
 59
 60a:hover { color:#000000; }
 61
 62#body-in { background:transparent url('../img/body-in-bg.gif') repeat-x 0 100%; }
 63
 64#wrapper {
 65	width:956px;
 66	margin:0 auto;
 67}
 68
 69/* header */
 70#header {
 71	padding-top:30px;
 72}
 73
 74#header-content { padding-bottom:46px; }
 75
 76#branding {
 77	text-transform:uppercase; 
 78	height:58px;
 79	float:left;
 80	width:635px;
 81}
 82
 83#blog-title {
 84	background:transparent url('../img/title-separator.gif') no-repeat 100% 0;
 85	display:block;
 86	padding-right:15px;
 87	margin-right:10px;
 88	float:left;
 89	font:bold 22px Arial;
 90	line-height:58px;
 91}
 92
 93#blog-title a { color:#7893B1;}
 94
 95#blog-title a:hover { color:#B0C6E0;}
 96
 97#blog-description {
 98	font-size:12px;
 99	float:left;
100	line-height:58px;
101	color:#B0C6E0;
102}
103
104#top-search {
105	float:right;
106	margin-top:17px;
107	background:transparent url('../img/top-search-bg.gif') no-repeat 0 0;
108	width:309px;
109	height:30px;
110	position:relative;
111}
112
113#top-search input {
114	border:medium none;
115	background:transparent;
116	position:absolute;
117	color:#BEBEBE;
118}
119
120#top-search .input-text {
121	left:39px;
122	top:7px;
123	width:190px;
124}
125
126#top-search .input-submit {
127	width:63px;
128	height:30px;
129	padding:0;
130	right:0;
131	top:0;
132	cursor:pointer;
133}
134
135/* container */
136
137#top-container { height:247px; }
138
139#featured-posts-wrapper {
140	float:left;
141	width:644px;
142	height:247px;
143}
144
145#featured-posts .title {
146	font-size:16px;
147	border-bottom:3px solid #8EAFD4;
148	padding-bottom:3px;
149	margin-bottom:3px;
150}
151
152#featured-posts .title a { color:#5986B8; }
153
154#featured-posts .entry { color:#FFFFFF; }
155
156.post, .navigation, .commentlist, .respond {
157	padding-right:10px;
158}
159
160.pagetitle {
161	font-size:18px;
162	color:#566B83;
163	margin-bottom:10px;
164}
165
166.post .title {
167	color:#4D7CB3;
168	font-size:16px;
169	margin-bottom:5px;
170}
171
172.post .meta, .entry-meta { margin-bottom:10px; }
173
174.more-link span,
175p.bMore a {
176	display:block;
177	color:#FFFFFF;
178	text-align:center;
179	width:65px;
180	height:25px;
181	line-height:25px;
182	padding:0 10px;
183	background-color:#5986B8;
184	border:1px solid #4D729D;
185}
186
187.entry { line-height:18px; }
188
189/* content */
190#content {
191	float:left;
192	width:596px;
193}
194
195.mini-post {
196	float:left;
197	width:276px;
198	height:312px;
199	background:#FFFFFF url('../img/mini-post-bg.gif') repeat-x 0 0;
200	padding:9px 7px;
201	overflow:hidden;
202}
203
204.odd { margin-right:8px; }
205
206
207.mini-post .title {
208	float:left;
209	width:180px;
210	font-size:12px;
211	height:17px;
212	margin-bottom:17px;
213	overflow:hidden;
214}
215
216.mini-post .title a { color:#4D7CB3; }
217
218.mini-post .title a:hover { color:#555555; }
219
220.mini-post .datepost {
221	float:right;
222	width:96px;
223	text-align:right;
224}
225
226.mini-post .thumbnail {
227	clear:both;
228	padding:5px;
229	background-color:#FFFFFF;
230	margin-bottom:15px;
231}
232
233.mini-post .entry { clear:both; }
234
235.mini-post .more-link span {
236	margin-top:15px;
237}
238
239.no-image { background:#FFFFFF url('../img/mini-post-no-image-bg.gif') repeat-x 0 0 !important; }
240
241/* post navigation */
242#post-nav { 
243	text-transform:uppercase;
244	font-size:11px;
245	margin-bottom:10px;
246	padding-right:10px;
247}
248
249#post-nav a {
250	display:block;
251	background-color:#719FD2;
252	border:1px solid #4D729D;
253	color:#FFFFFF;
254	padding:8px 13px;
255}
256
257#nav-next-post {
258	float:right;
259	margin-left:10px;
260}
261
262#nav-prev-post {
263	float:left;
264	margin-left:10px;
265}
266
267/* sidebar */
268#sidebar {
269	float:left;
270	width:360px;
271}
272
273.widget { margin-bottom:10px; }
274
275.widget-title {
276	background:#FFFFFF url('../img/widget-title-bg.gif') repeat-y 0 0;
277	height:30px;
278	font-size:12px;
279	line-height:30px;
280	color:#6B92C0;
281	border-top:1px solid #B3C6DB;
282	border-bottom:1px solid #B3C6DB;
283	padding:0 5px;
284}
285
286.widget-content {
287	background:#FFFFFF url('../img/widget-content-bg.gif') repeat-x 0 0;
288	padding:0 5px;
289}
290
291.widget-content a { color:#566B83; }
292
293.widget-content li {
294	padding:10px 0;
295	border-bottom:1px solid #D8E4F0;
296}
297
298.widget-content li li {
299	border:none;
300	padding:10px 0 0 10px;
301}
302
303#secondary .widget-title { background-image:url('../img/widget-small-title-bg.gif'); }
304
305#calendar_wrap { padding-top:5px; }
306
307/* footer */
308#footer {
309	text-transform:uppercase;
310	height:31px;
311	padding-top:8px;
312	line-height:21px;
313	color:#5986B8;
314}
315
316#footer a { color:#566B83; }
317
318#footer a:hover { color:#719FD2; }
319
320#blog-name {
321	background:#5882b2 url('../img/blog-name-left-bg.gif') no-repeat 100% 0;
322	float:left;
323	display:block;
324	height:24px;
325	font-size:12px;
326	color:#FFFFFF;
327	line-height:24px;
328	padding:0 10px 0 5px;
329	margin-right:10px;
330}
331