/* Theme Name: spwp_theme Description: Egy kétoszlopos téma. Version: 0.1 Author: SPétör Author URI: http://spuhulinux.blog.hu A felhasznált téma: Theme Name: Modern Web Theme URI: http://www.wpskins.org/themes/352/Modern-Web-10/ Version: 1.0 Author: Hasan Saleem Author URI: http://www.templatesfactory.net/ */ /* Basics and Typography */ body { margin: 0; padding: 0; background: url(images/main-bg.gif); font-size: 78%; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; color: #333; text-align: center; } p { font-size: 1em; line-height: 1.5em; margin: 1.2em 0; } ol, ul { font-size: 1em; line-height: 1.5em; margin: 1.2em 0 1.2em 2em; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 1.2em 0; font-family: "Arial", Tahoma, sans-serif; color: #D60700; } h1, h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4 { font-size: 1.2em; } a { text-decoration: none; } a:link { color: #FB9B00; } a:visited { color: #E96E6A; } a:hover, a:active { color: #D60700; } input, textarea, select { background-color: #FAFAF0; color: #333; font-size: 1em; font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif; } blockquote { margin: 0 20px; padding: 0 20px; border-left: 4px solid #E8E7D0; font-size: 0.9em; } code { background-color: #f2f1e0; font-size: 0.9em; font-family: Arial; border: 1px solid #999999; color:#333; display:block; margin: 20px 25px; padding: 5px 5px 5px 10px; } form, img { margin: 0; padding: 0; border: 0; } .small { font-size: 0.9em; color: #999; } /* Layout */ #wrapper { margin: 0 auto; width: 950px; border-left: 1px solid #24464F; border-right: 1px solid #24464F; background-color: #FFF; text-align: left; } #header { height: 120px; background: url(images/spwp_head.jpg); border-bottom: 32px solid #24464F; } /* Header Styles */ #header h1 { margin: 0; font-size: 1.8em; } #header h1 a { text-decoration: none; color: #80904F; } #content { float: left; margin: 0 0 0 20px; width: 700px; display: inline; /* IE double margin bug fix */ } #sidebar { float: right; margin: 0 20px 0 20px; padding: 1.8em 0 0 0; width: 190px; font-size: 0.9em; display: inline; /* IE double margin bug fix */ } * html #content, * html #sidebar { overflow: hidden; /* For IE */ } #footer { clear: both; font-size: 1.0em; text-align: right; color: white; font-weight: bold; /*background: url(images/footer_bg.gif);*/ } /* Footer Styles */ #footer p { margin: 0; padding: 12px 10px 20px 0; background: #24464F; font-size: 0.6em; text-align: right; } /* Sidebar Styles */ #sidebar h2 { display: inline; margin: 1.2em 0 0.6em 0; padding: 0 10px 0 0; /* background: url(images/arrow.gif) no-repeat center right; */ font-size: 1.1em; } #sidebar h2 a { color: #9BBB38; } #sidebar h2 a:hover { color: #E58712; } #sidebar ul { margin: 0; padding: 0; list-style-type: none; } #sidebar ul li { } #sidebar ul ul { margin: 1.2em 0; border-top: 1px solid #E8E7D0; background-color: #FAFAF0; } #sidebar ul ul li { padding: 0 0 0 10px; border-bottom: 1px solid #E8E7D0; } #sidebar ul ul li a { display: block; margin: 0 0 0 -10px; padding: 0.1em 10px; width: 190px; } html>body #sidebar ul ul li a { width: 170px; } #sidebar ul ul li a:hover { background-color: #FFF; } /* Nested lists? */ #sidebar ul ul ul { margin: 0; border: none; } #sidebar ul ul ul li { margin: 0 0 0 -10px; padding: 0 0 0 25px; border-bottom: none; border-top: 1px solid #E8E7D0; } #sidebar ul ul ul li a { margin: 0 0 0 -25px; padding: 0.1em 10px 0.1em 25px; width: 190px; voice-family: "\"}\""; voice-family: inherit; width: 155px; } html>body #sidebar ul ul ul li a { width: 155px; } /* Calendar */ #wp-calendar { margin: 5px 0 1.2em 0; width: 190px; border: 1px solid #E8E7D0; background: #FAFAF0; line-height: 1.2em; text-align: center; voice-family: "\"}\""; voice-family: inherit; width: 188px; } html>body #wp-calendar { width: 188px; } #wp-calendar caption { margin: 1.2em 0 0 0; padding: 0.4em 0; text-align: left; color: #D60700; font-weight: bold; } #wp-calendar td { border: 0; border-collapse: collapse; background: #FFF; } #wp-calendar td#today { background: #D60700; color: white; font-weight: bold; } #wp-calendar td a { display: block; width: 100%; } #wp-calendar td.pad { background: transparent; } #wp-calendar td#next, #wp-calendar td#prev { padding: 0.1em 2px; background: transparent; } #wp-calendar td#next a, #wp-calendar td#prev a { display: inline; } #wp-calendar td#next { text-align: right; } #wp-calendar td#prev { text-align: left; } /* Blog */ .post { border: 1px solid #e8e7d0; background-color: #fafaf0; margin: 15px 0 10px 0; padding: 5px 5px 5px 10px; } .posttitle { margin: 5px 0 0 0; padding-bottom: 5px; width: 100%; color: #FFF; overflow: auto; /* Width and overflow to clear '.posttitle a' */ } .posttitle a { /*float: left; padding: 0 10px; background: #9BBB38 url(images/posttitle.gif) no-repeat top right;*/ } .posttitle a:link, .posttitle a:visited { color: #D60700; } .posttitle a:hover, .posttitle a:active { /*background: #E8E7D0 url(images/posttitle.gif) no-repeat 100% -91px;*/ color: #16363D; } .postmeta { margin-top: 0; padding: 3px; background: url(images/postmeta.gif) no-repeat top left; font-size: 0.9em; color: #999; } /* a postentry a bejegyzés tartalmi eleme */ .postentry { } .postfeedback { text-align: left; margin: 0 1.8em 0 0; padding: 0 15px 0 0px; } .permalink { margin: 0 1.8em 0 0; padding: 0 15px 0 30px; background: url(images/permalink.gif) no-repeat center right; } .commentslink { padding: 0 15px 0 30px; background: url(images/commentslink.gif) no-repeat center right; } /* Comments */ #commentlist { margin: 1.2em 0; padding: 0; border-bottom: 1px solid #24464F; list-style-type: none; } #commentlist li { border-top: 1px solid #24464F; padding: 1px 20px; background-color: #FFF; } .alt { background-color: #FAFAF0 !important; } .commenttitle { margin-bottom: 0; font-size: 1.1em; } .commentmeta { margin-top: 0; font-size: 0.9em; color: #999; } #comment { width: 98%; border: 1px solid #24464F; } /* Widgets and Etc */ .widget_search div { margin: 1.2em 0; } #sidebar #s { margin-bottom: 2px; border: 1px solid #A8A8A8; width: 200px; } .navigation { margin-top: 15px; margin-bottom: 10px; } .alignleft { font-family: Arial; font-size: 10px; font-weight: bold; } .alignright { font-family: Arial; font-size: 10px; font-weight: bold; float: right; padding: 0; margin-top: -17px } /* Menü */ .menu { position: absolute; top: 124px; color: white; font-family: Arial; font-size: 10px; font-weight: bold; width: 800px; } .menu ul { margin: 3px 0 0 5px; padding: 0; display: block; } .menu li { list-style: none; padding: 0; margin: 0; display: inline; float: left; width: 120px; text-align: center; } .menu li a { color: white; } .menu li a:hover { color: #D60700; }