[silvatheme.silvacmsorg][wim] updated screenshot styling, fix cs...
[email protected] Fri, 06 Sep 2013 15:29:07 +0200
| Newsgroups | gmane.comp.web.zope.silva.cvs |
|---|---|
| Message-ID | <[email protected]> |
author: wim
date: Fri Sep 06 15:28:56 2013 +0200
revision: 712:bfd3a559ca3a in silvatheme.silvacmsorg
branch:
details: https://hg.infrae.com/silvatheme.silvacmsorg?cmd=changeset;node=bfd3a559ca3a
modified: src/silvatheme/silvacmsorg/static/css/silvacmsorg.css
added:
removed:
log: updated screenshot styling, fix css, fix selectors
diffstat:
src/silvatheme/silvacmsorg/static/css/silvacmsorg.css | 119 +++++++++++++++--
1 files changed, 104 insertions(+), 15 deletions(-)
diffs (381 lines):
diff -r 55b4b5753443 -r bfd3a559ca3a src/silvatheme/silvacmsorg/static/css/silvacmsorg.css
--- a/src/silvatheme/silvacmsorg/static/css/silvacmsorg.css Fri Sep 06 14:54:26 2013 +0200
+++ b/src/silvatheme/silvacmsorg/static/css/silvacmsorg.css Fri Sep 06 15:28:56 2013 +0200
@@ -256,6 +256,8 @@
width: 238px;
margin-top: 35px;
float: right;
+ -webkit-box-shadow: 1px 1px 6px #BBBBBB;
+ -moz-box-shadow: 1px 1px 6px #BBBBBB;
box-shadow: 1px 1px 6px #BBBBBB;
}
@@ -282,7 +284,11 @@
background-image: -o-linear-gradient(left, #3D3D3D 0%, #151515 100%);
background-image: linear-gradient(to right, #3D3D3D 0%, #151515 100%);
border: 2px solid #000;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
border-radius: 8px;
+ -webkit-box-shadow: 1px 1px 6px #353535;
+ -moz-box-shadow: 1px 1px 6px #353535;
box-shadow: 1px 1px 6px #353535;
color: #FEFEFE;
margin: 15px 5px;
@@ -317,7 +323,7 @@
text-shadow: 1px 2px 0 #000;
}
-.newsitm p.newslead {
+.newsitem p.newslead {
font-size: 0.9em;
}
@@ -330,6 +336,8 @@
header {
background-color: #292A2D;
border-bottom: 2px solid #151515;
+ -webkit-box-shadow: 0 2px 10px #9C9C9C;
+ -moz-box-shadow: 0 2px 10px #9C9C9C;
box-shadow: 0 2px 10px #9C9C9C;
height: 78px;
width: 100%;
@@ -398,6 +406,8 @@
background-image: -o-linear-gradient(top, #7AB317, #519A0F);
background-image: linear-gradient(to bottom, #7AB317, #519A0F);
border: 1px solid #3D8C00;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
border-radius: 6px;
padding: 2px 11px;
}
@@ -420,6 +430,8 @@
background-image: -o-linear-gradient(top, #7F7F7F, #646464);
background-image: linear-gradient(to bottom, #7F7F7F, #646464);
border: 1px solid #000;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
border-radius: 6px;
color: #FFFFFF;
padding: 2px 11px;
@@ -486,8 +498,8 @@
top: -72px;
right: 0;
position: absolute;
- webkit-box-shadow: 0px 10px 10px rgba(50, 50, 50, 0.75);
- moz-box-shadow: 0px 10px 10px rgba(50, 50, 50, 0.75);
+ -webkit-box-shadow: 0px 10px 10px rgba(50, 50, 50, 0.75);
+ -moz-box-shadow: 0px 10px 10px rgba(50, 50, 50, 0.75);
box-shadow: 0px 10px 10px rgba(50, 50, 50, 0.75);
}
@@ -525,9 +537,12 @@
background: none;
border: none;
border-left: 3px double #DDDDDD;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
+ -moz-box-shadow: none;
}
.threecolumn.listing.leftborder .box h2 {
@@ -541,9 +556,12 @@
.fourcolumn .box {
border: 1px solid rgba(0, 0, 0, 0.2);
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
border-radius: 5px;
+ -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
- -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
float: left;
margin: 12px 16px 15px 0;
width: 231px;
@@ -576,6 +594,8 @@
background: -ms-linear-gradient(left, #9dd53a 0%,#a1d54f 14%,#58a714 46%,#58a714 100%);
background: linear-gradient(to left, #9dd53a 0%,#a1d54f 14%,#58a714 46%,#58a714 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#58a714',GradientType=1 );
+ -webkit-border-radius: 4px 4px 0 0;
+ -moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
color: #FFFFFF;
margin: 0;
@@ -624,6 +644,8 @@
.references .section-community div.image {
border: none;
padding: 10px;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
box-shadow: none;
}
@@ -674,6 +696,8 @@
.section-about .slideshow {
background-color: #7C085C;
border: 1px solid #430E70;
+ -webkit-box-shadow: 1px 1px 4px #430E70;
+ -moz-box-shadow: 1px 1px 4px #430E70;
box-shadow: 1px 1px 4px #430E70;
}
@@ -702,7 +726,11 @@
background-image: -o-linear-gradient(top, #eee, #fff);
background-image: linear-gradient(to bottom, #eee, #fff);
border: none;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
border-radius: 0;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
box-shadow: none;
color: #303030;
margin: 10px 5px;
@@ -938,6 +966,8 @@
border-width: 1px 2px 0 2px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1);
+ -webkit-border-radius: 4px 4px 0 0;
+ -moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
color: #6A6A6A;
font-size: 0.9em;
@@ -999,6 +1029,8 @@
.hosting .section-about div.image {
border: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
box-shadow: none;
}
@@ -1034,9 +1066,12 @@
background-image: -moz-linear-gradient(top, #1280E7, #0060C7);
background-image: -o-linear-gradient(top, #1280E7, #0060C7);
background-image: linear-gradient(to bottom, #1280E7, #0060C7);
+ -webkit-box-shadow: 0 1px 0 #2378DF;
+ -moz-box-shadow: 0 1px 0 #2378DF;
box-shadow: 0 1px 0 #2378DF;
- -webkit-box-shadow: 0 1px 0 #2378DF;
border: 1px solid #0052B9;
+ -webkit-border-radius: 10px 0 0 10px;
+ -moz-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
color: #FFFFFF;
float: left;
@@ -1057,7 +1092,11 @@
border-width: 1px 1px 1px 0;
border-style: solid;
border-color: #D6D6D6;
+ -webkit-border-radius: 10px 0 0 10px;
+ -moz-border-radius: 10px 0 0 10px;
border-radius: 0 10px 10px 0;
+ -webkit-box-shadow: 0 1px 0 #EEE;
+ -moz-box-shadow: 0 1px 0 #EEE;
box-shadow: 0 1px 0 #EEE;
margin-bottom: 42px; padding: 10px;
height: 100px;
@@ -1178,7 +1217,9 @@
.section-support div.image {
border: 1px solid #58A714;
padding: 10px;
- box-shadow: 1px 1px 5px #AAAAAA;
+ -webkit-box-shadow: 1px 1px 5px #AAA;
+ -moz-box-shadow: 1px 1px 5px #AAA;
+ box-shadow: 1px 1px 5px #AAA;
}
.section-support div.image {
@@ -1189,6 +1230,8 @@
.no-image-border div.image {
border: none;
padding: 10px;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
box-shadow: none;
}
@@ -1202,7 +1245,11 @@
.section-support div.image.align-center {
border: none;
padding: 0;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
box-shadow: none;
+ -webkit-border-radius: 10px 0 0 10px;
+ -moz-border-radius: 10px 0 0 10px;
border-radius: 10px 0 10px 0;
}
@@ -1211,8 +1258,12 @@
.section-community div.image.align-center img,
.section-docs div.image.align-center img,
.section-support div.image.align-center img {
+ -webkit-border-radius: 45px 0.1px 45px 0.1px;
+ -moz-border-radius: 45px 0.1px 45px 0.1px;
border-radius: 45px 0.1px 45px 0.1px;
- box-shadow: 5px 5px 5px #AAAAAA;
+ -webkit-box-shadow: 5px 5px 5px #AAA;
+ -moz-box-shadow: 5px 5px 5px #AAA;
+ box-shadow: 5px 5px 5px #AAA;
margin-bottom: 10px;
}
@@ -1224,7 +1275,11 @@
.one_index .section-support div.image.align-left {
border: none;
padding: 0;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
box-shadow: none;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
border-radius: 0;
margin: 0;
}
@@ -1234,8 +1289,12 @@
.one_index .section-community div.image.align-left img,
.one_index .section-docs div.image.align-left img,
.one_index .section-support div.image.align-left img {
+ -webkit-border-radius: 35px 0 0 0;
+ -moz-border-radius: 35px 0 0 0;
border-radius: 35px 0 0 0;
- box-shadow: 2px 2px 2px #AAAAAA;
+ -webkit-box-shadow: 2px 2px 2px #AAA;
+ -moz-box-shadow: 2px 2px 2px #AAA;
+ box-shadow: 2px 2px 2px #AAA;
margin-bottom: 15px;
margin-right: 15px;
}
@@ -1246,7 +1305,11 @@
.one_index .section-support div.image.align-right {
border: none;
padding: 0;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
box-shadow: none;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
border-radius: 0;
margin: 0;
}
@@ -1256,8 +1319,12 @@
.one_index .section-community div.image.align-right img,
.one_index .section-docs div.image.align-right img,
.one_index .section-support div.image.align-right img {
+ -webkit-border-radius: 0 35px 0 0;
+ -moz-border-radius: 0 35px 0 0;
border-radius: 0 35px 0 0;
- box-shadow: 2px 2px 2px #AAAAAA;
+ -webkit-box-shadow: 2px 2px 2px #AAA;
+ -moz-box-shadow: 2px 2px 2px #AAA;
+ box-shadow: 2px 2px 2px #AAA;
margin-bottom: 15px;
margin-left: 15px;
}
@@ -1272,7 +1339,11 @@
border: none;
padding: 0;
margin: 0;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
box-shadow: none;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
border-radius: 0;
border-bottom: 2px solid #6F084F;
width: 100%;
@@ -1282,6 +1353,8 @@
}
.features-benefits .image-border div.image.align-right img {
+ -webkit-border-radius: 15px 15px 0 0;
+ -moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
margin-bottom: -3px;
}
@@ -1417,6 +1490,8 @@
border: 1px solid #58A714;
padding: 10px;
background-color: #F5FFEA;
+ -webkit-box-shadow: 0 0 5px #ddd;
+ -moz-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
font-weight: bold;
}
@@ -1424,6 +1499,8 @@
div.form-error {
border: 1px solid #a00;
padding: 10px;
+ -webkit-box-shadow: 0 0 5px #ddd;
+ -moz-box-shadow: 0 0 5px #ddd;
box-shadow: 0 0 5px #ddd;
background-color: #fff8f8;
}
@@ -1450,8 +1527,10 @@
background-image: -o-linear-gradient(top, #696969, #797979);
background-image: linear-gradient(to bottom, #696969, #797979);
border: 1px solid rgba(255,255,255, 0.3);
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
border-radius: 8px;
- color: white;
+ color: #fff;
font-weight: bold;
}
@@ -1610,13 +1689,17 @@
text-decoration: none;
padding: 9px 18px 5px;
height: 26px;
- border-radius: 21px 21px 21px 21px;
+ -webkit-border-radius: 21px;
+ -moz-border-radius: 21px;
+ border-radius: 21px;
border: 1px solid #999999;
font-size: 20px;
}
.button.small a {
- border-radius: 10px 10px 10px 10px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
font-size: 15px;
height: 15px;
padding: 5px 9px 7px;
@@ -1698,9 +1781,11 @@
/* --- community */
.community .section-community div.image {
- border: none;
- box-shadow: none;
- padding: 0;
+ border: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ padding: 0;
}
/* different news source blocks */
@@ -1795,11 +1880,15 @@
div#gallery.content {
width: 800px;
+ float: left;
+ margin-left: 15px;
}
.section-about #gallery .slideshow {
background: none;
border: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
box-shadow: none;
}