Difference between revisions of "Common.css"
From The Quentin Tarantino Archives
m |
|||
(21 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* | body { | ||
@media | /* 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 */ | |||
} | } | ||
Line 14: | Line 51: | ||
} | } | ||
button:hover,button:focus,.button:hover,.button:focus { | button:hover,button:focus,.button:hover,.button:focus { | ||
background-color:#ef6e37; | background-color:#ef6e37; | ||
} | } | ||
Line 27: | Line 63: | ||
#wpTextbox1 { | #wpTextbox1 { | ||
/* makes the edit box wider */ | /* makes the edit box wider, probably no longer needed */ | ||
width:95%; | /* 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 { | .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 63: | Line 103: | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
} */ | |||
div.tright, | |||
div.floatright, | |||
table.floatright { | |||
clear: right; | |||
float: right; | |||
} | } | ||
div.tleft, | |||
div.floatleft, | |||
table.floatleft { | |||
float: left; | |||
. | clear: left; | ||
} | } |
Revision as of 21:06, 25 October 2020
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; } */ div.tright, div.floatright, table.floatright { clear: right; float: right; } div.tleft, div.floatleft, table.floatleft { float: left; clear: left; }