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 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367
| /*********************************************************************************************
Theme Name: Academica
Theme URI: http://www.wpzoom.com/themes/academica
Version: 2.0.3
Author: WPZOOM
Author URI: http://www.wpzoom.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.
**********************************************************************************************
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.
**********************************************************************************************
0. CSS Reset ------------------------- All Theme Files
1. Page Structure:Content ------------ All Theme Files
2. Single Post/Page ------------------- page.php, single.php
3. Comments -------------------------- comments.php
4. Footer ----------------------------- footer.php
5. Miscellaneous ----------------------
6. Homepage Slider -------------------- wpzoom-showcase.php
**********************************************************************************************/
/*********************************************************************************************
0. CSS Reset ------------------------- All Theme Files
*********************************************************************************************/
* {padding:0; margin:0; border: none; outline:0; }
body {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 62.5%; color: #333; text-align:center; background-color: #fff; }
a {text-decoration:none; color:#0c5390; }
a:hover {text-decoration:none; color: #f99734; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color:#333; }
p {margin: 0 0 10px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }
#wrap {width:100%; margin: 0 auto; text-align:left; }
#wrap div.wrap {width: 960px; margin: 0 auto; text-align: left; }
#wrap div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#wrap div.sep {font-size:1px; height: 1px; margin:20px 0; line-height: 1px; background-color: #f99734; }
#wrap div.sepinside {margin: 0 0 20px; }
#header {padding: 5px 0 30px; }
#header div.banner {float: right; display: inline; }
#logo {float: left; display: inline; font-family: Georgia, Times, "Times New Roman", serif; text-transform: uppercase; text-align: left; }
#logo h1 { font-size: 36px; font-weight: bold; }
#logo #tagline { font-size: 23px; color: #0c5390; }
/*********************************************************************************************
0. CSS Reset ------------------------- All Theme Files
*********************************************************************************************/
#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:18px; z-index:300; width:100%; }
#menuhead {background-color: #3a678d; height: 36px; line-height: 36px; font-size: 12px; font-weight: bold; margin-bottom: 15px; }
#menuhead a {display:block; color: #fff; text-shadow: #264c6c 1px 1px 0; text-decoration: none; padding: 0 15px 0; }
#menuhead a:hover, #menuhead .current-menu-item > a {color: #fff; text-shadow: #b86d21 1px 1px 0; background-color: #e98a2a; }
#menuhead li {float:left; display: inline; position:relative; line-height: 36px; font-size: 12px; border-right: solid 1px #fff;}
#menuhead li li {line-height: 28px; }
#menuhead ul {position:absolute; display:none; width:120px; top:36px; left:0; }
#menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; border-top: solid 1px #333; background-color: #444; text-shadow: none;}
#menuhead li ul {width:130px;}
#menuhead li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #555;}
#menuhead ul ul {top:auto;}
#menuhead li ul ul {left:130px; margin:0 0 0 10px;}
#menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}
#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block;}
#menu, #menu2 {float: left; display: inline; position:relative; z-index:200; }
#menu li, #menu2 li {float: left; display: inline; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-right: 25px; }
#menu li li, #menu2 li li {margin-right: 0;}
#menu2 {z-index: 100;}
#menu2 li {text-transform: none;}
.downarrowclass { background:url(images/down.png) no-repeat center; padding:6px 11px;}
.rightarrowclass {background:url(images/right.png) no-repeat center right; padding:10px; position:absolute; right:10px; }
/*Top level list items*/
.dropdown ul li{position: relative; display: inline; margin-right: 0;}
/*Top level menu link items style*/
.dropdown ul li a{text-decoration: none; line-height:18px; }
* html .dropdown ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.dropdown ul li.current_page_item a, .dropdown ul li.current-cat a {color:#CD3939; text-shadow: 0 1px 0 #000; }
/*1st sub level menu*/
.dropdown ul li ul {position: absolute; left: 0; display: block; visibility: hidden; z-index:100; background:#333; text-align:left;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.dropdown ul li ul li ul{top: 0;}
/* Sub level menu links style */
.dropdown ul li ul li a {width: 140px; padding: 5px 10px; margin: 0; border-top-width: 0; border-bottom: 1px solid #4a4747; color:#fff; text-shadow:0 2px 0 #000; text-transform:none; display:block; }
.dropdown ul li ul li:last-child a, .dropdown ul li ul li:last-child a:hover {border:none;}
.dropdown ul li ul li a:hover { color:#000; }
/*********************************************************************************************
1. Page Structure: Content
*********************************************************************************************/
#crumbs {font-size: 10px; text-transform: uppercase; margin: 20px 0; }
#search { float:right; font-size:10px; height:40px; position: relative; margin-top: 6px; }
#search #s {border: solid 1px #999; height:22px; width:173px; font-size: 10px; padding-left: 5px; line-height: 22px; }
#search #searchsubmit {background-color: #0c5390; color: #fff; font-size: 10px; text-transform: lowercase; line-height: 24px; height: 24px; padding: 1px 10px; cursor: pointer; }
#search #searchsubmit:hover {background-color:#0a406f; }
#social {clear: right; float: right; display: inline;}
#social li {float: right; display: inline; margin-right: 0; margin-left: 3px; font-size: 11px; }
#homeGallery {margin-bottom: 50px;}
#homeGallery div.wrap {padding: 1px 0 0; border-top: solid 1px #f99734; border-bottom: solid 1px #f99734;}
/* 3. Content Area */
#content {margin-bottom: 50px; }
#content div.column {float: left; display: inline; margin-right: 30px; }
#content div.column {width: 200px; }
#content div.column-content {width: 500px; }
#content div.column-content img {max-width: 500px; height: auto; }
#content div.column-double {width: 730px; }
#content div.column-double img {max-width: 730px; height: auto; }
#content div.column-full {width: 960px; }
#content div.column-full img {max-width: 960px; height: auto; }
#content div.column-narrow {width: 200px; font-size: 11px; line-height: 16px; }
#content div.column-last {margin-right: 0;}
#content div.single {border-top: none; padding: 0; }
div.column-content h1, div.column-content h2, div.column-content h3 {font-family: Georgia, serif; font-size: 40px; line-height: 46px; letter-spacing: -1px; margin-bottom: 30px; }
div.column-content h2 {font-size: 24px; line-height: 30px; }
div.column-content h3 {font-size: 22px; line-height: 28px; }
div.column p.heading, #footerColumn p.heading {font-size: 11px; text-transform: uppercase; }
#content div.column-content {font-size: 14px; line-height: 20px; }
#content ul.menu {border-bottom: solid 1px #ccc; margin-bottom: 15px; }
#content ul.menu li {font-size: 12px; font-weight: bold; padding: 10px 0; border-top: solid 1px #ccc; }
#content ul.menu ul {margin: 10px 0 5px 10px; border-left: solid 1px #ccc; padding-left: 10px; }
#content ul.menu ul li {border: none; font-size: 12px; font-weight: normal;}
#content ul.menu li.current-menu-item > a {color: #333; font-weight: bold; }
#content ul.menu li.current-menu-item > a:hover {color: #f99734;}
div.postInfo {margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #ccc; font-size: 12px; line-height: 18px; }
.posts {margin-bottom: 10px; }
.posts .post {padding-bottom: 10px; border-bottom: solid 1px #ddd; font-size: 12px; line-height: 18px; margin-bottom: 15px; }
.posts .post-last {margin-right: 0; }
.posts .post h2 {font-size: 12px; font-weight: bold; line-height: 18px; margin-bottom: 2px; }
.posts .post div.thumb {float: left; display: inline; margin: 0 20px 10px 0; }
.posts p.postmetadata, p.postmetadata {font-size: 10px; text-transform: uppercase; margin: 5px 0 5px; color: #999; }
.posts p.postmetadata a, h2.heading a, div.postInfo a, div.single a, a.highlight {color: #f99734;}
.posts p.postmetadata a:hover, h2.heading a:hover, div.postInfo a:hover, div.single a:hover, a.highlight:hover {text-decoration: underline; }
.posts .post-info {
overflow: hidden;
}
/*********************************************************************************************
2. Single Post/Page
*********************************************************************************************/
div.single {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 14px; line-height: 20px; }
div.single p {margin: 0 0 14px; }
div.single ul, div.single ol {margin-left: 20px; margin-bottom: 14px; }
div.single li {list-style-position: inside;}
div.single ul li {list-style-type: square;}
div.single ol li {list-style-type: decimal;}
div.single blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; }
div.single h2, div.single h3, div.single.h4, div.single h5, div.single h6 {margin: 14px 0; }
div.single .content-narrow .widget ul, div.single .content-narrow .widget ol {margin-left: 0;}
div.single .content-narrow .widget li {list-style-type: none; }
div.single h2, .content-narrow .widget h2 {font-size: 24px; }
div.single h3 {font-size: 20px; }
div.single h4 {font-size: 18px; }
div.single h5 {font-size: 16px; }
div.single h6 {font-size: 14px; }
.alignleft {float: left; display: inline; margin: 0 15px 10px 0; }
.alignright {float: right; display: inline; margin: 0 0 10px 15px; }
/*********************************************************************************************
3. Comments
*********************************************************************************************/
div.single ol.comments {padding: 1em 0; margin:0; }
div.single ol.comments a {text-decoration: none;}
div.single ol.comments a:hover {text-decoration: underline;}
div.single ol.comments div.comment-body {position: relative; }
div.single ol.comments div.reply {position: absolute; top: 0; right: 0; }
div.single ol.comments li {list-style-type: none; margin: 0 0 10px; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; border-top: solid 1px #ccc; padding-left: 15px; }
div.single ol.comments li ul.children {padding: 10px 0 0; }
div.single ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }
div.single ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; }
div.single ol.comments .vcard {}
div.single ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
div.single ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
div.single ol.comments cite.author {color: #333;}
div.single ol.comments span.says {display: none; }
div.single ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
div.single ol.comments blockquote {font-size: 12px; line-height: 18px; }
div.single ol.comments p {text-shadow: #fff 1px 1px 1px;}
div.single ol.comments li.comment {background-color: #f1f1f1; }
div.single ol.comments li.bypostauthor { background-color: #fff; }
.afterpost .navigation .alignleft a, div.single .reply a, .afterpost .navigation .alignright a, div.single .cancel-comment-reply a, .navigation a { background: #336699; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; text-shadow: none; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, div.single .reply a:hover, div.single .cancel-comment-reply a:hover, .navigation a:hover { background: #cc0000; color: #fff; text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}
.navigation {margin: 10px 0; font-size: 18px; text-align: center; }
.navigation a {font-size: 11px; margin: 0 1px; padding: 5px 8px; }
#commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; }
#commentform input {clear: left; float: left; display: inline; width: 300px; padding: 6px 0 2px 5px; font-size: 12px; margin-bottom: 10px; }
#commentform textarea { width: 100%; height: 100px; padding: 2px; margin-bottom: 10px; }
#commentform input, #commentform textarea {background: #fff url(images/backSearch.png) repeat-x top left; border: 1px solid #ccc; color: #333; }
#commentform #submit {font-size: 11px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #0c5390; color: #fff; border: none; cursor: pointer; }
#commentform #submit:hover {background-color: #0a406f; }
#comments h2 {margin-bottom: 10px; }
/*********************************************************************************************
4. Footer
*********************************************************************************************/
#footer {font-size: 11px; color: #333; }
#footer div.wrap {border-top: solid 1px #f99734; padding: 25px 0 10px; }
#footer a {text-decoration: none; }
#footer a:hover {text-decoration: none; }
#footer h3 {font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 14px; color: #777; }
#footer p {text-align: left; }
#footer p.copy {display : block; text-align : center; font-size: 10px; color: #777;}
#footer p.copy a {color: #777; text-decoration: none;}
#footer p.copy a:hover { }
#footer ul {display: block; text-align: center; width : 370px; margin 0 auto; }
#footer ul li {display: inline; line-height: 18px; margin-right: 15px; font-size: 12px; font-weight: bold; }
#footerColumn {float: right; display: inline; width: 30%; margin: 0 0 10px 10px;}
#footerColumn div.textwidget p {line-height: 16px; font-size: 11px; color: #777; }
/*********************************************************************************************
5. Miscellaneous
*********************************************************************************************/
.widget ul.gallery li {float: left; display: inline; width: 75px; margin-right: 10px; margin-bottom: 15px; }
.widget ul.gallery li.last {margin-right: 0;}
div.widget {margin: 0 0 20px; }
.navigation p {text-align: center; font-size: 10px; }
.navigation a {font-size: 10px; font-weight: normal; }
/* Begin Images */
.single .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.single .alignright { margin: 0 0 5px 20px; display: inline; }
.single .alignleft { margin: 0 20px 5px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* Caption for images */
.single .wp-caption { background-color: #f9f9f9; border: solid 1px #e9e9e9; padding: 10px 8px; text-align:center; }
.single .wp-caption img { background:none; margin:0 0 10px; border:0 none; max-width:100%; width:auto; height:auto;}
.single .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; line-height: 1.4em; margin:0; padding:4px 0 0; text-align:center; }
.single .wp-caption.aligncenter { margin:0 auto 15px; }
#searchform label {display: none; }
#searchform input {float: left; display: inline; height: 20px; padding: 4px; border: solid 1px #d1d1d1; }
#searchform input#s {width: 145px;}
#searchform input#searchsubmit {cursor: pointer; border: none; font-size: 10px; text-transform: lowercase; font-weight: normal; height: 30px; padding:0 5px; background-color:#0c5390; color: #fff; margin-left: 2px; border: none; margin-bottom: 15px; }
#searchform input#searchsubmit:hover {background-color:#0a406f; }
div.single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px; }
div.single .gallery { margin: auto; text-align:center; clear:both; }
div.single .gallery img { border: solid 4px #eee;}
div.single .gallery-caption { margin-left: 0; }
div.single div.gallery img:hover {border: solid 4px #9acdea; }
/*********************************************************************************************
6. Homepage Slider
*********************************************************************************************/
#showcase {
position:relative;
}
#showcase li {
list-style-type: none;
}
#showcase .slides {
width:960px;
height:300px;
display:none;
}
#showcase .slides li {
width:960px;
height:300px;
display:block;
}
#showcase a.browse
{
background:transparent url(images/arrows.png) no-repeat 0 0;
cursor:pointer;
display:block;
font-size:1px;
height:39px;
position:absolute;
text-indent:-2000px;
top:43%;
width:39px;
z-index:30;
}
#showcase a.prev
{
background-position:0 0;
left: 10px;
}
#showcase a.prev:hover
{
background-position:0 -39px;
}
#showcase a.next
{
background-position:-39px 0;
right: 10px;
}
#showcase a.next:hover
{
background-position:-39px -39px;
} |
Partager