[prev in list] [next in list] [prev in thread] [next in thread]
List: kde-commits
Subject: www/sites/www-devel
From: Elena M RamÃrez <eramirez () ximdex ! com>
Date: 2011-03-28 7:39:37
Message-ID: 20110328073937.8F238AC8CA () svn ! kde ! org
[Download RAW message or body]
SVN commit 1226261 by elenamramirez:
Gui: Pages of category applications modified. Added images and changes on css.php.
AM edu/images/back-category.png
AM edu/images/bg-category-box.png
AM edu/images/bg-category.png
AM edu/images/category.png
AM edu/images/h3.png
AM edu/images/list-circle-over.png
AM edu/images/list-circle.png
AM edu/images/stick.png
M +330 -26 media/includes/derry/css.php
--- trunk/www/sites/www-devel/media/includes/derry/css.php #1226260:1226261
@@ -69,7 +69,7 @@
.header h1:hover:after{
content: ' ';
- background: url('../../../edu/images/back-home.png') no-repeat left top;
+ background: url('../../../images/back-home.png') no-repeat left top;
display: block;
height: 53px;
width: 153px;
@@ -84,7 +84,7 @@
margin-right: 20px;
}
.header .search label{
- text-indent: -9999999999px;
+ text-indent: -99999999px;
background: url('../../images/header/label-search.png') no-repeat left center;
display: block;
width: 90px;
@@ -97,7 +97,7 @@
border:none;
padding: 8px 8px 7px 30px;
color: #2d4e63;
- width: 145px;
+ width: 95px;
}
/*.header {background-image:url('../../images/page-hr-alt.png');
@@ -181,8 +181,122 @@
margin-bottom: 20px;
}
-#sidebar { color: #444; float: right; max-width:185px; min-height:200px; margin:10px \
0px 10px 15px; padding: 15px; border: 1px solid #ccc; font-size:10pt; text-align: \
left;background-image:url('../../images/30.png');border-radius: 3px; \
-moz-border-radius: 3px; -webkit-border-radius: 3px;-khtml-border-radius: \
3px;box-shadow: 0px 1px 8px #aaa;} +#sidebar { /*color: #444; float: right; \
max-width:185px; min-height:200px; margin:10px 0px 10px 15px; padding: 15px; border: \
1px solid #ccc; font-size:10pt; text-align: \
left;background-image:url('../../images/30.png');border-radius: 3px; \
-moz-border-radius: 3px; -webkit-border-radius: 3px;-khtml-border-radius: \
3px;box-shadow: 0px 1px 8px #aaa;*/ + float: right;
+ background: #fdfdfd url('../../../images/bg-sidebar.png') repeat center center;
+ /*font-weight: bold;
+ background: #fdfdfd url('../../../images/bg-category-box.png') repeat center \
center; + -moz-border-radius: 4px:
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ border: 1px solid #DADADA;
+ padding: 15px;*/
+ width: 248px;
+ -moz-box-shadow: 0px 0px 1px rgba(157,157,157,.7);
+ -webkit-box-shadow: 0px 0px 1px rgba(157,157,157,.7);
+ box-shadow: 0px 0px 1px rgba(157,157,157,.7);
+ margin: 0px -10px 0px 30px;
+ position: relative;
+}
+#sidebar div{
+ padding: 15px 0px 0px 40px;
+ position:relative;
+ background: url('../../../images/bg-infobox.png') no-repeat center center;
+ font-size: .85em;
+}
+
+#sidebar div:first-child{
+ background: url('../../../images/sidebar-spot-tp.png') no-repeat left top;
+ padding-top: 25px;
+}
+
+
+#sidebar div:first-child a{
+ margin-left: 20px;
+}
+#sidebar div:last-child{
+ background: url('../../../images/sidebar-spot-bt.png') no-repeat right bottom;
+ padding-bottom: 15px;
+}
+#sidebar div strong{
+ font-family: Georgia;
+ font-style: italic;
+ color: #5c8abb;
+ font-size: 1.3em;
+ display: block;
+ background: url(../../../images/sidebar-icons.png) no-repeat left top;
+ padding: 1px 0px 3px 24px;
+ margin-left: -10px;
+ /*text-indent: -99999999px;
+ */
+
+}
+
+
+#sidebar div strong[class=categories]{
+ background-position: -4px -7px;
+}
+#sidebar div strong[class=more]{
+ background-position: -4px -183px;
+}
+#sidebar div strong[class=help]{
+ background-position: -4px -67px;
+}
+
+#sidebar div strong[class=contact]{
+ background-position: -4px -126px;
+}
+#sidebar div strong[class=info]{
+ background-position: -4px -239px;
+}
+
+#sidebar:before{
+ content: ' ';
+ background: url(../../../images/sidebar-shadow1.png) no-repeat left bottom;
+ width: 13px;
+ height: 427px;
+ display: block;
+ position: absolute;
+ bottom: -11px;
+ right: -11px;
+}
+
+#sidebar:after{
+ content: ' ' ;
+ background: url(../../../images/sidebar-shadow2.png) no-repeat left bottom;
+ position: absolute;
+ width: 248px;
+ height: 11px;
+ bottom: -11px;
+ right: 0px;
+}
+#sidebar #infobox-return:before{
+ content: ' ';
+ background: url('../../../images/stick-inv.png') no-repeat center center;
+ width: 32px;
+ height: 32px;
+ display: block;
+ position: absolute;
+ top: -12px;
+ right: -11px;
+}
+
+#sidebar .infobox:last-child:after{
+ content: ' ';
+ background: url('../../../images/stick-inv.png') no-repeat center center;
+ width: 32px;
+ height: 32px;
+ display: block;
+ position: absolute;
+ bottom: -12px;
+ left: -15px;
+
+}
+
+#sidebar strong + br{
+ line-height: .7em;
+}
a.cp-doNotDisplay { display: none; }
#main { padding:10px 50px 0px}/*text-align:justify;*/
@@ -194,10 +308,10 @@
#main p, #main ul { color: #444; padding: 15px}
#main ul { list-style: circle inside; }
#main ul li ul { padding: 0px; padding-left: 15px; }
-
#main h1 { color: #446888;font-size:22pt; padding:30px 0px 20px 0px;}
-#main h2 { color: #446888;margin:30px 0px 20px 0px;/*font-size:18pt;*/ background: \
url('../../images/under-h2.png') no-repeat center bottom;}
-#main h3 { color: #446888;font-size:17pt;font-weight:bold}
+#main h2{ color: #A1BAD5;margin:15px 0px 10px 0px;/*font-size:18pt;*/ background: \
url('../../images/under-h2.png') no-repeat center bottom;padding: 15px 0px;color: \
#5C8ABB; background: url('../../../images/h3.png') no-repeat left center; padding: \
15px 0px 15px 46px; font-family: Georgia; font-size: 1.9em;font-style: italic; \
letter-spacing: -0.01em;} +#main h3{ color: #0a71b4; padding: 20px 15px 5px 15px; \
font-size: 1.3em;} +/*#main h3 { color: #446888;font-size:17pt;font-weight:bold}*/
#main h4 { color: #446888;}
#main h5 { color: #446888;font-size:14pt;}
#main h6 { color: #446888;font-size:12pt;font-weight:bold} */
@@ -207,6 +321,14 @@
.content a { color: #0099ff; text-decoration:none; border-bottom: 1px dotted;}
.content a:hover {color: #7db63a;}
+.content .app-screenshot a{
+ border: none;
+}
+
+#main .app-screenshot img{
+ margin: 0px;
+}
+
#main p { padding: 10px 15px; line-height:1.7em;}
#main .intro{
@@ -242,21 +364,25 @@
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {font-weight:normal}
#main h1 { line-height:1.3em; padding-left:10px; \
/*background-image:url('../../images/30.png'); */ color: #2d4e63;font-size:1.8em; \
margin:20px 10px 10px 0px;}
-#main h2 { color: #0d5381;font-size:1.5em; padding:10px 0px 15px 0px;}
-#main h3 { color: #557899;font-size:1.2em; padding:25px 0px 15px 0px;}
+/*#main h2 { color: #0d5381;font-size:1.5em; padding:10px 0px 15px 0px;}
+ #main h3 { color: #557899;font-size:1.2em; padding:25px 0px 15px 0px;}*/
/*#main h4 { color: #557899;font-size:13pt; padding:20px 0px 10px \
0px;font-weight:bold;}*/ #main h5 { color: #557899;font-size:12pt; padding:15px 0px \
10px 0px;font-weight:bold;} #main h6 { color: #557899;font-size:11pt; padding:15px \
0px 10px 0px;font-weight:bold;}
/*box-shadow: 0px 2px 10px #888;*/
-#main img {margin:10px; padding:5px; background-image:url('../../images/70.png'); \
border:1px solid #aaa; border-radius: 3px; -moz-border-radius: 3px; \
-webkit-border-radius: 3px;-khtml-border-radius: 3px;} +#main img {margin:0px 10px; \
padding:5px; background:#f1f1f1; border:1px solid #dadada; border-radius: 3px; \
-moz-border-radius: 3px; -webkit-border-radius: 3px;-khtml-border-radius: 3px;}
+#main h3 > img, #main .app-icon img {
+ margin: 0px; background: none; border: none; width: 35px;
+}
+
#main .teaser img{
border: none; margin: 0px; padding: 0px; background: none;
}
#main .intro h3{
- text-indent: -9999999999999999px;
- background: url('../../../edu/images/wellcome.png') no-repeat left top;
+ text-indent: -99999999px;
+ background: url('../../../images/welcome.png') no-repeat left top;
}
#main .intro img{
border: none; margin: -25px 0px 0 0; padding: 0px; background: none;float: right;
@@ -264,8 +390,9 @@
#main dl,#main ol,#main ul {padding:10px 30px;}
#main ol {list-style:decimal}
-#main ul {list-style-image:url('../../images/list-circle.png');}
-#main ul li:hover {list-style-image:url('../../images/list-circle-over.png');}
+#main ul {list-style-image:url('../../../images/list-circle.png');}
+#main ul.features {list-style-image:url('../../../images/list-feature.png');}
+/*#main ul li:hover \
{list-style-image:url('../../../images/list-circle-over.png');}*/
#main form {margin:10px;padding:5px; border:1px solid #E1EAF2; box-shadow: 0px 2px \
3px #888; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: \
5px;-khtml-border-radius: 5px;} #main fieldset {}
@@ -292,8 +419,8 @@
#main .toolbox ul{
list-style: none;
text-align: right;
- font-size: 1.1em;
- padding: 10px 5px;
+ font-size: 1em;
+ padding: 11px 5px 11px;
background: url('../../images/border-breadcrumb.png') no-repeat center center;
}
@@ -327,15 +454,36 @@
/* Application pages */
#sidebar a {
text-decoration: none;
+ border-bottom: none;
+ color: #0a71b4;
+ line-height: 1.3em;
}
+
+#sidebar a:hover {
+ color: #7DB63A;
+ border-bottom: 1px dotted;
+}
+
+#sidebar strong[class="categories"] + a{
+ margin-left: 20px;
+}
+
.app-icon {
float: left;
+ margin: 18px 0 10px;
+ padding-left: 16px;
}
+#main .app-icon + h2{
+ padding-left: 67px;
+ background: none;
+}
+
.app-screenshot {
clear: left;
- text-align: center;
+ /* text-align: center;*/
+ margin: 10px 0px 35px;
}
.infobox {
@@ -346,31 +494,112 @@
#infobox-return img, .header-image {
padding: 0px !important;
border: 0px !important;
- margin: 0px 5px 0px 0px !important;
+ margin: 0px 5px 0px -20px !important;
background-image: none !important;
+ width: 8%;
+
}
.app-category, .international-site {
float: left;
display: table-cell;
max-width: 240px;
- width: 240px;
- height: 60px;
- max-height: 60px !important;
+ width: 26%;
+ margin-right: 1.5%;
+ margin-left: 1.9%;
+ margin-bottom: 15px;
+ /*height: 60px;
+ max-height: 60px !important;*/
text-align: left;
+ border: 1px solid #dadada;
+ -moz-box-shadow: 0px 1px 1px rgba(157,157,157,.4);
+ box-shadow: 0px 1px 1px rgba(157,157,157,.4);
+ -webkit-box-shadow; 0px 1px 1px rgba(157,157,157,.4);
+ background: #ebebeb url('../../../images/bg-category.png') repeat-x left bottom;
+ font-size: .87em;
+ color: #888 !important;
+ margin-top: 10px;
+ line-height: 1.2em !important;
}
+.app-category > span{
+ display: block;
+ margin-top: 29px;
+}
+
.app-category img, .international-site img {
float: left;
- margin: 0px 10px 0px 0px !important;
+ display: block;
+ margin: 0px 10px 0px 0px;
+ background: none !important;
}
+.app-category a:before {
+ content: ' ';
+ background: url('../../../images/stick.png') no-repeat center center;
+ width: 32px;
+ height: 32px;
+ display: block;
+ position: absolute;
+ top: -12px;
+ left: -15px;
+}
+
+.app-category a:after {
+ content: ' ';
+ background: url('../../../images/stick.png') no-repeat center center;
+ width: 32px;
+ height: 32px;
+ display: block;
+ position: absolute;
+ bottom: -12px;
+ right: -11px;
+
+}
.app-category a, .international-site a {
- font-size: 12pt;
+ /*font-size: 12pt;*/
font-weight: bold;
text-decoration: none;
+ display: block;
+ background: #fdfdfd url('../../../images/bg-category-box.png') no-repeat center \
center; + -moz-border-radius: 4px:
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ border: 1px solid #DADADA;
+ -moz-box-shadow: 0px 0px 1px rgba(157,157,157,.7);
+ -webkit-box-shadow: 0px 0px 1px rgba(157,157,157,.7);
+ box-shadow: 0px 0px 1px rgba(157,157,157,.7);
+ font-size: 1.2em;
+ position: relative;
+ float: left;
+ margin-right: 12px;
}
+
+#main .app-category a img{
+ margin: 10px;
+ border: 0px;
+}
+
+#main .app-category br{
+ display: none;
+}
+
+#main .app-category a span{
+ position: absolute;
+ margin-top: 7px;
+ color: #0A71B4;
+ display: block;
+ padding-bottom: 2px;
+ /*padding-left: 17px;
+ background: url('../../../images/bg-category-span.png') no-repeat -4px top;*/
+ left: 90px;
+}
+
+#main .app-category a span:hover{
+ color: #7DB63A;
+}
+
.international-site {
height: auto !important;
}
@@ -387,7 +616,7 @@
}
#rss h3, #required-area h3, #main .info-area h4{
- background: url('../../../edu/images/icons.png') no-repeat left top;
+ background: url('../../../images/icons.png') no-repeat left top;
padding: 9px 0 5px 36px;
font-size: 1.25em;
}
@@ -497,8 +726,8 @@
right: -37px;
}
.up a{
- text-indent: -999999999999999999999px;
- background: url('../../../edu/images/up.png') no-repeat left top;
+ text-indent: -99999999px;
+ background: url('../../../images/up.png') no-repeat left top;
display: block;
width: 121px;
height: 128px;
@@ -509,3 +738,78 @@
}
+.two_left{
+ width: 40%;
+ float: left;
+}
+
+.two_left{
+ width: 40%;
+ float: left;
+}
+
+.c-left{
+ clear: left;
+}
+
+
+.category-nav{
+ width: 43px;
+ float: right;
+ background: url('../../../images/category.png') no-repeat left -2px;
+ height: 32px;
+ margin-top: -57px;
+ position: fixed;
+ margin-left: 828px;
+}
+.category-nav:hover{
+ background: url('../../../images/category.png') no-repeat left -41px;
+ }
+
+.category-nav:hover a{
+ position: absolute;
+ display: block;
+ width: 200px;
+ left: -200px;
+ padding-right: 42px;
+ border-bottom: none;
+ padding-bottom: 34px;
+ background: url('../../../images/back-category.png') no-repeat 165px bottom;
+ height: 22px;
+ top: -2px;
+ z-index: 1000;
+}
+
+.category-nav a{
+ display:none;
+}
+
+.category-nav a span{
+ display: block;
+ background: #fdfdfd;
+ padding: 10px 5px;
+ -moz-border-radius: 3px;
+ -moz-box-shadow: 0px 1px 4px #ccc;
+ text-align: center;
+}
+
+.app-screenshot + p strong:first-child{
+ /*background: #A1BAD5;*/
+ margin-left: 10px;
+ color: #0A71B4;
+ position: relative;
+}
+
+.app-screenshot + p strong:first-child:before{
+ content: '"';
+ font-family: Georgia;
+ font-size: 1.8em;
+ position: relative;
+ top: 5px;
+ color: #A2BBD5;
+}
+
+#app-additional-info-paragraph{
+ background: url(../../../images/sidebar-icons.png) no-repeat -4px -170px;
+ padding-left: 22px !important;
+}
\ No newline at end of file
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic