Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

styled recent activities portlet

  • Loading branch information...
commit d363d89c442eb64d7c5b7583ae286e11883a70b6 1 parent a1c7532
@blaflamme blaflamme authored
View
10 karl/ux2/templates/recent_activity.pt
@@ -2,10 +2,12 @@
<h3>Recent Activity</h3>
<ul id="recent-activity-list" class="portlet-list">
<li class="portlet-item" tal:repeat="item recent_items">
- <b><a href="${item.url}">${item.title}</a></b><br/>
- ${item.type}
- <abbr class="timeago" title="${item.modified_ago}">${item.modified_ago}</abbr> by
- <a href="${item.modified_by_url}">${item.modified_by_title}</a>
+ <a href="${item.url}">${item.title}</a> <span class="label label-inverse">${item.type}</span>
+ <br>
+ <div class="footer-line">
+ <abbr class="timeago" title="${item.modified_ago}">${item.modified_ago}</abbr> by
+ <a href="${item.modified_by_url}">${item.modified_by_title}</a>
+ </div>
</li>
</ul>
</section>
View
11 karl/views/static/ux2/css/elements/portlets.less
@@ -11,6 +11,12 @@
font-size: 1.333;
margin-top: 0;
}
+ .label-inverse {
+ background-color: @linkColor;
+ }
+ .label-inverse:hover {
+ background-color: darken(@linkColor, 10%);
+ }
}
.contentRelated {
.css3_border_radius(.5em);
@@ -56,6 +62,11 @@
padding: 0 0 5px 0;
margin: 0 0 5px 0;
border-bottom: 1px dotted darken(#82ADBF, 20%);
+ .footer-line {
+ color: @bodyBg;
+ font-size: 0.80em;
+ font-style: italic;
+ }
}
.portlet-buttons {
View
4 karl/views/static/ux2/css/main.css
@@ -534,11 +534,13 @@ a.next{margin:0 0 0 .5em;}.generatedcontent a.next:after{margin-left:-0.2em;bord
.portlet{zoom:1;*zoom:1;margin:0 0.6665em 1.333em;padding:0.6665em;background:#c8b6a1;text-shadow:none;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.portlet:before,.portlet:after{display:table;content:"";zoom:1;}
.portlet:after{clear:both;}
.portlet h3{font-size:1.333;margin-top:0;}
+.portlet .label-inverse{background-color:#3d8fb3;}
+.portlet .label-inverse:hover{background-color:#30718d;}
.contentRelated{-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.contentRelated:before{border-top:none;border-left:0.5em solid transparent;border-right:0.5em solid transparent;border-bottom:0.5em solid #c8b6a1;content:"";display:block;width:0;height:0;*line-height:0;position:absolute;top:-0.5em;left:0.5em;}
.sectionRelated{background:#82adbf;text-shadow:none;}.sectionRelated a{color:#ffffff;}.sectionRelated a:hover{color:#eadecc;}
#my-communities-list,#blog-archive{font-size:0.9em;}#my-communities-list a,#blog-archive a{color:#ffffff;}#my-communities-list a:hover,#blog-archive a:hover{color:#235267;}
.portlet-list{padding:0;margin:0;list-style:none;}.portlet-list>li:first-child{border-top:1px dotted #4a7c91;}
-.portlet-item{color:#235267;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px dotted #4a7c91;}
+.portlet-item{color:#235267;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px dotted #4a7c91;}.portlet-item .footer-line{color:#eadecc;font-size:0.80em;font-style:italic;}
.portlet-buttons{margin-top:1em;}.portlet-buttons a.btn{color:#000000;}
@media only screen and (min-width: 640px){.portlet{float:left;width:44%;margin-right:4%;margin-left:0;padding:2%;} .portlet:nth-of-type(even){margin-right:0;} .sectionRelated{-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}}@media only screen and (min-width: 1024px){.portlet{float:none;width:100%;margin-left:0;margin-right:0;padding:0.6665em;} .contentRelated:before{border-left:none;border-top:0.5em solid transparent;border-right:0.5em solid #c8b6a1;border-bottom:0.5em solid transparent;content:"";display:block;width:0;height:0;*line-height:0;top:0.5em;left:-0.46em;}}@media only screen and (min-width: 2024px){.portlet{display:inline;float:left;width:48.958333333333336%;margin-left:0;margin-right:1.0416666666666665%;}.portlet:nth-child(even){margin-left:1.0416666666666665%;margin-right:0;} .ie7 .portlet{width:48.458333333333336%;}}.blogComment{position:relative;-webkit-border-radius:0.5em;-moz-border-radius:0.5em;border-radius:0.5em;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;background-color:#C8B6A1;margin-top:40px;margin-bottom:1em;padding:1em;min-height:100px;height:auto !important;font-size:0.85em;}.blogComment a:hover{color:#8F806F;}
.blogComment .commentManagement{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:capitalize;float:right;position:relative;display:block;clear:both;}.blogComment .commentManagement ul{font-size:0.95em;float:none;clear:both;list-style:none;padding:0;}.blogComment .commentManagement ul>li{display:inline;padding:0 10px;margin:0;border-left:1px solid #8F806F;}.blogComment .commentManagement ul>li>a{display:inline-block;}
Please sign in to comment.
Something went wrong with that request. Please try again.