Difference between revisions of "Common.css"
From The Quentin Tarantino Archives
m |
|||
(29 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* | body { | ||
/* background:url('https://www.tarantino.info/wp-content/uploads/2013/11/bg.gif') repeat; */ | |||
/* background-color:white; */ | |||
} | |||
/* screen is no more than 799px wide */ | |||
@media (max-width: 799px) { | |||
#toprightamzn { | |||
display: none !important; | |||
} | |||
#qtlogo { | |||
padding:0; | |||
display:block; | |||
height:100px; | |||
max-width:100%; | |||
z-index:2; | |||
} | |||
} | |||
@media | /* screen is at least 800px wide */ | ||
@media (min-width:800px) { | |||
#toprightamzn { | |||
float:right; | |||
padding-right:26px; | |||
width:320px; | |||
height:50px; | |||
display:block; | |||
position:absolute; | |||
top:0; | |||
right:0; | |||
} | } | ||
#qtlogo { | |||
padding-left:26px; | |||
display:block; | |||
height:100px; | |||
width:500px; | |||
z-index:2; | |||
} | |||
} | |||
.label { | |||
background-color: #f5f5f5; /* to do */ | |||
} | } | ||
Line 15: | Line 51: | ||
} | } | ||
button:hover,button:focus,.button:hover,.button:focus { | button:hover,button:focus,.button:hover,.button:focus { | ||
background-color:#ef6e37; | background-color:#ef6e37; | ||
} | } | ||
/* adapting text links to red color scheme for qta */ | /* adapting text links to red color scheme for qta */ | ||
a { | a:link { | ||
color:#d33800; | color:#d33800; | ||
} | } | ||
a:hover,a:active { | a:hover,a:active,a:visited { | ||
color:# | color:#ef6e37; | ||
} | } | ||
#wpTextbox1 { | |||
/* makes the edit box wider, probably no longer needed */ | |||
/* width:95%; */ | |||
} | } | ||
#highlights { | |||
/* das ist der eigene werbeblock vor dem content 000 to do wenn nach unten verschoben */ | |||
margin:0px auto 0px auto; | |||
width:100%; | width:100%; | ||
max-width:100%; | |||
height: | min-width:400px; | ||
min-height:110px; | |||
background-color:white; | |||
padding-bottom:1.6em; | |||
padding-top:0.6em; | |||
padding-left:2em; | |||
padding-right:2em; | |||
} | } | ||
.top-bar { | .top-bar { | ||
max-width: | max-width:100%; | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
margin-bottom:0px; | margin-bottom:0px; | ||
} | } | ||
/* | |||
#page-content .row { | #page-content .row { | ||
max-width: | max-width:100%; | ||
background-color:white; | background-color:white; | ||
margin-left:auto; | |||
margin-right:auto; | margin-right:auto; | ||
padding-left:2em; | |||
padding-right:2em; | |||
} | } | ||
footer #page-content .row { | footer #page-content .row { | ||
max-width:1200px; | max-width:1200px; | ||
Line 56: | Line 103: | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
} | } */ | ||
Latest revision as of 13:54, 14 February 2021
body { /* background:url('https://www.tarantino.info/wp-content/uploads/2013/11/bg.gif') repeat; */ /* background-color:white; */ } /* screen is no more than 799px wide */ @media (max-width: 799px) { #toprightamzn { display: none !important; } #qtlogo { padding:0; display:block; height:100px; max-width:100%; z-index:2; } } /* screen is at least 800px wide */ @media (min-width:800px) { #toprightamzn { float:right; padding-right:26px; width:320px; height:50px; display:block; position:absolute; top:0; right:0; } #qtlogo { padding-left:26px; display:block; height:100px; width:500px; z-index:2; } } .label { background-color: #f5f5f5; /* to do */ } /* search button */ .button { background-color: #d33800; border-color: #ef6e37; } button:hover,button:focus,.button:hover,.button:focus { background-color:#ef6e37; } /* adapting text links to red color scheme for qta */ a:link { color:#d33800; } a:hover,a:active,a:visited { color:#ef6e37; } #wpTextbox1 { /* makes the edit box wider, probably no longer needed */ /* width:95%; */ } #highlights { /* das ist der eigene werbeblock vor dem content 000 to do wenn nach unten verschoben */ margin:0px auto 0px auto; width:100%; max-width:100%; min-width:400px; min-height:110px; background-color:white; padding-bottom:1.6em; padding-top:0.6em; padding-left:2em; padding-right:2em; } .top-bar { max-width:100%; margin-left:auto; margin-right:auto; margin-bottom:0px; } /* #page-content .row { max-width:100%; background-color:white; margin-left:auto; margin-right:auto; padding-left:2em; padding-right:2em; } footer #page-content .row { max-width:1200px; background-color:white; margin-left:auto; margin-right:auto; } */