/* Theme Name: iStyle Theme URI: http://denbeke.t/ Description: This theme is designed to fit with the Apple style, but it's not a style who IS like the Apple style. Author: Mathias Beke Author URI: http://denbeke.be/ Version: 1.0 Tags: Apple */ body { font-family: verdana; font-size: 16px; margin: 0; padding: 0; } #page-wrap { min-width: 1010px; } img { border: 0px; } /**************** Header **************/ #header { padding-top: 0px; padding-bottom: 0px; } #blog-info { background-image: url(images/box-verlooptint.png); background-position: -25px -25px; background-repeat: repeat-x; background-color: #D9DFE7; width: 750px; position: relative; left: 50%; margin-left: -500px; margin-top: 35px; padding: 20px; color: #006A52; -moz-border-topleft-radius: 15px; border-top-left-radius: 30px; -o-border-top-left-radius: 15px; -moz-border-bottomright-radius: 15px; border-bottom-right-radius: 30px; -o-border-bottom-right-radius: 15px; -moz-box-shadow: 0px 0px 10px #000; /* For shadow effect to work in supported versions of Mozilla */ -o-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; /* For shadow effect to work in supported versions of Safari */ text-shadow: 0 0 2px #fff; } #blog-info h1 { margin: 0; } #blog-info h1 a, #blog-info h1 a:visited { color: #002D6C; text-decoration: none; } #blog-info h1 a:active, #blog-info h1 a:hover { text-decoration: underline; } #blog-info .description { color: #006A52; } /**************** Navigator **************/ #menu { background-color: #D9DFE7; /* background-color: #D3D3D3; */ background-image: url(images/gradient_bg.png); } #menu ul { text-align: center; } #menu .current_page_item a:link, #menu .current_page_item a:visited { background-color: #808080; background-image: url(images/menu_link_arrow.png); background-position: center bottom; background-repeat: no-repeat; text-shadow: 0px 0px 20px #33CC33; } #menu .current_page_item a:hover, #menu .current_page_item a:active { background-color: #808080; background-image: url(images/menu_link_arrow.png); background-position: center bottom; background-repeat: no-repeat; text-shadow: 0px 0px 20px #fff; } #menu a:link, #menu a:visited { color: #000; display: inline-block; padding-top: 20px; padding-left: 5px; padding-right: 5px; height: 51px; width: 141px; text-decoration: none; text-shadow: 0px 0px 20px #003399; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } #menu a:hover, #menu a:active { background-color: #808080; background-image: url(images/menu_link_arrow.png); background-position: center bottom; background-repeat: no-repeat; text-decoration: none; text-shadow: 0px 0px 20px white; } #menu a:active { text-shadow: 0px 0px 20px #00FFFF; } #menu ul { list-style: none; margin: 0; padding: 0; height: 71px; width: 1000px; margin: 0 auto; overflow: hidden; } #menu ul li { display:inline; margin: 0; position: relative; } #menu .children { display: none; } #menubutton { position: absolute; left: 10px; top: 48px; height: auto; width: 100px; font-size: small; } #menubutton a, #menubutton a:visited { color: #000; text-decoration: none; margin: 0; padding: 0; height: auto; left: auto; background-image: none; text-shadow: 0px 0px 20px #003399; } #menubutton a:hover, #menubutton a:active { background-image: none; background-color: #D9DFE7; text-shadow: #3C3 0px 0px 20px; } #fullmenu{ width: 1000px; margin-left: auto; margin-right: auto; overflow: hidden; transition-property: height; transition-duration: 0,5s; padding-left: 20px; padding-right: 20px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; z-index: 1000; } #fullmenu .menu { background-image: url(images/box-verlooptint.png); background-position: -25px -25px; background-repeat: repeat-x; background-color: #D9DFE7; border-color: gray; position: relative; z-index: 1002; -moz-border-radius: 15px; border-radius: 15px; -o-border-radius: 15px; -moz-box-shadow: 0px 0px 10px #000; /* For shadow effect to work in supported versions of Mozilla */ -o-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; /* For shadow effect to work in supported versions of Safari */ } #fullmenu ul { list-style: none; padding: 15px; } #fullmenu ul.children { padding-top: 0px; padding-bottom: 0px; padding-left: 7px; } #fullmenu li { margin-top: 5px; } #fullmenu a, #fullmenu a:visited { color: #002D6C; text-decoration: none; text-shadow: 0px 0px 20px #003399; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #fullmenu a:active, #fullmenu a:hover { color: #006A52; text-decoration: none; margin-left: 10px; text-shadow: 0px 0px 20px white; } /**************** Content **************/ #content-wrapper { background-image: url(images/content_bg_middle.png); width: 1000px; padding: 0; margin-left: auto; margin-right: auto; overflow: auto; } #content_bg_top { width: 1000px; margin-left: auto; margin-right: auto; background-image: url(images/content_bg_top.png); height: 60px; } #page-content { float: left; width: 740px; padding: 15px; } a.post-edit-link, a.post-edit-link:visited { color: #006A52; text-decoration: none; } a.post-edit-link:hover, a.post-edit-link:active { color: #006A52; text-decoration: underline; } #page-content h2 { margin-top: 0px; margin-bottom: 0px; font-family: Andale Mono; } .post-info { background-color: #D7E6E3; padding: 5px; border-width: 1px; border-style:dashed; border-color: #A5A9AD; } .post-info a, .post-info a:visited { color: #006A52; } .post-info a:active, .post-info a:hover { color: #100072; } .post-info h2 a, .post-info h2 a:visited { text-decoration: none; } .post-info .meta { font-size: small; } .post .entry p { margin-top: 2px; } .post .entry a, .post .entry a:visited { color: #100072; } .post .entry a:active, .post .entry a:hover { color: #002D6C; } .postmetadata { margin-bottom: 15px; text-align: right; font-size: small; } .postmetadata a, .postmetadata a:visited { color: #006A52; text-decoration: none; } .postmetadata a:active, .postmetadata a:hover { color: #006A52; text-decoration: underline; } .post_cat { padding-left: 20px; padding-right: 5px; padding-top:2px ; background-repeat: no-repeat; background-image: url(images/cat_icon.png); } .post_tags { padding-left: 20px; padding-right: 5px; padding-top:2px ; background-repeat: no-repeat; background-image: url(images/tags_icon.png); } .post_comments { padding-left: 25px; padding-right: 5px; padding-top:3px ; background-repeat: no-repeat; background-image: url(images/comment_icon.png); } .pingback a { color: #006A52; } .fn, .fn a { color: #002D6C; } /**************** Comment List **************/ ol.commentlist { list-style: none; padding-left: 0; } li.comment { clear: both; margin-left: 0; overflow: auto; } li.comment div { overflow: auto; } .commentlist .avatar { padding: 13px; background-image: url(images/avatar_bg.png); width: 80px; height: 80px; } .comment-author { float: left; width: 150px; font-size: small; } .comment_bubble { float: right; width: 580px; text-align:justify; } .commentmetadata { background-image:url(images/comment_top_bg.png); background-repeat:no-repeat; background-position:left -10px; height:43px; padding-left:50px; padding-right:30px; padding-top:25px; text-align:right; } .commentmetadata a, .commentmetadata a:visited { color: #006A52; text-decoration: none; } .commentmetadata a:active, .commentmetadata a:hover { color: #006A52; text-decoration: underline; } .comment-body { background-image:url(images/comment_middle_bg.png); padding-right:30px; padding-left:55px; } .comment-body a, .comment-body a:visited { color: #100072; } .comment-body a:active, .comment-body a:hover { color: #002D6C; } .comment-body p { margin-top:-4px; } .reply { background-image:url(images/comment_bottom_bg.png); text-align:right; font-size:small; background-position:left -12px; height:40px; padding-left:50px; padding-right:30px; padding-bottom:0px; } .reply a, .reply a:visited { color: #006A52; text-decoration: none; } .reply a:active, .reply a:hover { color: #006A52; text-decoration: underline; } .aw_mod { padding-left: 50px; } .navigation { clear: both; } blockquote { background-color: #fff; padding: 10px; border-width: 1px; border-style: solid; border-color: gray; -moz-border-radius: 5px; border-radius: 5px; -o-border-radius: 5px; } /**************** Comment Form **************/ #commentform input { border-style: solid; border-width: 2px; border-color: #D9DFE7; -moz-border-radius: 7px; border-radius: 7px; height: 30px; outline: none; } #respond p { border-style: solid; border-width: 2px; border-color: #D9DFE7; -moz-border-radius: 7px; border-radius: 7px; height: 30px; width: 428px; line-height: 30px; background-color: #fff; } #respond label { font-size: 0.9em; } #commentform textarea { border-style: solid; border-width: 2px; border-color: #D9DFE7; -moz-border-radius: 10px; border-radius: 10px; outline: none; resize: none; width: 400px; } #commentform div { padding-top: 10px; } #respond { clear: both; width: 481px; background-image: url(images/respond_buble_top.png); background-repeat: no-repeat; padding-top: 21px; margin-left: auto; margin-right: auto; } #respond h2 { margin-top: 10px; text-align: center; } #respond form { width: 481px; background-image: url(images/respond_buble_middle.png); background-repeat: repeat-y; background-color: #fff; } #respond .submit_new_comment { width: 481px; background-image: url(images/respond_buble_bottom.png); background-repeat: no-repeat; background-color: #fff; padding-bottom: 25px; } #submit { background-color: #D0D0D0; color: #006A52; } #submit:hover { background-color: #D8D8D8; border-color: #006A52; } #submit:active { border-color: #100072; color: #100072; } #respond a, #respond a:visited { color: #006A52; text-decoration: none; } #respond a:active, #respond a:hover { color: #006A52; text-decoration: underline; } .commentlist .children { margin-left: 0; padding-left: 10px; } .depth-2 .comment-author { margin-right: -10px; } .depth-3 .comment-author { margin-right: -30px; } .depth-4 .comment-author { margin-right: -50px; } /**************** Archive **************/ #archive-title { padding-bottom: 20px; } .single_cat_title { color: #100072; } /**************** Sidebar **************/ .sidebar { float: right; width: 195px; margin-top: 0px; padding-top: 0px; padding: 15px; padding-left: 5px; } .sidebar ul { margin-top: 0px; padding-left: 0px; list-style: none; } .children li { margin-left: 10px; } .sidebar li { list-style: none; } .sidebar h2, .sidebar h3 { margin-top: 10px; margin-bottom: 2px; font-family: Andale Mono; color: #100072; } .sidebar a, .sidebar a:visited { color: #002D6C; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .sidebar a:active, .sidebar a:hover { color: #002D6C; text-decoration: none; margin-left: 10px; } .sidebar .widget h2 a:active, .sidebar .widget h2 a:hover { margin-left: 0; } .widget_rss h2 { margin-left: -14px; } .rsswidget img { width: 0px; height: 0px; } .subscribe { background-image: url(images/rss_blue.png); background-repeat: no-repeat; background-position: right center; } .widget_search label { display: none; } #searchform input { border-style: solid; border-width: 2px; border-color: #D9DFE7; -moz-border-radius: 7px; border-radius: 7px; height: 30px; outline: none; } #searchsubmit { background-color: #D0D0D0; color: #006A52; } #searchsubmit:hover { background-color: #D8D8D8; border-color: #006A52; } #searchsubmit:active { border-color: #100072; color: #100072; } /**************** Page/Single **************/ .page-info { background-color: #D7E6E3; padding: 5px; border-width: 1px; border-style:dashed; border-color: #A5A9AD; } .page-info h2, .page-info a, .page-info a:visited { color: #006A52; } .page-info a:active, .page-info a:hover { color: #100072; } .page-info .meta { font-size: small; } .single-info { background-color: #D7E6E3; padding: 5px; border-width: 1px; border-style:dashed; border-color: #A5A9AD; } .single-info h2 { color: #006A52; } .single-info a, .single-info a:visited { color: #006A52; } .single-info a:active, .single-info a:hover { color: #100072; } .single-info h2 a, .single-info h2 a:visited { text-decoration: none; } .single-info .meta { font-size: small; } #single-tags { text-align: right; clear: both; } .edit_single { padding-left: 20px; padding-right: 5px; padding-top:2px ; background-repeat: no-repeat; background-image: url(images/edit_entry.png); } #single-tags a, #single-tags a:visited { color: #006A52; text-decoration: none; } #single-tags a:active, #single-tags a:hover { color: #006A52; text-decoration: underline; } /**************** MISC **************/ #page-content img { margin: 0; height: auto; max-width: 740px; width: auto; } #page-content .attachment img { max-width: 900px; } #page-content .alignleft, #page-content img.alignleft { display: inline; float: left; margin-right: 15px; margin-top: 4px; } #page-content .alignright, #page-content img.alignright { display: inline; float: right; margin-left: 15px; margin-top: 4px; } #page-content .aligncenter, #page-content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #page-content img.alignleft, #page-content img.alignright, #page-content img.aligncenter { margin-bottom: 10px; } .post-edit-link { clear: both; } .size-thumbnail { max-width: 150px; max-height: 150px; } .size-medium { max-height:300px; max-width:300px } .size-large { max-height:500px; max-width:500px } #search_results_title { padding-bottom: 20px; } .navigation a { color: #002D6C; } /**************** Footer **************/ #content_bg_bottom { width: 1000px; margin-left: auto; margin-right: auto; background-image: url(images/content_bg_bottom.png); height: 60px; } #footer { min-height:30px; padding-top: 30px; clear: both; background-color: #D9DFE7 /*#476896*/; background-image: url(images/footer_gradient.png); background-repeat: repeat-x; text-align: center; border-width: 0px; } #footer_cop { // background-image: url(images/footer_cop_gradient.png); height: 30px; padding-top: 20px; font-size: 0.8em; } #footer_cop a, #footer_cop a:visited { color: #002D6C; text-decoration: none; } #footer_cop a:active, #footer_cop a:hover { color: #006A52; text-decoration: none; } /**************** Footer Widgets **************/ #footer_widgets { text-align: left; vertical-align: top; width: 1000px; margin-left: auto; margin-right: auto; } #footer_widgets table { border: 0px; } #footer_widgets td { vertical-align: top; width: 230px; padding-left: 10px; padding-right: 10px; border: 0px; } #footer_widgets ul { padding-left: 15px; padding-right: 15px; color: #1A352F; } #footer_widgets ul { list-style: none; padding-left: 0; } #footer_widgets ul li { margin-left: 0; } #footer_widgets h3 { margin-bottom: 0px; font-family: Andale Mono; font-weight: bold; } #footer_widgets .children li { margin-left: 15px; } #footer_widgets .widget_recent_comments ul { list-style-image: url(images/list_arrow_green.png); } #footer_widgets .widget_recent_comments ul li { margin-left: 20px; margin-bottom: 4px; } #footer_widgets a, #footer_widgets a:visited { color: #002D6C; text-decoration: none; } #footer_widgets a:active, #footer_widgets a:hover { color: #006A52; text-decoration: none; } #footer_cop { color: #000; } #footer_cop a:hover, #footer_cop a:active { text-decoration: underline; }