hi,
I recently did not give any specific changes only generalities, so I will try to show you how you can effectively apply normalize to the forum without appearance prejudice.
I think that normalize is needed and necessary because every modern skin using it as a base and prosilver as a forefather, protoplast of skins should be done right.
This is what is in the normalize should not be mirrored in the style prosilver, therefore:
1.
common.css in the line 61:
should be delete.
2.
All headings should be set margin on each side. So:
common.css in the line 69-70:
Code: Select all
h1 {
margin-right: 200px;
margin-top: 15px;
}
should be delete and replace:
common.css in the line 93 and 96:
Code: Select all
h3 {
margin-bottom: 3px;
...
margin-top: 20px;
}
should be delete and replace:
in the
common.css should be add a line (105):
3.
in the
common.css should be delete lines 142-152:
Code: Select all
b, strong {
font-weight: bold;
}
i, em {
font-style: italic;
}
u {
text-decoration: underline;
}
and 111-113:
Now replacements for reset. Necessary due to dilapidation layout.
1.
common.css in the line 60:
should be delete:
and replace to
2.
Minimalist reset, insert before the line 47 common.css.
Code: Select all
dl, dt, dd, form, fieldset, figure, ul, ol, p, pre {
margin: 0;
padding: 0;
border: 0;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
Useful things better written in css. I'm using
boilerplate, teaches good habits.
1.
better written horizontal crossbar.
common.css line 115-123 should be delete, and replace to
Code: Select all
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid transparent;
margin: 5px 0;
padding: 0;
clear: both;
}
My first post is current. You need to remove the reset and insert include normalize.css in stylesheet.css file.
That's all.
I intercede even modified in this way common.css file.
These modifications should not change the layout and position of elements, elements prior to the introduction should be tested. In the end, this is a beta version of phpbb.
However, I tested it for two days and have not found errors.
Please write your suggestions.
Regards.
ps.
boilerplate is useful classes that may be used and combined with those of phpbb. example:
Code: Select all
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
