Committer: mchervonniy
LJSUP-7052: vertical landing pages, implement stylesA trunk/htdocs/img/icons/add-community.png A trunk/htdocs/img/icons/msg.gif A trunk/htdocs/img/icons/search-lite.png U trunk/htdocs/stc/catalogue/catalogue.css U trunk/htdocs/stc/catalogue/ie.css U trunk/htdocs/stc/lanzelot/css/ie.css U trunk/htdocs/stc/lanzelot/css/modules.css U trunk/htdocs/stc/widgets/add-community.css A trunk/htdocs/stc/widgets/featuredcomms.css A trunk/htdocs/stc/widgets/featuredposts.css U trunk/htdocs/stc/widgets/widget-layout.css
Added: trunk/htdocs/img/icons/add-community.png =================================================================== (Binary files differ) Property changes on: trunk/htdocs/img/icons/add-community.png ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Added: trunk/htdocs/img/icons/msg.gif =================================================================== (Binary files differ) Property changes on: trunk/htdocs/img/icons/msg.gif ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Added: trunk/htdocs/img/icons/search-lite.png =================================================================== (Binary files differ) Property changes on: trunk/htdocs/img/icons/search-lite.png ___________________________________________________________________ Added: svn:mime-type + application/octet-stream Modified: trunk/htdocs/stc/catalogue/catalogue.css =================================================================== --- trunk/htdocs/stc/catalogue/catalogue.css 2010-11-03 08:15:29 UTC (rev 9673) +++ trunk/htdocs/stc/catalogue/catalogue.css 2010-11-03 11:20:15 UTC (rev 9674) @@ -189,15 +189,104 @@ /* App catalogue layout ------------------------------------------------------- */ .b-catalogue-app .l-content { - width: 620px; - } + width: 620px; + } .b-catalogue-app .l-content-full { - width: 940px; - } + width: 940px; + } .b-catalogue-app .b-catalogue-item DT.b-catalogue-item-name { - margin-right: 50px; - } - + margin-right: 50px; + } + +/* Appwidget browse */ +.appwidget-browse .l-content { + position:relative; + } + .appwidget-browse A:link, + .appwidget-browse A:visited, + .appwidget-browse A:hover, + .appwidget-browse A:active { + color:#4C6AA4; + } + .appwidget-browse .b-catalogue-item-desc p { + margin:3px 0; + } + .appwidget-browse .b-catalogue-item-action { + margin:20px 0 0; + } +/* catalogue switcher */ +.appwidget-browse .m-tab-switcher { + overflow:hidden; + position:relative; + bottom:-6px; + z-index:2; + } + .appwidget-browse .m-tab-switcher LI { + float:left; + padding:8px 20px; + position:relative; + } + .appwidget-browse .m-tab-switcher A:link, + .appwidget-browse .m-tab-switcher A:visited, + .appwidget-browse .m-tab-switcher A:hover, + .appwidget-browse .m-tab-switcher A:active { + border-bottom:1px dotted #000; + text-decoration:none; + color:#000; + } + .appwidget-browse .m-tab-switcher A:hover { + border-bottom:0; + } + .appwidget-browse .m-tab-switcher .cur { + border:1px solid #D2D2D2; + border-color:#D2D2D2 #D2D2D2 #FFF; + border-radius:5px 5px 0 0; + -moz-border-radius:5px 5px 0 0; + -webkit-border-radius:5px 5px 0 0; + } + .appwidget-browse .m-tab-switcher .cur A { + border:0; + } + +/* recent posts */ +.appwidget-browse .b-catalogue-item-header DD { + color:#999; + font-size:10px; + } + .appwidget-browse .b-catalogue-item-header A { + text-decoration:none; + } +.appwidget-browse .b-catalogue-item-comments { + text-align:right; + } +.appwidget-browse .b-catalogue-comments-count { + padding-left:18px; + background:url(/img/icons/msg.gif) no-repeat 0 3px; + } +.appwidget-browse .b-catalogue-item-desc { + margin:10px 0; + } + .appwidget-browse .b-catalogue-item-desc P { + margin:20px 0; + } + +.appwidget-browse .b-nav-counter { + padding:15px 0; + } +.appwidget-browse .b-nav-counter-top { + position:absolute; + top:-8px; + right:0; + z-index:3; + } + .appwidget-browse .b-nav-counter LI { + vertical-align:middle; + } + .appwidget-browse .b-nav-counter A, + .appwidget-browse .b-nav-counter SPAN { + top:0; + } + /* Pop-up for install/uninstall */ .w-popup { width: 700px; Modified: trunk/htdocs/stc/catalogue/ie.css =================================================================== --- trunk/htdocs/stc/catalogue/ie.css 2010-11-03 08:15:29 UTC (rev 9673) +++ trunk/htdocs/stc/catalogue/ie.css 2010-11-03 11:20:15 UTC (rev 9674) @@ -1,11 +1,37 @@ .b-catalogue-item { - zoom: 1; - } + zoom: 1; + } * HTML .b-catalogue-item DL { - height: 100px; - } + height: 100px; + } .b-nav-counter LI { - display: inline; - } + display: inline; + } +.appwidget-browse .b-catalogue-switcher { + zoom:1; + } +/* corners for tab switcher */ +.appwidget-browse .b-round-ctl, +.appwidget-browse .b-round-ctr { + display:none; + } +.appwidget-browse .cur .b-round-ctl, +.appwidget-browse .cur .b-round-ctr { + display:block; + position:absolute; + top:-1px; + width:4px; + height:4px; + overflow:hidden; + zoom:1; + } +.appwidget-browse .b-round-ctl { + left:-1px; + background:url(/img/corners/tl-on-ffffff.gif) no-repeat 0 0; + } +.appwidget-browse .b-round-ctr { + right:-1px; + background:url(/img/corners/tr-on-ffffff.gif) no-repeat 0 0; + } Modified: trunk/htdocs/stc/lanzelot/css/ie.css =================================================================== --- trunk/htdocs/stc/lanzelot/css/ie.css 2010-11-03 08:15:29 UTC (rev 9673) +++ trunk/htdocs/stc/lanzelot/css/ie.css 2010-11-03 11:20:15 UTC (rev 9674) @@ -394,3 +394,28 @@ * HTML DL.b-reskining-about { display: none; } + +/* appwidget-browse */ +.appwidget-browse .right-mod { + margin:0; + border-bottom:0; + } +.appwidget-browse .w-content, +.appwidget-browse .w-body { + border-width:0; + } + +.appwidget-browse .right-mod .mod-tl { + background:url(/stc/lanzelot/img/module/tl.gif?v=1) no-repeat; + } +.appwidget-browse .right-mod .mod-br { + background:url(/stc/lanzelot/img/module/br.gif?v=1) 100% 100% no-repeat; + } +.appwidget-browse .right-mod .mod-tr { + background:url(/stc/lanzelot/img/module/tr.gif?v=1) 100% 0 no-repeat; + } +.appwidget-browse .right-mod .mod-bl { + padding:18px 18px 13px; + background:url(/stc/lanzelot/img/module/bl.gif?v=1) 0 100% no-repeat; + } + Modified: trunk/htdocs/stc/lanzelot/css/modules.css =================================================================== --- trunk/htdocs/stc/lanzelot/css/modules.css 2010-11-03 08:15:29 UTC (rev 9673) +++ trunk/htdocs/stc/lanzelot/css/modules.css 2010-11-03 11:20:15 UTC (rev 9674) @@ -552,4 +552,30 @@ } +/* browse page */ +.appwidget-featuredposts .b-posts A:hover, +.appwidget-featuredposts .b-posts A:active { + text-decoration:none; + } +.appwidget-featuredposts .w-head H2 SPAN.w-head-in, +.appwidget-featuredcomms .w-head H2 SPAN.w-head-in { + padding-left:0!important; + } +.appwidget-browse .w-head-corner { + display:none; + } +.appwidget-browse .w-content, +.appwidget-browse .w-body, +.appwidget-browse .appwidget-search H2 SPAN.w-head-in, +.appwidget-browse .appwidget-addcommunity .w-head H2 SPAN.w-head-in, +.appwidget-browse .w-head H2 SPAN.w-head-in { + border:0; + background:none; + } +.appwidget-browse .w-head { + background:none!important; + } +.appwidget-browse .w-head H2 { + padding:0; + } Modified: trunk/htdocs/stc/widgets/add-community.css =================================================================== --- trunk/htdocs/stc/widgets/add-community.css 2010-11-03 08:15:29 UTC (rev 9673) +++ trunk/htdocs/stc/widgets/add-community.css 2010-11-03 11:20:15 UTC (rev 9674) @@ -8,5 +8,13 @@ text-align: center; } +.appwidget-browse .appwidget-addcommunity .w-head H2 SPAN.w-head-in { + background:url(/img/icons/add-community.png) no-repeat 0 0; + } +.appwidget-browse .appwidget-addcommunity .w-body P { + font-size:12px; + } +.appwidget-browse .appwidget-addcommunity .w-body FIELDSET { + text-align:left; + } - \ No newline at end of file Added: trunk/htdocs/stc/widgets/featuredcomms.css =================================================================== --- trunk/htdocs/stc/widgets/featuredcomms.css (rev 0) +++ trunk/htdocs/stc/widgets/featuredcomms.css 2010-11-03 11:20:15 UTC (rev 9674) @@ -0,0 +1,53 @@ +.appwidget-featuredcomms .w-head H2 SPAN.w-head-in { + padding-left:21px!important; + } +.appwidget-featuredcomms .b-posts LI { + padding:0 5px; + } + .appwidget-featuredcomms .b-posts DL { + position:relative; + padding:5px; + border-bottom:1px dotted #CCC; + } + .appwidget-featuredcomms .b-posts .last DL { + border-bottom:0; + } + .appwidget-featuredcomms .b-posts DT { + float:left; + margin:7px 0 0 0; + } + .appwidget-featuredcomms .b-posts DT IMG { + width:60px; + height:60px; + } + .appwidget-featuredcomms .b-posts DD { + padding:0 0 0 70px; + } + .appwidget-featuredcomms .b-posts-head { + min-height:40px; + font-size:12px; + font-style:normal; + font-weight:normal; + } + .appwidget-featuredcomms .b-posts-data { + font-size:11px; + } + .appwidget-featuredcomms .b-posts I { + font-style:normal; + } + .appwidget-featuredcomms .b-posts DD .i-posts-time { + color:#999; + } + .appwidget-featuredcomms .b-posts A:link, + .appwidget-featuredcomms .b-posts A:visited { + text-decoration:none; + } + .appwidget-featuredcomms .b-posts A:hover, + .appwidget-featuredcomms .b-posts A:active { + text-decoration:underline; + } + .appwidget-featuredcomms .b-posts-head .ljuser IMG { + vertical-align:middle; + padding:0 2px 0 0; + } + Added: trunk/htdocs/stc/widgets/featuredposts.css =================================================================== --- trunk/htdocs/stc/widgets/featuredposts.css (rev 0) +++ trunk/htdocs/stc/widgets/featuredposts.css 2010-11-03 11:20:15 UTC (rev 9674) @@ -0,0 +1,49 @@ +.appwidget-featuredposts .w-head H2 SPAN.w-head-in { + padding-left:21px!important; + } +.appwidget-featuredposts .b-posts LI { + padding:0 5px; + } + .appwidget-featuredposts .b-posts DL { + position:relative; + padding:5px; + border-bottom:1px dotted #CCC; + } + .appwidget-featuredposts .b-posts .last DL { + border-bottom:0; + } + .appwidget-featuredposts .b-posts DT { + float:left; + margin:7px 0 0 0; + } + .appwidget-featuredposts .b-posts DT IMG { + width:60px; + height:60px; + } + .appwidget-featuredposts .b-posts DD { + padding:0 0 0 70px; + } + .appwidget-featuredposts .b-posts-head { + min-height:40px; + font-size:12px; + font-style:normal; + font-weight:normal; + } + .appwidget-featuredposts .b-posts-data { + font-size:11px; + } + .appwidget-featuredposts .b-posts I { + font-style:normal; + } + .appwidget-featuredposts .b-posts DD .i-posts-time { + color:#999; + } + .appwidget-featuredposts .b-posts A:link, + .appwidget-featuredposts .b-posts A:visited { + text-decoration:none; + } + .appwidget-featuredposts .b-posts A:hover, + .appwidget-featuredposts .b-posts A:active { + text-decoration:underline; + } + Modified: trunk/htdocs/stc/widgets/widget-layout.css =================================================================== --- trunk/htdocs/stc/widgets/widget-layout.css 2010-11-03 08:15:29 UTC (rev 9673) +++ trunk/htdocs/stc/widgets/widget-layout.css 2010-11-03 11:20:15 UTC (rev 9674) @@ -52,3 +52,17 @@ padding: 0; } +/* chages for browse page */ +.appwidget-browse .w-content, +.appwidget-browse .w-body { + border:1px solid #E6E6E6; + border-width:0 1px 1px; + border-radius:0 0 4px 4px; + -moz-border-radius:0 0 4px 4px; + -webkit-border-radius:0 0 4px 4px; + background:#F6F6F6; + } +.appwidget-browse .w-content { + padding:7px 0; + } +