Merge pull request #1570 from rabuzarus/archive-widget
port of red matrix archive widget
This commit is contained in:
commit
4554526515
10 changed files with 209 additions and 153 deletions
|
@ -4858,6 +4858,37 @@ function first_post_date($uid,$wall = false) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* modified posted_dates() {below} to arrange the list in years */
|
||||||
|
function list_post_dates($uid, $wall) {
|
||||||
|
$dnow = datetime_convert('',date_default_timezone_get(),'now','Y-m-d');
|
||||||
|
|
||||||
|
$dthen = first_post_date($uid, $wall);
|
||||||
|
if(! $dthen)
|
||||||
|
return array();
|
||||||
|
|
||||||
|
// Set the start and end date to the beginning of the month
|
||||||
|
$dnow = substr($dnow,0,8).'01';
|
||||||
|
$dthen = substr($dthen,0,8).'01';
|
||||||
|
|
||||||
|
$ret = array();
|
||||||
|
|
||||||
|
// Starting with the current month, get the first and last days of every
|
||||||
|
// month down to and including the month of the first post
|
||||||
|
while(substr($dnow, 0, 7) >= substr($dthen, 0, 7)) {
|
||||||
|
$dyear = intval(substr($dnow,0,4));
|
||||||
|
$dstart = substr($dnow,0,8) . '01';
|
||||||
|
$dend = substr($dnow,0,8) . get_dim(intval($dnow),intval(substr($dnow,5)));
|
||||||
|
$start_month = datetime_convert('','',$dstart,'Y-m-d');
|
||||||
|
$end_month = datetime_convert('','',$dend,'Y-m-d');
|
||||||
|
$str = day_translate(datetime_convert('','',$dnow,'F'));
|
||||||
|
if(! $ret[$dyear])
|
||||||
|
$ret[$dyear] = array();
|
||||||
|
$ret[$dyear][] = array($str,$end_month,$start_month);
|
||||||
|
$dnow = datetime_convert('','',$dnow . ' -1 month', 'Y-m-d');
|
||||||
|
}
|
||||||
|
return $ret;
|
||||||
|
}
|
||||||
|
|
||||||
function posted_dates($uid,$wall) {
|
function posted_dates($uid,$wall) {
|
||||||
$dnow = datetime_convert('',date_default_timezone_get(),'now','Y-m-d');
|
$dnow = datetime_convert('',date_default_timezone_get(),'now','Y-m-d');
|
||||||
|
|
||||||
|
@ -4895,16 +4926,28 @@ function posted_date_widget($url,$uid,$wall) {
|
||||||
|
|
||||||
/* if($wall && intval(get_pconfig($uid,'system','no_wall_archive_widget')))
|
/* if($wall && intval(get_pconfig($uid,'system','no_wall_archive_widget')))
|
||||||
return $o;*/
|
return $o;*/
|
||||||
|
|
||||||
$ret = posted_dates($uid,$wall);
|
$visible_years = get_pconfig($uid,'system','archive_visible_years');
|
||||||
|
if(! $visible_years)
|
||||||
|
$visible_years = 5;
|
||||||
|
|
||||||
|
$ret = list_post_dates($uid,$wall);
|
||||||
|
|
||||||
if(! count($ret))
|
if(! count($ret))
|
||||||
return $o;
|
return $o;
|
||||||
|
|
||||||
|
$cutoff_year = intval(datetime_convert('',date_default_timezone_get(),'now','Y')) - $visible_years;
|
||||||
|
$cutoff = ((array_key_exists($cutoff_year,$ret))? true : false);
|
||||||
|
|
||||||
$o = replace_macros(get_markup_template('posted_date_widget.tpl'),array(
|
$o = replace_macros(get_markup_template('posted_date_widget.tpl'),array(
|
||||||
'$title' => t('Archives'),
|
'$title' => t('Archives'),
|
||||||
'$size' => ((count($ret) > 6) ? 6 : count($ret)),
|
'$size' => $visible_years,
|
||||||
|
'$cutoff_year' => $cutoff_year,
|
||||||
|
'$cutoff' => $cutoff,
|
||||||
'$url' => $url,
|
'$url' => $url,
|
||||||
'$dates' => $ret
|
'$dates' => $ret,
|
||||||
|
'$showmore' => t('show more')
|
||||||
|
|
||||||
));
|
));
|
||||||
return $o;
|
return $o;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,9 +1,47 @@
|
||||||
|
<script>
|
||||||
|
|
||||||
|
function showHideDates() {
|
||||||
|
if( $('#posted-date-dropdown').is(':visible')) {
|
||||||
|
$('#posted-date-dropdown').hide();
|
||||||
|
$('#posted-date-collapse').html(window.showMore);
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$('#posted-date-dropdown').show();
|
||||||
|
$('#posted-date-collapse').html(window.showFewer);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<div id="datebrowse-sidebar" class="widget">
|
<div id="datebrowse-sidebar" class="widget">
|
||||||
<h3>{{$title}}</h3>
|
<h3>{{$title}}</h3>
|
||||||
<script>function dateSubmit(dateurl) { window.location.href = dateurl; } </script>
|
<script>function dateSubmit(dateurl) { window.location.href = dateurl; } </script>
|
||||||
<select id="posted-date-selector" name="posted-date-select" onchange="dateSubmit($(this).val());" size="{{$size}}">
|
<ul id="posted-date-selector" class="datebrowse-ul">
|
||||||
{{foreach $dates as $d}}
|
{{foreach $dates as $y => $arr}}
|
||||||
<option value="{{$url}}/{{$d.1}}/{{$d.2}}" >{{$d.0}}</option>
|
{{if $y == $cutoff_year}}
|
||||||
{{/foreach}}
|
</ul>
|
||||||
</select>
|
<div id="posted-date-dropdown" style="display: none;">
|
||||||
|
<ul id="posted-date-selector-drop" class="datebrowse-ul">
|
||||||
|
{{/if}}
|
||||||
|
<li id="posted-date-selector-year-{{$y}}" class="tool">
|
||||||
|
<a class="datebrowse-link" href="#" onclick="openClose('posted-date-selector-{{$y}}'); return false;">{{$y}}</a>
|
||||||
|
</li>
|
||||||
|
<div id="posted-date-selector-{{$y}}" style="display: none;">
|
||||||
|
<ul class="posted-date-selector-months datebrowse-ul">
|
||||||
|
{{foreach $arr as $d}}
|
||||||
|
<li class="tool">
|
||||||
|
<a class="datebrowse-link" href="#" onclick="dateSubmit('{{$url}}/{{$d.1}}/{{$d.2}}'); return false;">{{$d.0}}</a></li>
|
||||||
|
</li>
|
||||||
|
{{/foreach}}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{{/foreach}}
|
||||||
|
{{if $cutoff}}
|
||||||
|
</div>
|
||||||
|
<ul class="datebrowse-ul">
|
||||||
|
<li onclick="showHideDates(); return false;" id="posted-date-collapse" class="fakelink tool">{{$showmore}}</li>
|
||||||
|
</ul>
|
||||||
|
{{/if}}
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -2026,11 +2026,11 @@ a.mail-list-link {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nets-ul, .fileas-ul, .categories-ul {
|
.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nets-ul li, .fileas-ul li, .categories-ul li {
|
.nets-ul li, .fileas-ul li, .categories-ul li, .datebrowse-ul li {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -2327,11 +2327,11 @@ a.mail-list-link {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nets-ul, .fileas-ul, .categories-ul {
|
.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nets-ul li, .fileas-ul li, .categories-ul li {
|
.nets-ul li, .fileas-ul li, .categories-ul li, .datebrowse-ul li {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -514,7 +514,6 @@ header {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
/*width: 100%; height: 12px; */
|
/*width: 100%; height: 12px; */
|
||||||
|
|
||||||
z-index: 110;
|
z-index: 110;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
@ -840,11 +839,13 @@ aside #dfrn-request-link:hover {
|
||||||
aside #profiles-menu {
|
aside #profiles-menu {
|
||||||
width: 20em;
|
width: 20em;
|
||||||
}
|
}
|
||||||
|
aside .posted-date-selector-months {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
#contact-block {
|
#contact-block {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
/*.contact-block-div { width:60px; height: 60px; }*/
|
/*.contact-block-div { width:60px; height: 60px; }*/
|
||||||
|
|
||||||
}
|
}
|
||||||
#contact-block .contact-block-h4 {
|
#contact-block .contact-block-h4 {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -926,7 +927,6 @@ aside #profiles-menu {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
||||||
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.widget h3 {
|
.widget h3 {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
@ -1208,7 +1208,6 @@ section {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.comment-edit-preview .contact-photo-menu-button {
|
.comment-edit-preview .contact-photo-menu-button {
|
||||||
top: 15px !important;
|
top: 15px !important;
|
||||||
|
@ -1284,15 +1283,12 @@ section {
|
||||||
}*/
|
}*/
|
||||||
.wwto {
|
.wwto {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
width: 25px;
|
|
||||||
height: 25px;
|
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border: 2px solid #364e59;
|
border: 2px solid #364e59;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
width: 25px;
|
width: 25px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
position: absolute !important;
|
|
||||||
top: 40px;
|
top: 40px;
|
||||||
left: 30px;
|
left: 30px;
|
||||||
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
|
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
|
||||||
|
|
|
@ -514,7 +514,6 @@ header {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
/*width: 100%; height: 12px; */
|
/*width: 100%; height: 12px; */
|
||||||
|
|
||||||
z-index: 110;
|
z-index: 110;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
@ -840,11 +839,13 @@ aside #dfrn-request-link:hover {
|
||||||
aside #profiles-menu {
|
aside #profiles-menu {
|
||||||
width: 20em;
|
width: 20em;
|
||||||
}
|
}
|
||||||
|
aside .posted-date-selector-months {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
#contact-block {
|
#contact-block {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
/*.contact-block-div { width:60px; height: 60px; }*/
|
/*.contact-block-div { width:60px; height: 60px; }*/
|
||||||
|
|
||||||
}
|
}
|
||||||
#contact-block .contact-block-h4 {
|
#contact-block .contact-block-h4 {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -926,7 +927,6 @@ aside #profiles-menu {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
||||||
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.widget h3 {
|
.widget h3 {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
@ -1208,7 +1208,6 @@ section {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.comment-edit-preview .contact-photo-menu-button {
|
.comment-edit-preview .contact-photo-menu-button {
|
||||||
top: 15px !important;
|
top: 15px !important;
|
||||||
|
@ -1284,15 +1283,12 @@ section {
|
||||||
}*/
|
}*/
|
||||||
.wwto {
|
.wwto {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
width: 25px;
|
|
||||||
height: 25px;
|
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border: 2px solid #364e59;
|
border: 2px solid #364e59;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
width: 25px;
|
width: 25px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
position: absolute !important;
|
|
||||||
top: 40px;
|
top: 40px;
|
||||||
left: 30px;
|
left: 30px;
|
||||||
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
|
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
|
||||||
|
|
|
@ -514,7 +514,6 @@ header {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
/*width: 100%; height: 12px; */
|
/*width: 100%; height: 12px; */
|
||||||
|
|
||||||
z-index: 110;
|
z-index: 110;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
@ -840,11 +839,13 @@ aside #dfrn-request-link:hover {
|
||||||
aside #profiles-menu {
|
aside #profiles-menu {
|
||||||
width: 20em;
|
width: 20em;
|
||||||
}
|
}
|
||||||
|
aside .posted-date-selector-months {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
#contact-block {
|
#contact-block {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
/*.contact-block-div { width:60px; height: 60px; }*/
|
/*.contact-block-div { width:60px; height: 60px; }*/
|
||||||
|
|
||||||
}
|
}
|
||||||
#contact-block .contact-block-h4 {
|
#contact-block .contact-block-h4 {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -926,7 +927,6 @@ aside #profiles-menu {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
|
||||||
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.widget h3 {
|
.widget h3 {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
@ -1208,7 +1208,6 @@ section {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
/*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.comment-edit-preview .contact-photo-menu-button {
|
.comment-edit-preview .contact-photo-menu-button {
|
||||||
top: 15px !important;
|
top: 15px !important;
|
||||||
|
@ -1284,15 +1283,12 @@ section {
|
||||||
}*/
|
}*/
|
||||||
.wwto {
|
.wwto {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
width: 25px;
|
|
||||||
height: 25px;
|
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border: 2px solid #364e59;
|
border: 2px solid #364e59;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
width: 25px;
|
width: 25px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
position: absolute !important;
|
|
||||||
top: 40px;
|
top: 40px;
|
||||||
left: 30px;
|
left: 30px;
|
||||||
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
|
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
|
||||||
|
|
|
@ -12,9 +12,9 @@ body {
|
||||||
h4 { font-size: 1.1em }
|
h4 { font-size: 1.1em }
|
||||||
|
|
||||||
.shadow(@x: 0px, @y: 5px){
|
.shadow(@x: 0px, @y: 5px){
|
||||||
-webkit-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
|
-webkit-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
|
||||||
-moz-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
|
-moz-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
|
||||||
box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
|
box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.rounded(@tr: 5px, @tl: 5px, @bl: 5px, @br: 5px){
|
.rounded(@tr: 5px, @tl: 5px, @bl: 5px, @br: 5px){
|
||||||
|
@ -52,10 +52,10 @@ a:hover {color: @LinkHover; text-decoration: underline; }
|
||||||
.fakelink:hover { color: @LinkHover; text-decoration: underline; }
|
.fakelink:hover { color: @LinkHover; text-decoration: underline; }
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
background:@BlockquoteBackgroundColor;
|
background:@BlockquoteBackgroundColor;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
border-left: 1em solid @BlockquoteBorderColor;
|
border-left: 1em solid @BlockquoteBorderColor;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -86,9 +86,7 @@ code {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* tool */
|
/* tool */
|
||||||
|
|
||||||
.tool {
|
.tool {
|
||||||
height: auto; overflow: auto;
|
height: auto; overflow: auto;
|
||||||
.label { float: left;}
|
.label { float: left;}
|
||||||
|
@ -97,8 +95,6 @@ code {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* popup notifications */
|
/* popup notifications */
|
||||||
#jGrowl.top-right {
|
#jGrowl.top-right {
|
||||||
top: 30px;
|
top: 30px;
|
||||||
|
@ -144,6 +140,7 @@ header {
|
||||||
#logo-text { font-size: 22px }
|
#logo-text { font-size: 22px }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* nav */
|
/* nav */
|
||||||
nav {
|
nav {
|
||||||
width: 100%; height: 32px;
|
width: 100%; height: 32px;
|
||||||
|
@ -223,7 +220,7 @@ nav {
|
||||||
|
|
||||||
#nav-notifications-linkmenu.on .icon.s22.notify,
|
#nav-notifications-linkmenu.on .icon.s22.notify,
|
||||||
#nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/22/notify_on.png") }
|
#nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/22/notify_on.png") }
|
||||||
#nav-introductions-link.on .icon.s22.intro,
|
#nav-introductions-link.on .icon.s22.intro,
|
||||||
#nav-introductions-link.selected .icon.s22.intro { background-image: url("icons/contacts_on.png") }
|
#nav-introductions-link.selected .icon.s22.intro { background-image: url("icons/contacts_on.png") }
|
||||||
#nav-messages-link.on .icon.s22.mail,
|
#nav-messages-link.on .icon.s22.mail,
|
||||||
#nav-messages-link.selected .icon.s22.mail { background-image: url("icons/messages_on.png") }
|
#nav-messages-link.selected .icon.s22.mail { background-image: url("icons/messages_on.png") }
|
||||||
|
@ -302,8 +299,6 @@ ul.menu-popup {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* aside 230px*/
|
/* aside 230px*/
|
||||||
aside {
|
aside {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
|
@ -353,8 +348,8 @@ aside {
|
||||||
}
|
}
|
||||||
|
|
||||||
#profiles-menu { width: 20em; }
|
#profiles-menu { width: 20em; }
|
||||||
|
|
||||||
|
.posted-date-selector-months { margin-left: 10px; }
|
||||||
}
|
}
|
||||||
|
|
||||||
#contact-block {
|
#contact-block {
|
||||||
|
@ -665,72 +660,70 @@ section {
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
.wwto {
|
.wwto {
|
||||||
position: absolute !important;
|
position: absolute !important;
|
||||||
width: 25px; height: 25px;
|
background: #FFFFFF;
|
||||||
background: #FFFFFF;
|
border: 2px solid @Metalic3;
|
||||||
border: 2px solid @Metalic3;
|
height: 25px;
|
||||||
height: 25px;
|
width: 25px;
|
||||||
width: 25px;
|
overflow: hidden;
|
||||||
overflow: hidden;
|
padding: 1px;
|
||||||
padding: 1px;
|
top: 40px;
|
||||||
position: absolute !important;
|
left: 30px;
|
||||||
top: 40px;
|
|
||||||
left: 30px;
|
.shadow(0px, 0px);
|
||||||
|
|
||||||
.shadow(0px, 0px)
|
|
||||||
}
|
}
|
||||||
.wwto .contact-photo { width: 25px; height: 25px; }
|
.wwto .contact-photo { width: 25px; height: 25px; }
|
||||||
|
|
||||||
/* reshare e embed */
|
/* reshare e embed */
|
||||||
.wall-item-container .wall-item-content .type-link img,
|
.wall-item-container .wall-item-content .type-link img,
|
||||||
.type-link img {
|
.type-link img {
|
||||||
max-width: 160px;
|
max-width: 160px;
|
||||||
max-height: 160px;
|
max-height: 160px;
|
||||||
float: left;
|
float: left;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
|
||||||
&.attachment-image {
|
&.attachment-image {
|
||||||
max-width: 650px;
|
max-width: 650px;
|
||||||
max-height: inital;
|
max-height: inital;
|
||||||
float: none;
|
float: none;
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.type-link {
|
.type-link {
|
||||||
blockquote {
|
blockquote {
|
||||||
margin: 1em 0px;
|
margin: 1em 0px;
|
||||||
max-height: 160px;
|
max-height: 160px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
.oembed {}
|
.oembed {}
|
||||||
}
|
}
|
||||||
|
|
||||||
.type-video blockquote { padding-left: 1em; }
|
.type-video blockquote { padding-left: 1em; }
|
||||||
|
|
||||||
.shared_header {
|
.shared_header {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
color: #999;
|
color: #999;
|
||||||
border-top: 1px solid @ThreadBottomBorderColor;
|
border-top: 1px solid @ThreadBottomBorderColor;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
-webkit-border-radius: 4px;
|
-webkit-border-radius: 4px;
|
||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
span { margin-left: 9px; }
|
span { margin-left: 9px; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
blockquote.shared_content {
|
blockquote.shared_content {
|
||||||
margin-left: 32px;
|
margin-left: 32px;
|
||||||
color: #000;
|
color: #000;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -798,21 +791,21 @@ blockquote.shared_content {
|
||||||
/*.threaded .hide-comments-outer { margin-left: 20px; }*/
|
/*.threaded .hide-comments-outer { margin-left: 20px; }*/
|
||||||
|
|
||||||
span[id^="showmore-teaser"]{
|
span[id^="showmore-teaser"]{
|
||||||
background: url("showmore-bg.jpg") no-repeat center bottom;
|
background: url("showmore-bg.jpg") no-repeat center bottom;
|
||||||
}
|
}
|
||||||
span[id^="showmore-wrap"] {
|
span[id^="showmore-wrap"] {
|
||||||
border-top: 1px solid #999999;
|
border-top: 1px solid #999999;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: @ThreadBackgroundColor;
|
background-color: @ThreadBackgroundColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#pause {
|
#pause {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 5px;
|
bottom: 5px;
|
||||||
right: 5px;
|
right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -898,8 +891,7 @@ span[id^="showmore-wrap"] {
|
||||||
#jot {
|
#jot {
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0px 2em 20px 0px;
|
margin: 0px 2em 20px 0px;
|
||||||
|
|
||||||
|
|
||||||
.profile-jot-text {
|
.profile-jot-text {
|
||||||
height: 1em; width: 99%; font-size: 10px;
|
height: 1em; width: 99%; font-size: 10px;
|
||||||
|
@ -1039,7 +1031,6 @@ span[id^="showmore-wrap"] {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#acl-wrapper {
|
#acl-wrapper {
|
||||||
width: 690px;
|
width: 690px;
|
||||||
float:left;
|
float:left;
|
||||||
|
@ -1181,7 +1172,6 @@ ul.tabs {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
|
||||||
label {
|
label {
|
||||||
float: left;
|
float: left;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
|
@ -1203,7 +1193,6 @@ ul.tabs {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.onoff {
|
.onoff {
|
||||||
float: left;
|
float: left;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
|
@ -1292,7 +1281,7 @@ ul.tabs {
|
||||||
#profile-edit-pubkeywords,
|
#profile-edit-pubkeywords,
|
||||||
#profile-edit-prvkeywords,
|
#profile-edit-prvkeywords,
|
||||||
#profile-edit-homepage {
|
#profile-edit-homepage {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* oauth */
|
/* oauth */
|
||||||
|
@ -1509,8 +1498,8 @@ ul.tabs {
|
||||||
footer { height: 100px; display: table-row; }
|
footer { height: 100px; display: table-row; }
|
||||||
|
|
||||||
.pager {
|
.pager {
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -1588,7 +1577,6 @@ footer { height: 100px; display: table-row; }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* edit buttons for comments */
|
/* edit buttons for comments */
|
||||||
|
|
||||||
.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
|
.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
|
||||||
.comment-edit-bb {
|
.comment-edit-bb {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
@ -1604,12 +1592,12 @@ footer { height: 100px; display: table-row; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.editicon {
|
.editicon {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
background-image: url(icons/bbedit.png);
|
background-image: url(icons/bbedit.png);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
:hover {background-color: #ccc;}
|
:hover {background-color: #ccc;}
|
||||||
}
|
}
|
||||||
.boldbb { background-position: 0px 0px; }
|
.boldbb { background-position: 0px 0px; }
|
||||||
.boldbb:hover { background-position: 0px -16px; }
|
.boldbb:hover { background-position: 0px -16px; }
|
||||||
|
@ -1632,37 +1620,36 @@ footer { height: 100px; display: table-row; }
|
||||||
/** range input css **/
|
/** range input css **/
|
||||||
/* slider root element */
|
/* slider root element */
|
||||||
.slider {
|
.slider {
|
||||||
height:2px;
|
height:2px;
|
||||||
position:relative;
|
position:relative;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
border:1px solid #333;
|
border:1px solid #333;
|
||||||
width:200px;
|
width:200px;
|
||||||
margin:10px 0px 10px 0px;
|
margin:10px 0px 10px 0px;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* progress bar (enabled with progress: true) */
|
/* progress bar (enabled with progress: true) */
|
||||||
.progress {
|
.progress {
|
||||||
height:9px;
|
height:9px;
|
||||||
background-color:#C5FF00;
|
background-color:#C5FF00;
|
||||||
display:none;
|
display:none;
|
||||||
opacity:0.6;
|
opacity:0.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* drag handle */
|
/* drag handle */
|
||||||
.handle {
|
.handle {
|
||||||
background-color:#ccc;
|
background-color:#ccc;
|
||||||
height:16px;
|
height:16px;
|
||||||
width:8px;
|
width:8px;
|
||||||
top:-8px;
|
top:-8px;
|
||||||
position:absolute;
|
position:absolute;
|
||||||
display:block;
|
display:block;
|
||||||
margin-top:1px;
|
margin-top:1px;
|
||||||
border:1px solid #000;
|
border:1px solid #000;
|
||||||
cursor:move;
|
cursor:move;
|
||||||
.roundbottom();
|
.roundbottom();
|
||||||
.shadow();
|
.shadow();
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* the input field */
|
/* the input field */
|
||||||
|
@ -1673,4 +1660,3 @@ footer { height: 100px; display: table-row; }
|
||||||
border: 0px;
|
border: 0px;
|
||||||
color: @FieldHelpColor;
|
color: @FieldHelpColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -945,13 +945,14 @@ ul .sidebar-group-li .icon {
|
||||||
width: 12px;
|
width: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nets-ul, .fileas-ul, .categories-ul {
|
.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nets-ul li,
|
.nets-ul li,
|
||||||
.fileas-ul li,
|
.fileas-ul li,
|
||||||
.categories-ul li {
|
.categories-ul li,
|
||||||
|
.datebrowse-link {
|
||||||
}
|
}
|
||||||
|
|
||||||
.nets-link {
|
.nets-link {
|
||||||
|
@ -4605,10 +4606,6 @@ div #datebrowse-sidebar.widget {
|
||||||
|
|
||||||
#id_npassword {}
|
#id_npassword {}
|
||||||
|
|
||||||
#posted-date-selector {
|
|
||||||
margin-left: 33px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#hide-comments-page-widget {
|
#hide-comments-page-widget {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -427,12 +427,16 @@ a.sidebar-group-element {
|
||||||
color: #737373;
|
color: #737373;
|
||||||
}
|
}
|
||||||
|
|
||||||
#follow-sidebar form, #peoplefind-sidebar form, #netsearch-box form, #posted-date-selector {
|
#follow-sidebar form, #peoplefind-sidebar form, #netsearch-box form {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.posted-date-selector-months {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
#sidebar-ungrouped, .side-link {
|
#sidebar-ungrouped, .side-link {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue