Æ, Ø og Å skal være en del af min "style"
Hej :DJeg har netop fået mig et wordpress theme, hvor jeg er tæt på at være i mål med alle de små rettelser i koden, så det danske sprog kommer til sin ret ;)
Jeg har dog problemer med, at æ/Æ, ø/Ø og å/Å ikke har den samme style i headings, som de resterende bogstaver. Det betyder, at disse bogstaver bliver yderst iøjefaldende, da de har et lidt andet design end alle de andre bogstaver.
Jeg har på fornemmelsen, at det er i denne medfølgende style, at jeg skal ændre på noget - jeg ved dog virkelig ikke hvad:
/*
Theme Name:Zylyz
Theme URL: http://www.web2feel.com/zylyz/
Description: Free Recipe/Food blog WordPress theme released by web2feel.com
Author: Jinsona
Author URI: www.web2feel.com
Version: 1.0.0
Tags: Volet,Indigo, white, Cooking, Recipe, food blog, twitter, fixed-width, theme-options, threaded-comments, banner ads, adsense,fab themes.
*/
*{
margin: 0px;
padding: 0px;
}
body {
margin:0 auto;
padding:0px 0px 0px 0px;
background:url(images/body.jpg);
font-family:Arial,Tahoma,Century gothic, sans-serif;
color:#161514;
font-size:13px;
}
img {
border:0;
margin: 0 0;
}
a {
color:#CF4C23;
text-decoration:none;
outline:none;
}
a:hover {
color:#000;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
}
blockquote {
padding:10px 10px 10px 10px;
color:#59666f;
font-style: italic;
}
.clear {
clear:both;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
}
img.alignnone {
padding: 5px 5px;
margin: 0px 0px 10px 0px;
display: inline;
background:#eee;
}
img.alignright {
padding: 5px 5px;
margin: 5px 0px 10px 10px;
display: inline;
background:#eee;
}
img.alignleft {
padding: 5px 5px;
margin: 10px 15px 10px 0px;
display: inline;
background:#eee;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.alignright {
float: right;
margin: 0px 0px 10px 10px;
}
.alignleft {
float: left;
margin: 10px 15px 10px 0px;
}
.wp-caption {
text-align: center;
background:#eee;
padding: 4px 0px 5px 0px;
margin: 10px 10px ;
}
.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}
.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
color:#444;
}
.rounded{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.boxshadow{
-moz-box-shadow: 0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
box-shadow: 0px 0px 5px #888;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'SixCapsRegular';
src: url('fonts/SixCaps-webfont.eot');
src: url('fonts/SixCaps-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/SixCaps-webfont.woff') format('woff'),
url('fonts/SixCaps-webfont.ttf') format('truetype'),
url('fonts/SixCaps-webfont.svg#SixCapsRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LeagueGothicRegular';
src: url('fonts/League_Gothic-webfont.eot');
src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/League_Gothic-webfont.woff') format('woff'),
url('fonts/League_Gothic-webfont.ttf') format('truetype'),
url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/* The Outer cover */
#wrapper {
margin:0px auto;
position:relative;
width:900px;
background:url(images/wrap.png);
background:#fdfbf8;
}
#casing {
padding:20px 0px 10px 0px;
margin:0px auto;
}
#topbar{
height:30px;
background:#321a35;
border-bottom:1px solid #4c2a50;
}
.feedlist{
height:28px;
background:transparent;
width:1000px;
margin:0px auto;
line-height:28px;
font-size:11px;
}
.feedlist ul {
list-style:none;
padding-left:50px;
}
.feedlist ul li{
float:left;
margin:0px 10px 0px 0px;
color:#A27AA5;
}
.feedlist ul li a:link, .feedlist ul li a:visited{
color:#A27AA5;
}
.feedlist ul li a:hover{
color:#fff;
}
/* The Header */
#masthead{
background:url(images/mast.jpg) repeat-x;
}
#top {
height:85px;
margin:0px 0px ;
position:relative;
font-family:'BebasNeueRegular';
}
.head{
height:85px;
background:url(images/head.jpg);
width:1000px;
margin:0px auto;
}
h1.logo{
font-size:42px;
height:60px;
width:500px;
margin:10px 0px 0px 30px ;
padding:10px 0px 0px 80px;
font-weight:normal;
float:left;
background:url(images/logo.jpg) no-repeat;
}
h1.logo a:link, h1.logo a:visited{
color:#fff;
}
h1.logo a:hover{
color:#fff;
}
/* The Search */
#search {
width:200px;
padding:0px ;
margin:30px 40px 0px 0px;
display:inline-block;
float:right;
background:#28122B;
border:1px solid #4C2D4F;
}
#search form {
margin: 0px 0px 0px 0px;
padding: 0;
}
#search fieldset {
margin: 0;
padding: 0;
border: none;
}
#search p {
margin: 0;
font-size: 85%;
}
#s {
width:150px;
background:#28122B;
margin:0px 0px 0px 3px;
padding: 3px 5px;
height:20px;
border:none;
font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
color:#fff;
float:left;
display:inline;
}
#searchsubmit{
background:url(images/sbutton.png);
border:none;
color:#fff;
display:block;
width:16px;
height:16px;
margin:5px 5px 0px 0px;
padding:5px 5px;
float:right;
cursor:pointer;
}
#searchpage{
background:#fff;
border:1px solid #ccc;
margin:0px 10px 0px 10px;
}
#sform{
width:450px;
border:none;
padding:6px 5px;
}
#formsubmit{
float:right;
background:url(images/sfrm.png) repeat-x;
border-left:1px solid #ccc!important;
border:none;
padding:5px 5px;
}
.scover{
}
.sbox{
padding:10px 0px;
padding:10px 0px;
}
.sbox p{
padding:5px 0px;
color:#777!important;
}
.shead{
margin:0px 10px 25px 10px;
}
.shead p{
margin-left:10px;
margin-bottom:10px;
color:#3E91CE;
}
.stitle h2{
font-family:'BebasNeueRegular';
font-weight:normal;
padding:0px 0px;
font-size:26px;
}
.stitle h2 a{
color:#6D6750;
}
.searchmeta{
margin-top:5px;
color:#D14E25;
text-transform:uppercase;
font-size:10px;
}
.searchmeta a{
color:#D14E25;
}
/*Page menu*/
#botmenu{
width:1000px;
height:60px;
margin:0px auto;
font-family:LeagueGothicRegular,Arial, verdana,Century gothic, sans-serif;
background:url(images/menu.jpg) center no-repeat;
font-size: 18px;
}
.homemenu{
width:45px;
height:50px;
display:block;
background:url(images/homemenu.jpg);
margin-left:40px;
float:left;
}
#submenu {
margin: 0px 0px 0px 85px ;
width:870px;
padding:0px 0px;
height:50px;
}
#submenu ul {
width: 100%;
float: left;
list-style: none;
margin: 0;
padding: 0 0px;
}
#submenu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
color: #fff;
text-shadow:1px 1px 0px #9a60a0;
}
#submenu li a {
color: #fff;
display: block;
margin: 0;
padding: 14px 10px 14px 10px;
text-decoration: none;
position: relative;
text-shadow:1px 1px 0px #9a60a0;
}
#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a {
color: #fff;
text-shadow:1px 1px 0px #622b69;
}
#submenu li a.sf-with-ul {
padding-right: 10px;
}
#submenu li li a, #submenu li li a:link, #submenu li li a:visited {
font-size: 16px;
color: #5A475B;
text-shadow:none;
width: 148px;
margin: 0;
padding: 0px 10px;
line-height:35px;
border-bottom:1px solid #fff;
border-top:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #fff;
text-transform: none;
position: relative;
background:#F7F7F7;
}
#submenu ul ul li:first-child{
border-top:none;
}
#submenu ul ul li:last-child{
border-bottom:none;
}
#submenu li li:last-child{
border-bottom:none;
}
#submenu li li a:hover, #submenu li li a:active {
background:#FcFcFc;
color: #9D72A2;
}
#submenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 5px 0px;
padding: 5px 5px;
background:#DFDFDF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#submenu li ul a {
width: 150px;
}
#submenu li ul a:hover, #submenu li ul a:active {
}
#submenu li ul ul {
margin: -41px 0 0 179px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
left: auto;
}
#submenu li:hover, #submenu li.sfHover {
position: static;
}
/* Main Content*/
#content {
float:left;
width: 580px;
height:100%;
padding:0px 0px 0px 0px;
margin:20px 0px 0px 20px;
display:inline;
overflow:hidden;
}
/* POST */
.postimg{
float:left;
margin:10px 10px 10px 0px;
width:200px;
height:200px;
padding:5px ;
background:#f7eee1;
}
.post {
margin: 0px 0px 30px 0px;
height:100%;
color:#555;
}
.title{
margin: 0px 0px;
padding: 5px 0px;
}
.title h2 {
margin: 0px 0px;
padding: 0px 0px ;
font-size: 32px ;
font-family:'BebasNeueRegular';
font-weight:normal;
text-transform:uppercase;
text-shadow:2px 2px 1px #ddd;
}
.title h2 a, .title h2 a:link, .title h2 a:visited {
color:#000;
background-color: transparent;
}
.title h2 a:hover {
color: #333;
background-color: transparent;
}
.cover{
width:360px;
float:left;
}
.recipemeta{
padding:5px 10px;
font-size:12px;
text-transform:uppercase;
background:#DE064E;
color:#fff;
font-weight:bold;
}
.recipemeta a,.recipemeta a:link,.recipemeta a:visited {
color:#fff;
}
.cooktime{
background:url(images/time.png) 1px no-repeat;
padding-left:17px;
}
.serve{
background:url(images/serve.png) 1px no-repeat;
padding-left:17px;
margin-left:10px;
}
.postmeta{
padding:5px 0px;
font-size:10px;
text-transform:uppercase;
border-top:1px solid #f2e1ca;
border-bottom:1px solid #f2e1ca;
}
.author{
color:#777;
padding:2px 5px 2px 15px;
background:url(images/user.png) left center no-repeat;
}
.clock{
color:#777;
padding:2px 5px 2px 15px;
background:url(images/clock.png) left center no-repeat;
}
.comm{
color:#777;
padding:2px 5px 2px 15px;
background:url(images/comm.png) left center no-repeat;
}
.comm a:link,
.comm a:visited {
color:#777;
}
.comm a:hover{
color:#000;
}
a.morer{
float:right;
margin-right:5px;
background:url(images/rmore.png) no-repeat;
width:121px;
height:38px;
line-height:38px;
text-align:center;
color:#fff!important;
text-decoration:none;
}
.singleinfo {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
font:10px Tahoma, Georgia, Arial,century gothic,verdana, sans-serif;
text-transform:uppercase;
color:#827A60;
padding:5px 0px;
}
.category{
padding:5px 0 5px 0px;
color:#827A60;
}
.category a:link,.category a:visited{
color:#F4008E;
}
.category a:hover{
color:#000;
}
.cover {
margin:0 0;
padding: 0px 0px ;
}
.entry {
margin:0 0;
padding: 5px 0px ;
}
.entry a:link,
.entry a:visited {
color:#F4008E;
}
.entry a:hover {
color:#000;
background-color: transparent;
}
.entry ul, .entry ol{
margin: .4em 0 1em;
line-height: 150%;
}
.entry ul li, .entry ol li{
list-style-position:outside;
margin-left: 1.6em;
padding:5px 0px;
}
.entry p{
margin:0px 0px 20px 0px;
padding:0px 0px;
line-height:24px;
}
.author-bio{
border:1px solid #ddd;
padding:10px;
font-family:Arial;
}
img.avatar{
float:left;
margin-right:10px;
border:3px solid #ddd;
}
#author-text p{
font-size:11px;
margin:5px 0px;
}
/* --- FOOTER --- */
#footer {
padding:30px 0 25px 0px;
color:#77597A;
font-size:11px;
background:#333 url(images/bottom.jpg);
}
#footer a:link , #footer a:visited{
color:#77597A;
}
#footer a:hover {
color:#77597A;
}
.fcred{
width:1000px;
text-align:center;
margin:0px auto;
line-height:16px;
}
/* Footer widgets */
#bottom{
margin:0px auto;
width:900px;
background:#574159;
}
.bottomcover{
background:#333 url(images/bottom.jpg);
margin:0px auto;
}
h3.bothead{
font-size:20px;
padding:10px 0px 10px 0px;
color:#fff;
font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif;
font-weight:normal;
}
.botwid{
float:left;
width:190px;
padding-bottom:30px;
font-size:11px;
margin:20px 10px 0px 20px;
color:#ddd;
list-style:none;
}
.botwid ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 0px ;
}
.botwid li{
list-style-type: none;
margin: 0 ;
padding: 0;
}
.botwid ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
.botwid ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.botwid ul ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
.botwid ul li {
height:100%;
line-height:18px;
clear: left;
width: 190px;
list-style-type: none;
}
.botwid ul li a:link, .botwid ul li a:visited {
color: #D4BED6;
text-decoration: none;
padding: 5px 0px 5px 0px;
display:block;
border-bottom:1px dotted #705872;
}
.botwid ul li a:hover{
color: #fff;
}
.botwid p{
padding: 7px 0px;
margin:0;
line-height:150%;
}
.botwid table {
width:100%;
text-align:center;
color:#787d7f;
}
/* The Navigation */
#navigation{
margin:10px 0px 0px 0px;
padding:5px 0px;
}
/* The Attachment */
.contentCenter {
text-align:center;
}
/* The Page Title */
h1.pagetitle {
padding:10px 0px;
font-size:14px;
text-align:center;
color:#444;
margin-bottom:10px;
}
h1.pagetitle a {
color:#507409;
}
/* Comments */
#commentsbox {
margin:0 0px;
}
h3#comments{
font-size:24px;
color:#111;
font-weight:normal;
padding:15px 0px 15px 0px ;
margin-top:10px;
font-family: 'BebasNeueRegular';
}
ol.commentlist {
margin:0px 0 0;
clear:both;
overflow:hidden;
list-style:none;
}
ol.commentlist li {
margin:5px 0;
line-height:18px;
padding:10px;
background:#F7F3ED;
border:1px solid #fff;
}
ol.commentlist li .comment-author {
color:#333;
}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
color:#333;
font-weight:bold;
text-decoration:none !important;
}
ol.commentlist li .comment-author .fn {
color:#333;
}
cite.fn{
color:#eee;
font-style:normal;
}
ol.commentlist li .comment-author .avatar{
float:right;
border:1px solid #eee;
background:#fff;
padding:3px;
}
ol.commentlist li .comment-meta{
font-size:10px;
}
ol.commentlist li .comment-meta .commentmetadata{
color:#000;
}
ol.commentlist li .comment-meta a {
color:#7F4B84;
text-decoration:none !important;
}
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#666;
font-size:12px;
}
ol.commentlist li .reply{
margin-top:10px;
font-size:10px;
}
ol.commentlist li .reply a{
background:#A59A8B;
border:1px solid #8E8579;
color:#fff;
text-decoration:none;
padding:3px 10px;
}
ol.commentlist li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-3 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-4 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-5 {
margin:0 0 0px 50px;
}
.comment-nav{
padding:5px ;
height:20px;
}
.comment-nav a:link,.comment-nav a:visited{
color:#E73540;
}
#respond{
padding:0px 0px ;
margin:10px 0px;
}
#respond h3 {
font-size:18px;
font-weight:normal;
padding:5px 0px 0px 0px ;
color:#444;
font-family: 'BebasNeueRegular';
}
#commentform {
padding:10px 0px;
}
#commentform a {
color:#E1512A;
}
#commentform p{
margin:5px 0px ;
color:#999;
}
#respond label{
display:block;
padding:5px 0;
color:#999;
}
#respond label small {
font-size:10px;
}
#respond input {
margin-bottom:10px;
padding:5px 5px;
margin:0 10px 10px 0;
background:#fff;
border:1px solid #ddd;
color:#02070F;
}
#commentform input{
width:50%;
}
#respond input#commentSubmit {
width:100px;
padding:3px 5px;
background:#452847;
border:1px solid #271228;
color:#fff;
margin:10px 0px;
cursor:pointer;
}
textarea#comment{
border:none;
background:#fff;
border:1px solid #ddd;
width:70%;
margin:10px 0px 0px 0px;
padding:5px 5px;
color:#02070F;
}
.widebanner{
height:60px;
margin-top:10px;
padding:10px 0px;
text-align:center;
}
.wp-pagenavi{
font-size:12px;
text-align: center !important;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
text-decoration: none;
background:#574159!important;
border: 1px solid #3D2A3F !important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
.wp-pagenavi a:hover {
color: #ffffff;
}
.wp-pagenavi span.pages {
display:none;
}
.wp-pagenavi span.current {
text-decoration: none;
background:#333 !important;
border: 1px solid #111!important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
.wp-pagenavi span.extend {
text-decoration: none;
background:#333 !important;
border: 1px solid #111 !important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 4px;
}
/* Nivoslider */
#nivo-cover{
position:relative;
margin:0px 20px 20px 20px;
}
.ribbon{
width:120px;
height:119px;
background:url(images/ribbon.png);
position:absolute;
top:-3px;
left:-3px;
z-index:15;
}
.pribbon{
width:120px;
height:119px;
background:url(images/pribbon.png);
position:absolute;
top:-3px;
left:-3px;
z-index:15;
}
#nivo-box {
background:#f7f0e6;
border:1px solid #EAE0D3;
width:828px;
margin:0px auto;
text-align:center;
padding:15px 15px;
}
#slider {
position:relative;
width:830px;
height:300px;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
right:20px;
bottom:20px;
}
.nivo-controlNav a {
display:block;
width:20px;
height:20px;
background:url(images/bullets1.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -20px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: LeagueGothicRegular,Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}
/* RECIPE */
.recipedata{
background:#F1E8F2;
}
.recipedata .postimg{
background:#fff;
}
.reciphead,.recipfoot{
background:#946699;
padding:8px 10px 5px 20px;
}
.recipfoot{
margin-bottom:20px;
}
.reciphead span{
color:#fff;
font-size:22px;
font-family: 'BebasNeueRegular';
}
.recipfoot span{
color:#fff;
font-size:18px;
font-family: 'BebasNeueRegular';
margin-right:10px;
}
.recipfoot span a:link,.recipfoot span a:visited {
color:#fff;
}
.rpostmeta{
font-size:10px;
text-transform:uppercase;
margin-bottom:3px;
}
.ingred {
width:350px;
float:left;
margin-right:10px;
color:#3E2140;
text-shadow:-1px -1px 0px #fcfcfc;
}
.ingred ul, .ingred ol{
list-style:none;
margin:0px ;
padding:10px 0px;
}
.ingred ul li, .ingred ol li{
list-style:none;
padding:5px 0px;
border-bottom:1px dotted #fff;
}
Kæmpe shout out til den person, som kan løse det for mig.