320
edits
NeilThomas (talk | contribs) |
NeilThomas (talk | contribs) |
||
Line 106: | Line 106: | ||
If you look at any of these panels you will see that they all have the following styles: w3-panel, w3-card and w3-theme-white. | If you look at any of these panels you will see that they all have the following styles: w3-panel, w3-card and w3-theme-white. | ||
* w3-panel gives it its padding | * w3-panel gives it its left and right padding and top and bottom margin. This is controlled by the w3Pro style sheet - I would not recommend messing with this - it's semi-minified. If you change panel to container you loose the top and bottom margin. | ||
* w3-card gives the panel the border shadow. If you don't like this simply remove this class. Personally I just put an 'X' at the end of the style - 'w3-cardX, which means it is ignored. This allows me to easily change my mind. | * w3-card gives the panel the border shadow. If you don't like this simply remove this class. Personally I just put an 'X' at the end of the style - 'w3-cardX, which means it is ignored. This allows me to easily change my mind. | ||
* Finally the w3-theme-white gives the panel its background and foreground colour. You have 10 variations on this; 'w3-theme-l1' to 'w3-theme-d5' as well as w3-theme, w3-theme-light and w3-theme-dark. | * Finally the w3-theme-white gives the panel its background and foreground colour. You have 10 variations on this; 'w3-theme-l1' to 'w3-theme-d5' as well as w3-theme, w3-theme-light and w3-theme-dark. |
edits