new default
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
|
@ -8,5 +8,12 @@ class CustomCommentListTheme extends CommentListTheme {
|
|||
protected function build_postbox($image_id) {
|
||||
return $this->rr(parent::build_postbox($image_id));
|
||||
}
|
||||
|
||||
protected function rr($html) {
|
||||
return "
|
||||
<!-- cancel border -->
|
||||
<div class='brr'>$html</div>
|
||||
";
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
|
|
@ -109,24 +109,14 @@ EOD;
|
|||
//--></script>
|
||||
";
|
||||
if(!is_null($h)) $html .= "
|
||||
<div class='hrr' id='$i-toggle'>
|
||||
<div class='hrrtop'><div></div></div>
|
||||
<div class='hrrcontent'><h3>$h</h3></div>
|
||||
<div class='hrrbot'><div></div></div>
|
||||
</div>
|
||||
<h3 id='$i-toggle' class='hrr'>$h</h3>
|
||||
";
|
||||
if(!is_null($b)) {
|
||||
if(strpos($b, "<!-- cancel border -->")) {
|
||||
$html .= "<div class='blockbody' id='$i'>$b</div>";
|
||||
if(strpos($b, "<!-- cancel border -->") === FALSE) {
|
||||
$html .= "<div class='blockbody brr' id='$i'>$b</div>";
|
||||
}
|
||||
else {
|
||||
$html .= "
|
||||
<div class='rr' id='$i'>
|
||||
<div class='rrtop'><div></div></div>
|
||||
<div class='rrcontent'><div class='blockbody'>$b</div></div>
|
||||
<div class='rrbot'><div></div></div>
|
||||
</div>
|
||||
";
|
||||
$html .= "<div class='blockbody' id='$i'>$b</div>";
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -25,13 +25,14 @@ class CustomSetupTheme extends SetupTheme {
|
|||
}
|
||||
});
|
||||
//--></script>
|
||||
<div class='setupblock'>
|
||||
<div class='setupblock brr'>
|
||||
<b id='$i-toggle'>$h</b>
|
||||
<br><div id='$i'>$b</div>
|
||||
</div>
|
||||
<!-- cancel border -->
|
||||
";
|
||||
|
||||
return $this->rr($html);
|
||||
return $html;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
3 things common to all pages *
|
||||
* things common to all pages *
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
BODY {
|
||||
|
@ -10,12 +10,9 @@ BODY {
|
|||
margin: 0px;
|
||||
}
|
||||
H1 {
|
||||
border-bottom: 1px solid black;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 16px;
|
||||
padding: 8px;
|
||||
background: #BBB;
|
||||
text-align: center;
|
||||
border: 1px solid #AAA;
|
||||
}
|
||||
H1 A {
|
||||
color: black;
|
||||
|
@ -24,6 +21,22 @@ H3 {
|
|||
text-align: center;
|
||||
margin: 0px;
|
||||
}
|
||||
.hrr {
|
||||
background: #CCC;
|
||||
border: 1px solid #BBB;
|
||||
}
|
||||
.brr, .thumb {
|
||||
background: #DDD;
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
.brr, .hrr, H1, #footer, .thumb {
|
||||
margin: 8px;
|
||||
padding: 8px;
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
|
||||
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
|
||||
}
|
||||
THEAD {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
@ -63,11 +76,10 @@ TABLE.zebra TR.even {background: #E0E0E0;}
|
|||
|
||||
#footer {
|
||||
clear: both;
|
||||
padding: 8px;
|
||||
font-size: 0.7em;
|
||||
text-align: center;
|
||||
border-top: 1px solid black;
|
||||
background: #BBB;
|
||||
border: 1px solid #AAA;
|
||||
}
|
||||
|
||||
*[onclick] {cursor: pointer;}
|
||||
|
@ -99,6 +111,7 @@ UL {
|
|||
#nav .blockbody {
|
||||
font-size: 0.85em;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
#nav TABLE {
|
||||
width: 150px;
|
||||
|
@ -171,22 +184,6 @@ UL {
|
|||
padding: 8px 4px 8px 4px;
|
||||
}
|
||||
|
||||
.rr {text-align: left; background: #DDD; margin: 8px;}
|
||||
.rrtop {background: url("circle-tl.png") no-repeat top left;}
|
||||
.rrtop div {background: url("circle-tr.png") no-repeat top right;}
|
||||
.rrbot {background: url("circle-bl.png") no-repeat bottom left;}
|
||||
.rrbot div {background: url("circle-br.png") no-repeat bottom right;}
|
||||
.rrtop, .rrtop div, .rrbot, .rrbot div {height: 8px; width: 100%;}
|
||||
.rrcontent {margin: 0px 8px; text-align: center;}
|
||||
|
||||
.hrr {text-align: left; background: #CCC; margin: 8px;}
|
||||
.hrrtop {background: url("circle-tl.png") no-repeat top left;}
|
||||
.hrrtop div {background: url("circle-tr.png") no-repeat top right;}
|
||||
.hrrbot {background: url("circle-bl.png") no-repeat bottom left;}
|
||||
.hrrbot div {background: url("circle-br.png") no-repeat bottom right;}
|
||||
.hrrtop, .hrrtop div, .hrrbot, .hrrbot div {height: 8px; width: 100%;}
|
||||
.hrrcontent {margin: 0px 8px;}
|
||||
|
||||
.setupblock {
|
||||
text-align: center;
|
||||
width: 350px;
|
||||
|
@ -218,11 +215,11 @@ UL {
|
|||
width: 220px;
|
||||
height: 220px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
float: left;
|
||||
}
|
||||
.thumb {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
|
|
|
@ -35,35 +35,18 @@ class Themelet {
|
|||
$h_thumb_link = $image->get_thumb_link();
|
||||
$tsize = get_thumbnail_size($image->width, $image->height);
|
||||
return "
|
||||
<!-- cancel border -->
|
||||
<div class='thumbblock'>
|
||||
<div class='rr thumb'>
|
||||
<div class='rrtop'><div></div></div>
|
||||
<div class='rrcontent'>
|
||||
<div class='thumb'>
|
||||
<a href='$h_view_link' style='position: relative; display: block; height: {$tsize[1]}px; width: {$tsize[0]}px;'>
|
||||
<img id='thumb_$i_id' title='$h_tip' alt='$h_tip' style='height: {$tsize[1]}px; width: {$tsize[0]}px;' src='$h_thumb_link'>
|
||||
</a>
|
||||
</div>
|
||||
<div class='rrbot'><div></div></div>
|
||||
</div>
|
||||
</div>
|
||||
";
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Put something in a rounded rectangle box; specific to the default theme
|
||||
*/
|
||||
public function rr($html) {
|
||||
return "
|
||||
<div class='rr'>
|
||||
<div class='rrtop'><div></div></div>
|
||||
<div class='rrcontent'>$html</div>
|
||||
<div class='rrbot'><div></div></div>
|
||||
</div>
|
||||
";
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Add a generic paginator
|
||||
*/
|
||||
|
|
Before Width: | Height: | Size: 106 B After Width: | Height: | Size: 106 B |
Before Width: | Height: | Size: 108 B After Width: | Height: | Size: 108 B |
Before Width: | Height: | Size: 115 B After Width: | Height: | Size: 115 B |
Before Width: | Height: | Size: 111 B After Width: | Height: | Size: 111 B |
|
@ -8,12 +8,5 @@ class CustomCommentListTheme extends CommentListTheme {
|
|||
protected function build_postbox($image_id) {
|
||||
return $this->rr(parent::build_postbox($image_id));
|
||||
}
|
||||
|
||||
protected function rr($html) {
|
||||
return "
|
||||
<!-- cancel border -->
|
||||
<div class='brr'>$html</div>
|
||||
";
|
||||
}
|
||||
}
|
||||
?>
|
|
@ -109,14 +109,24 @@ EOD;
|
|||
//--></script>
|
||||
";
|
||||
if(!is_null($h)) $html .= "
|
||||
<h3 id='$i-toggle' class='hrr'>$h</h3>
|
||||
<div class='hrr' id='$i-toggle'>
|
||||
<div class='hrrtop'><div></div></div>
|
||||
<div class='hrrcontent'><h3>$h</h3></div>
|
||||
<div class='hrrbot'><div></div></div>
|
||||
</div>
|
||||
";
|
||||
if(!is_null($b)) {
|
||||
if(strpos($b, "<!-- cancel border -->") === FALSE) {
|
||||
$html .= "<div class='blockbody brr' id='$i'>$b</div>";
|
||||
if(strpos($b, "<!-- cancel border -->")) {
|
||||
$html .= "<div class='blockbody' id='$i'>$b</div>";
|
||||
}
|
||||
else {
|
||||
$html .= "<div class='blockbody' id='$i'>$b</div>";
|
||||
$html .= "
|
||||
<div class='rr' id='$i'>
|
||||
<div class='rrtop'><div></div></div>
|
||||
<div class='rrcontent'><div class='blockbody'>$b</div></div>
|
||||
<div class='rrbot'><div></div></div>
|
||||
</div>
|
||||
";
|
||||
}
|
||||
}
|
||||
|
|
@ -25,14 +25,13 @@ class CustomSetupTheme extends SetupTheme {
|
|||
}
|
||||
});
|
||||
//--></script>
|
||||
<div class='setupblock brr'>
|
||||
<div class='setupblock'>
|
||||
<b id='$i-toggle'>$h</b>
|
||||
<br><div id='$i'>$b</div>
|
||||
</div>
|
||||
<!-- cancel border -->
|
||||
";
|
||||
|
||||
return $html;
|
||||
return $this->rr($html);
|
||||
}
|
||||
}
|
||||
?>
|
|
@ -1,6 +1,6 @@
|
|||
|
||||
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
|
||||
* things common to all pages *
|
||||
3 things common to all pages *
|
||||
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
|
||||
|
||||
BODY {
|
||||
|
@ -10,9 +10,12 @@ BODY {
|
|||
margin: 0px;
|
||||
}
|
||||
H1 {
|
||||
border-bottom: 1px solid black;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 16px;
|
||||
padding: 8px;
|
||||
background: #BBB;
|
||||
text-align: center;
|
||||
border: 1px solid #AAA;
|
||||
}
|
||||
H1 A {
|
||||
color: black;
|
||||
|
@ -21,22 +24,6 @@ H3 {
|
|||
text-align: center;
|
||||
margin: 0px;
|
||||
}
|
||||
.hrr {
|
||||
background: #CCC;
|
||||
border: 1px solid #BBB;
|
||||
}
|
||||
.brr, .thumb {
|
||||
background: #DDD;
|
||||
border: 1px solid #CCC;
|
||||
}
|
||||
.brr, .hrr, H1, #footer, .thumb {
|
||||
margin: 8px;
|
||||
padding: 8px;
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
|
||||
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
|
||||
}
|
||||
THEAD {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
@ -76,10 +63,11 @@ TABLE.zebra TR.even {background: #E0E0E0;}
|
|||
|
||||
#footer {
|
||||
clear: both;
|
||||
padding: 8px;
|
||||
font-size: 0.7em;
|
||||
text-align: center;
|
||||
border-top: 1px solid black;
|
||||
background: #BBB;
|
||||
border: 1px solid #AAA;
|
||||
}
|
||||
|
||||
*[onclick] {cursor: pointer;}
|
||||
|
@ -111,7 +99,6 @@ UL {
|
|||
#nav .blockbody {
|
||||
font-size: 0.85em;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
#nav TABLE {
|
||||
width: 150px;
|
||||
|
@ -184,6 +171,22 @@ UL {
|
|||
padding: 8px 4px 8px 4px;
|
||||
}
|
||||
|
||||
.rr {text-align: left; background: #DDD; margin: 8px;}
|
||||
.rrtop {background: url("circle-tl.png") no-repeat top left;}
|
||||
.rrtop div {background: url("circle-tr.png") no-repeat top right;}
|
||||
.rrbot {background: url("circle-bl.png") no-repeat bottom left;}
|
||||
.rrbot div {background: url("circle-br.png") no-repeat bottom right;}
|
||||
.rrtop, .rrtop div, .rrbot, .rrbot div {height: 8px; width: 100%;}
|
||||
.rrcontent {margin: 0px 8px; text-align: center;}
|
||||
|
||||
.hrr {text-align: left; background: #CCC; margin: 8px;}
|
||||
.hrrtop {background: url("circle-tl.png") no-repeat top left;}
|
||||
.hrrtop div {background: url("circle-tr.png") no-repeat top right;}
|
||||
.hrrbot {background: url("circle-bl.png") no-repeat bottom left;}
|
||||
.hrrbot div {background: url("circle-br.png") no-repeat bottom right;}
|
||||
.hrrtop, .hrrtop div, .hrrbot, .hrrbot div {height: 8px; width: 100%;}
|
||||
.hrrcontent {margin: 0px 8px;}
|
||||
|
||||
.setupblock {
|
||||
text-align: center;
|
||||
width: 350px;
|
||||
|
@ -215,11 +218,11 @@ UL {
|
|||
width: 220px;
|
||||
height: 220px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
float: left;
|
||||
}
|
||||
.thumb {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -35,18 +35,35 @@ class Themelet {
|
|||
$h_thumb_link = $image->get_thumb_link();
|
||||
$tsize = get_thumbnail_size($image->width, $image->height);
|
||||
return "
|
||||
<!-- cancel border -->
|
||||
<div class='thumbblock'>
|
||||
<div class='thumb'>
|
||||
<div class='rr thumb'>
|
||||
<div class='rrtop'><div></div></div>
|
||||
<div class='rrcontent'>
|
||||
<a href='$h_view_link' style='position: relative; display: block; height: {$tsize[1]}px; width: {$tsize[0]}px;'>
|
||||
<img id='thumb_$i_id' title='$h_tip' alt='$h_tip' style='height: {$tsize[1]}px; width: {$tsize[0]}px;' src='$h_thumb_link'>
|
||||
</a>
|
||||
</div>
|
||||
<div class='rrbot'><div></div></div>
|
||||
</div>
|
||||
</div>
|
||||
";
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Put something in a rounded rectangle box; specific to the default theme
|
||||
*/
|
||||
public function rr($html) {
|
||||
return "
|
||||
<div class='rr'>
|
||||
<div class='rrtop'><div></div></div>
|
||||
<div class='rrcontent'>$html</div>
|
||||
<div class='rrbot'><div></div></div>
|
||||
</div>
|
||||
";
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Add a generic paginator
|
||||
*/
|