diff options
Diffstat (limited to 'share/gcstar/html_models/GCfilms')
17 files changed, 1809 insertions, 0 deletions
diff --git a/share/gcstar/html_models/GCfilms/Flat b/share/gcstar/html_models/GCfilms/Flat new file mode 100644 index 0000000..a33d302 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Flat @@ -0,0 +1,109 @@ +[HEADER] +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<!-- + Template made by Yanbab. Flat and compact list. +--> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>$$PAGETITLE$$</title> +<style type="text/css"> + +body { + color:black; + background-color : white; + font-family : arial, sans-serif; + font-size : 12px; + margin : 10px; +} + +td { + font-family : arial, sans-serif; + font-size : 12px; +} + +h1 { + font-size:130%; + font-weight:bold; + border-bottom : solid black 1px; + margin:0px; +} + +.borrowed1 { +} + +#footer { + border-top : solid black 1px; + font-size:small; + color : #666; +} +a { + color : #666; + text-decoration : none; + +} +a:hover { + text-decoration : underline; +} +#total { + float: right; + font-weight: bold; +} +.title { + font-size : 110%; + font-weight : bold; +} + +.synopsis { + margin-top : .6em; + text-align : justify; + + margin-bottom : 1.5em; + color : #333; +} + +.image { + margin-bottom : 1.5em; +} + +.detail { + float : right; + text-align : right; + color : #888; +} +</style> +</head> +<body> +<div id="total">$$TOTALNUMBER$$ $$ITEMS$$</div> +<h1>$$PAGETITLE$$</h1> +<table cellpadding="8" cellspacing="0"> +[/HEADER] +[ITEM] +<tr class="borrowed$$borrower_FLAG$$"> + <td valign="top" align="center" bgcolor="#ddd" width="80" > + <img align="top" src="$$image$$" height="$$HEIGHT_PIC$$" border="0" alt="$$title$$" title="$$title$$" class="image"> + </td> + <td valign="top"> + <div class="detail">$$genre$$ - $$country$$ - $$time$$<br> + $$date$$</div> + + <div class="title">$$title$$</div> + $$director$$ <br> + + <div class="synopsis">$$actors_LABEL$$$$SEPARATOR$$$$actors$$<br> + $$synopsis$$ + </div> + + </td> +</tr> +[/ITEM] +[FOOTER] +</table> +<div id="footer"> + $$GENERATOR_NOTE$$ +</div> +</body> +</html> +[/FOOTER] +[POST] +[/POST] diff --git a/share/gcstar/html_models/GCfilms/Flat.png b/share/gcstar/html_models/GCfilms/Flat.png Binary files differnew file mode 100644 index 0000000..5373102 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Flat.png diff --git a/share/gcstar/html_models/GCfilms/Shelf b/share/gcstar/html_models/GCfilms/Shelf new file mode 100644 index 0000000..1a7d7ae --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Shelf @@ -0,0 +1,284 @@ +[HEADER] +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<!-- + Template made by Tian. It emulates a shelf display. +--> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>$$PAGETITLE$$</title> +<style type="text/css"> +body +{ + color:black; +} +h1 +{ + text-align:left; + margin-left:0.5em; + font-size:200%; + font-weight:bold; + color:#6c7b8b; +} +h2 +{ + font-size:150%; + text-align:center; + color:#1c86ee; + font-weight:bold; +} +h3 +{ + font-size:120%; + font-weight:bold; + margin:1em 0; + color:#6c7b8b; + border-bottom:1px dashed #6c7b8b; +} +#left +{ +[JAVASCRIPT] + width:48%; +[/JAVASCRIPT] + border:1px dashed #6c7b8b; + background:#f0f0f0; +} +.imgbox +{ + float:left; + padding:2em 1em 0em; + margin:0; +} +img +{ + margin:0; + padding:0; +[JAVASCRIPT] + cursor:pointer; +[/JAVASCRIPT] +} +.imginfo +{ + float:left; + margin-top:0.5em; +[JAVASCRIPT] + cursor:default; +[/JAVASCRIPT] +} +.synopsis +{ + height:8em; + overflow:auto; + padding:0.2em; + background:#f0f0f0; +} +table +{ + margin:0 0.5em; +} +th +{ + font-weight:bold; + text-align:left; + white-space:nowrap; + padding:0.5em; + background:#f0f0f0; +} +td +{ + padding:0.5em; + background:#f0f0f0; +} +#note +{ + text-align:center; + padding-top:0.5em; +[JAVASCRIPT] + width:48%; +[/JAVASCRIPT] + color:#6c7b8b; +} +#note a +{ + font-weight:bold; + color:#1c86ee; +} +#note a:hover +{ + color:#6c7b8b; +} +.spacer +{ + clear: both; +} +[JAVASCRIPT] +.expander +{ + padding:0; + width:1em; + display:block; + float:left; + text-align:center; + margin-right:0.5em; + cursor:pointer; +} +[/JAVASCRIPT] +.info +{ + position:fixed; + top:0; + right:1%; + width:48%; + display:none; +} +.details +{ + overflow: auto; + height: 500px; +} +</style> +[JAVASCRIPT] +<script type="text/javascript"> +<!-- +function getBoxes() +{ + return document.getElementById("left").getElementsByTagName("div") +} +function getHeight() +{ + //From http://www.howtocreate.co.uk/tutorials/javascript/browserwindow + myHeight = 0; + if( typeof( window.innerWidth ) == 'number' ) { + //Non-IE + myHeight = window.innerHeight; + } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { + //IE 6+ in 'standards compliant mode' + myHeight = document.documentElement.clientHeight; + } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { + //IE 4 compatible + myHeight = document.body.clientHeight; + } + return myHeight - 150; +} +function init() +{ + // CSS changes from http://www.quirksmode.org/dom/changess.html + if (!document.styleSheets) return; + var theRules = new Array(); + if (document.styleSheets[0].cssRules) + theRules = document.styleSheets[0].cssRules + else if (document.styleSheets[0].rules) + theRules = document.styleSheets[0].rules + theRules[theRules.length-1].style.height = getHeight()+'px'; + + boxes = getBoxes() + for(i=0; i < boxes.length; i++) + { + box = boxes[i] + if (box.className == "movie") + { + boxes2 = box.getElementsByTagName("div") + boxes2[0].onclick = function(evt) + { + div = this.parentNode + showMe(div.getElementsByTagName("div")[1], this) + } + } + } + headers = document.getElementById("left").getElementsByTagName("h3") + for(i=0; i < headers.length; i++) + { + header = headers[i] + header.style.cursor = 'pointer' + header.innerHTML = '<span class="expander">−</span> ' + header.innerHTML + header.onclick = function(evt) + { + table = this.nextSibling + while (table.tagName != "TABLE") { table = table.nextSibling } + if (table.style.display == "none") + { + table.style.display = "table" + this.innerHTML = this.innerHTML.replace(/\+<\/span>/, '−</span>') + } + else + { + table.style.display = "none" + this.innerHTML = this.innerHTML.replace(/−<\/span>/, '+</span>') + } + } + } +} +var currentBox = 0 +var currentImg = 0 +function showMe(box, img) +{ + hidePrevious() + box.style.display = "block" + img.style.background = "#4b4f63" + img.style.padding = "1em" + currentBox = box + currentImg = img +} +function hidePrevious() +{ + if (currentBox) + { + currentBox.style.display = "none" + currentImg.style.background = "#f0f0f0" + currentImg.style.padding = "2em 1em 0em" + } +} +--> +</script> +[/JAVASCRIPT] +</head> +<body [JAVASCRIPT]onload="init()"[/JAVASCRIPT]> +<h1>$$PAGETITLE$$</h1> +<div id="left"> +[/HEADER] +[ITEM] +<div class="movie"> + <div class="imgbox"> + <img src="$$image$$" height="$$HEIGHT_PIC$$" alt="$$title$$" title="$$title$$" /> + </div> + <div class="info"> + <h2>$$title$$</h2> + <div class="details"> + <h3>$$info_LABEL$$</h3> + <table> + <tr> + <td rowspan="5" width="10%"> + <img class="imginfo" src="$$image$$" height="$$HEIGHT_PIC$$" alt="$$title$$" title="$$title$$" /> + </td> + <th>$$date_LABEL$$</th><td>$$date$$</td> + </tr> + <tr><th>$$director_LABEL$$</th><td>$$director$$</td></tr> + <tr><th>$$time_LABEL$$</th><td>$$time$$</td></tr> + <tr><th>$$genre_LABEL$$</th><td>$$genre$$</td></tr> + <tr><th>$$actors_LABEL$$</th><td>$$actors$$</td></tr> + <tr> + <td colspan="3"> + <p class="synopsis"> + $$synopsis$$ + </p> + </td> + </table> + <h3>$$details_LABEL$$</h3> + <table> + <tr><th>$$rating_LABEL$$</th><td>$$rating$$/10</td></tr> + <tr><th>$$format_LABEL$$</th><td>$$format$$ ($$number$$)</td></tr> + <tr><th>$$borrower_LABEL$$</th><td>$$borrower$$</td></tr> + </table> + </div> + </div> +</div> +[/ITEM] +[FOOTER] +<div class="spacer"> </div> +</div> +<p id="note">$$GENERATOR_NOTE$$</p> +</body> +</html> +[/FOOTER] +[POST] +[/POST] diff --git a/share/gcstar/html_models/GCfilms/Shelf.png b/share/gcstar/html_models/GCfilms/Shelf.png Binary files differnew file mode 100644 index 0000000..f4423d0 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Shelf.png diff --git a/share/gcstar/html_models/GCfilms/Simple b/share/gcstar/html_models/GCfilms/Simple new file mode 100644 index 0000000..ee5a5f8 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Simple @@ -0,0 +1,100 @@ +[HEADER] +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<!-- + Template made by Tian. A really simple list that could be printed +--> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>$$PAGETITLE$$</title> +<style type="text/css"> +body +{ + color:black; +} +h1 +{ + text-align:center; + font-size:200%; + font-weight:bold; +} +table +{ + border-collapse:collapse; + margin:1em 5%; + margin-bottom:3em; + width:90%; +} +tr+tr +{ + border-top:1px solid black; +} +.borrowed1 +{ + color:#777777; + font-style:italic; +} +th +{ + border-bottom:2px solid black; + margin:0; + padding:1em; + font-weight:bold; +} +td +{ + padding:0.2em 1em; +} +#legend +{ + margin:1em; + border:1px solid black; + display:inline; + padding:0.5em; +} +#note +{ + border-top:1px solid black; + margin:3em 8%; + margin-bottom:2em; + padding-top:0.5em; + text-align:center; + font-size:90%; +} +#note a +{ + color:black ! important; + text-decoration:underline; + font-weight:bold; +} +</style> +</head> +<body> +<h1>$$PAGETITLE$$</h1> +<table> +<tr> + <th>$$title_LABEL$$</th> + <th>$$director_LABEL$$</th> + <th>$$genre_LABEL$$</th> + <th>$$date_LABEL$$</th> + <th>$$time_LABEL$$</th> +</tr> +[/HEADER] +[ITEM] +<tr class="borrowed$$borrower_FLAG$$"> + <td>$$title$$</td> + <td>$$director$$</td> + <td>$$genre$$</td> + <td>$$date$$</td> + <td>$$time$$</td> +</tr> +[/ITEM] +[FOOTER] +</table> +<p id="legend" class="borrowed1">$$BORROWED_ITEMS$$</p> +<p id="note">$$GENERATOR_NOTE$$</p> +</body> +</html> +[/FOOTER] +[POST] +[/POST] diff --git a/share/gcstar/html_models/GCfilms/Simple.png b/share/gcstar/html_models/GCfilms/Simple.png Binary files differnew file mode 100644 index 0000000..3e23235 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Simple.png diff --git a/share/gcstar/html_models/GCfilms/Tabs b/share/gcstar/html_models/GCfilms/Tabs new file mode 100644 index 0000000..bec3b18 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Tabs @@ -0,0 +1,245 @@ +[HEADER] +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<!-- + Template made by Tian. It emulates a notebook display. +--> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>$$PAGETITLE$$</title> +<style type="text/css"> +body { + margin:0; + padding:0; + background:white; +} +h1 { + text-align:center; + color:#7c551a; +} +h2 { + background:transparent; + margin:0 0 1em; + color:#ffffff; +} +.movie { + height:18em; + clear:both; + margin:1em; + padding:0.5em; + background:#e3c79e; + border:1px dashed #7c551a; +} +.imgbox { + text-align:center; + float:left; + margin-right:1em; + width:120px; +} +h3 { + color:#513D23; + background:#ffffff; + cursor:default; + margin:0; + padding:0.4em; + display:none; + font-size:100%; + border-left:0.1em solid black; + border-bottom:0.1em solid white; + border-right:0.1em solid black; + border-top:0.1em solid black; + -moz-border-radius-topright:2em; + z-index:99; + position:relative; +} +div > h3 +{ + display:block; +} +.details h3, .synopsis h3 { + background:#ffffff; + border-bottom:0.1em solid black; +} +.info, .details, .synopsis { + float:left; + width:12em; +} +.info dl, .details dl, .synopsis p { + border:0.1em solid black; + padding:1em 0.5em 0.5em; + margin:-0.1em 0 0; + z-index:1; + position:relative; + width:45em; + height:10em; + background:white; +} +.details dl, .synopsis p { + display:none; + margin-left:-11.8em; + width:44.8em; +} +.synopsis p { + margin-left:-23.8em; +} +dt { + float:left; + width:10em; + font-weight:bold; + height:1.5em; + color:#A49480; +} +dd { + padding:0; + margin-left:10em; + height:1.5em; + color:#555555; +} +#note { + text-align:center; + margin:2em 5em; + background:#e3c79e; + border:1px solid #7c551a; + padding:0.3em; +} +#note a { + font-weight:bold; + color:#7c551a; +} +[NOJAVASCRIPT] +.info:hover dl,.details:hover dl, .synopsis:hover p { + padding-top:1em; + display:block; + color:#555555; + z-index:2; +} +.details:hover dl, .synopsis:hover p { + border:0; + border-top:0.1em solid black; + margin-top:-0.1em; + margin-left:-11.9em; + height:9.9em; + z-index:100; +} +.synopsis:hover p { + margin-left:-23.9em; +} +.info:hover h3, .details:hover h3, .synopsis:hover h3 { + background:#ffffff; + border-bottom:0; + border-bottom:0.1em solid white; + z-index:999; +} +[/NOJAVASCRIPT] +[JAVASCRIPT] +h3 { + cursor:pointer; + background:#e8ded0 ! important; +} +.details_active dl, .synopsis_active p { + padding-top:1em; + display:block; + color:#555555; + z-index:2; +} +.details_active dl, .synopsis_active p { + border:0; + border-top:0.1em solid black; + margin-top:-0.1em; + margin-left:-11.9em; + height:9.9em; + z-index:100; +} +.synopsis_active p { + margin-left:-23.9em; +} +.info_active h3, .details_active h3, .synopsis_active h3 { + background:#ffffff ! important; + border-bottom:0.1em solid white; + z-index:999; +} +.synopsis p { + overflow:auto; +} +[/JAVASCRIPT] +</style> +[JAVASCRIPT] +<script type="text/javascript"> +<!-- + function showMe(cssClass, objectId) + { + divs = document.getElementById('movie'+objectId).getElementsByTagName("div") + for(i=0; i < divs.length; i++) + { + if ((divs[i].className != 'imgbox') && (divs[i].className.substr(0,4) != 'note')) + { + if (divs[i].className.indexOf(cssClass) != -1) + { + divs[i].className = cssClass + '_active ' + cssClass + } + else + { + idx = divs[i].className.indexOf(' ') + if (idx != -1) + { + //alert('Setting ' + divs[i].className.substring(idx + 1)) + divs[i].className = divs[i].className.substring(idx + 1) + } + } + } + } + } +--> +</script> +[/JAVASCRIPT] +</head> +<body> +<h1>$$PAGETITLE$$</h1> +[/HEADER] +[ITEM] +<div class="movie" id="movie$$IDX$$"> + <h2>$$title$$</h2> + <div class="imgbox"> + <img src="$$image$$" height="$$HEIGHT_PIC$$" alt="$$title$$" title="$$title$$" /> + </div> + <div class="info[JAVASCRIPT]_active info[/JAVASCRIPT]"> + <h3[JAVASCRIPT] onclick="showMe('info', $$IDX$$)"[/JAVASCRIPT]>$$info_LABEL$$</h3> + <dl> + <dt>$$date_LABEL$$</dt> + <dd>$$date$$</dd> + <dt>$$director_LABEL$$</dt> + <dd>$$director$$</dd> + <dt>$$time_LABEL$$</dt> + <dd>$$time$$</dd> + <dt>$$genre_LABEL$$</dt> + <dd>$$genre$$</dd> + <dt>$$actors_LABEL$$</dt> + <dd>$$actors$$</dd> + </dl> + </div> + <div class="details"> + <h3[JAVASCRIPT] onclick="showMe('details', $$IDX$$)"[/JAVASCRIPT]>$$details_LABEL$$</h3> + <dl> + <dt>$$rating_LABEL$$</dt> + <dd><div class="note$$RATING$$">$$rating$$/10</div></dd> + <dt>$$format_LABEL$$</dt> + <dd>$$format$$ ($$number$$)</dd> + <dt>$$audio_LABEL$$</dt> + <dd>$$audio$$</dd> + <dt>$$borrower_LABEL$$</dt> + <dd>$$borrower$$</dd> + </dl> + </div> + <div class="synopsis"> + <h3[JAVASCRIPT] onclick="showMe('synopsis', $$IDX$$)"[/JAVASCRIPT]>$$synopsis_LABEL$$</h3> + <p>$$synopsis$$</p> + </div> +</div> +[/ITEM] +[FOOTER] +<div id="note">$$GENERATOR_NOTE$$</div> +</body> +</html> +[/FOOTER] +[POST] +[/POST] diff --git a/share/gcstar/html_models/GCfilms/Tabs.png b/share/gcstar/html_models/GCfilms/Tabs.png Binary files differnew file mode 100644 index 0000000..fc217aa --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Tabs.png diff --git a/share/gcstar/html_models/GCfilms/Tian b/share/gcstar/html_models/GCfilms/Tian new file mode 100644 index 0000000..c87d34f --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Tian @@ -0,0 +1,276 @@ +[HEADER] +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> +<!-- + Template made by Tian. It is based on design of Tian's website: + http://www.c-sait.net/ +--> +<head> + <title>$$PAGETITLE$$</title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +[JAVASCRIPT] + <script type="text/javascript"> +<!-- +expandTooltip="Afficher les informations du film"; +collapseTooltip="Masquer les informations du film"; +function prn(s) +{ + document.write(s) +} +function getE(id) +{ + return document.getElementById(id) +} +function expcolAll(dir,rowNum) +{ + for(x=0;x < rowNum;x++) { + try { + getE('movie'+x).style.display=dir + if(dir=="none") getE('switch'+x).innerHTML="+" + else getE('switch'+x).innerHTML="–" + } + catch(err) { } + } +} +function toggleDisplay(id,swt) +{ + if((getE(id).style.display=="")||(getE(id).style.display=="none")) { + getE(id).style.display="block" + getE(swt).innerHTML="–" + getE(swt).title=collapseTooltip + } else { + getE(id).style.display="none" + getE(swt).innerHTML="+" + getE(swt).title=expandTooltip + } + return false +} +function writeExpandControl(elementId,collapse) +{ + prn("<a href=\"#\" class=\"movie-expand\" id=\"switch"+elementId+"\" onclick=\"return toggleDisplay('movie"+elementId+"','switch"+elementId+"');\" title=\""+((collapse) ? expandTooltip : collapseTooltip)+"\">"+((collapse) ? "+" : "–")+"</a>") +} +function searchMovies(text) +{ + getE("collapseAll").click() + alldt=document.getElementsByTagName("dt") + alldd=document.getElementsByTagName("dd") + nb=alldt.length + re=new RegExp(text,"i") + for(i=0;i<nb;i++) { + s1=alldt[i].getElementsByTagName("a")[1].innerHTML + s2=alldd[i].innerHTML + res=0 + if(getE("searchType").value=="all") res=(re.test(s1)||re.test(s2)) + else res=re.test(s1) + if(res) st="block" + else st="none" + alldt[i].style.display=st + alldd[i].style.display=st + } +} +--> + </script> +[/JAVASCRIPT] + <style type="text/css"> + body { + background:#f7f8ff; + } + h1 { + font-weight:bold; + font-size:160%; + text-align:center; + margin-bottom:1em; + } + #top { + color:#624a66 ! important; + background:transparent ! important; + } + form { + text-align:center; + border:1px solid #c0c0c0; + background:#e2e2df; + margin:0 3em; + padding:0.5em; + } + input,select { + border:2px solid #aaaaaa; + background:purple; + color:white; + margin:0 0.5em; + } + input:focus, input.submit:hover { + background:#f3e3f9; + color:black; + } + input.submit { + cursor:pointer; + } + #links { + margin-top:0.5em; + text-align:center; + font-size:120%; + color:#aaaaaa; + } + .letter { + padding:0 0.5em; + } + img { + float:left; + margin:0 1em 1em 1em; + } + dt { + color:#aaaaaa; + font-size:120%; + margin:0em 0.5em; + clear:both; + } + dd { + margin:0.5em 2em 1em; + border-left:1px solid #2e3766; + border-bottom:1px solid #2e3766; + } + table { + font-size:90%; + margin:0 1em; + border:1px solid black; + width:60%; + } + th { + font-weight:bold; + text-align:left; + width:25%; + } + .tr1 { + background:#d4cce0; + } + .tr2 { + background:#c0b9cc; + } + a { + color:#2e3766; + background:transparent; + text-decoration:none; + } + a:hover, a:focus { + background-color:#e8e8ef; + } + .topl { + color:#aaaaaa; + font-size:90%; + } + .movie-expand { + width:1em; + text-align:center; + font-size:120%; + float:left; + margin:0.2em; + } + p, #note { + background:white; + border:2px solid purple; + clear:left; + margin:1em 2em; + padding:0.5em; + } + .borrowed0 { + font-size:80%; + color:#c0b9cc; + background:transparent; + text-decoration:none; + display:block; + } + .borrowed1 { + font-size:80%; + color:purple; + background:transparent; + text-decoration:none; + display:block; + } + #note { + text-align:center; + } + #note a { + text-decoration:underline; + } + </style> +</head> +<body> + <h1><a id="top">$$PAGETITLE$$</a></h1> +[JAVASCRIPT] + <form onsubmit="searchMovies(getE('searchText').value); return false" action=""> + <div> + <input type="text" id="searchText" title="$$FORM_INPUT$$" /> + <select id="searchType"> + <option value="title">$$FORM_SEARCH1$$</option> + <option value="all">$$FORM_SEARCH2$$</option> + </select> + <input type="button" class="submit" value="$$FORM_SEARCHBUTTON$$" title="$$FORM_SEARCHTITLE$$" onclick="searchMovies(getE('searchText').value)" /> + <input type="button" class="submit" value="$$FORM_ALLBUTTON$$" title="$$FORM_ALLTITLE$$" onclick="searchMovies('')" /> + <br /> + <br /> + <input type="button" class="submit" value="$$FORM_EXPAND$$" onclick="expcolAll('block','$$TOTALNUMBER$$')" title="$$FORM_EXPANDTITLE$$" /> + <input type="button" id="collapseAll" class="submit" value="$$FORM_COLLAPSE$$" onclick="expcolAll('none','$$TOTALNUMBER$$')" title="$$FORM_COLLAPSETITLE$$" /> + </div> + </form> +[/JAVASCRIPT] + <div id="links">| _ | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z |</div> + <dl> +[/HEADER] +[ITEM] + <dt> +[JAVASCRIPT] + <script type="text/javascript">writeExpandControl('$$IDX$$',1)</script> +[/JAVASCRIPT] + <a id="movielink_$$IDX$$" href="$$URL$$">$$title$$</a> | <a class="topl" href="#top">($$TOP$$)</a> + <span class="borrowed$$borrower_FLAG$$">$$borrower_YESNO$$$$borrower_OREMPTY$$</span> + </dt> + <dd> + <div id="movie$$IDX$$" style="display:none;"> + <img src="$$image$$" alt="$$title$$" title= "$$title$$" height="$$HEIGHT_PIC$$" /> + <table> + <tr class="tr1"><th>$$time_LABEL$$</th><td>$$time$$</td></tr> + <tr class="tr2"><th>$$genre_LABEL$$</th><td>$$genre$$</td></tr> + <tr class="tr1"><th>$$date_LABEL$$</th><td>$$date$$</td></tr> + <tr class="tr2"><th>$$director_LABEL$$</th><td>$$director$$</td></tr> + <tr class="tr1"><th>$$actors_LABEL$$</th><td>$$actors$$</td></tr> + <tr class="tr2"><th>$$format_LABEL$$</th><td>$$format$$ ($$number$$)</td></tr> + <tr class="tr1"><th>$$rating_LABEL$$</th><td>$$rating$$/10</td></tr> + <tr class="tr2"><th>$$audio_LABEL$$</th><td>$$audio$$</td></tr> + <tr class="tr1"><th>$$subt_LABEL$$</th><td>$$subt$$</td></tr> + </table> + <p>$$synopsis$$<br /><br /><em>$$comment$$</em></p> + </div> + </dd> +[/ITEM] +[FOOTER] + </dl> + <div id="note">$$GENERATOR_NOTE$$</div> +</body> +</html> +[/FOOTER] +[POST] + + my %letters = (); + my $idx = 0; + + foreach (@items) + { + my $title = $self->{options}->{originalList}->transformValue($_->{title}, 'title'); + my $firstLetter = uc(substr($title, 0, 1)); + $firstLetter =~ s/[^A-Z]/_/; + if (!$letters{$firstLetter}) + { + $body =~ s/<a id="movielink_$idx"/<a id="$firstLetter"/; + $letters{$firstLetter} = 1; + } + $idx++; + } + + foreach (keys %letters) + { + $header =~ s/\| $_ \|/| <a class="letter" href="#$_">$_<\/a> |/; + } + $header =~ s/\| ([^<|]) /| <span class="letter">$1<\/span> /g; + #$header =~ s/\| ([^<]) \|/| <span class="letter">$1<\/span> |/g; +[/POST] diff --git a/share/gcstar/html_models/GCfilms/Tian-Mario b/share/gcstar/html_models/GCfilms/Tian-Mario new file mode 100644 index 0000000..15ff986 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Tian-Mario @@ -0,0 +1,276 @@ +[HEADER] +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> +<!-- + Template made by Tian ( http://www.c-sait.net/ ) + Color scheme by Mario Tomic ( http://www.mariotomic.com/ ) +--> +<head> + <title>$$PAGETITLE$$</title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +[JAVASCRIPT] + <script type="text/javascript"> +<!-- +expandTooltip="Afficher les informations du film"; +collapseTooltip="Masquer les informations du film"; +function prn(s) +{ + document.write(s) +} +function getE(id) +{ + return document.getElementById(id) +} +function expcolAll(dir,rowNum) +{ + for(x=0;x < rowNum;x++) { + try { + getE('movie'+x).style.display=dir + if(dir=="none") getE('switch'+x).innerHTML="+" + else getE('switch'+x).innerHTML="–" + } + catch(err) { } + } +} +function toggleDisplay(id,swt) +{ + if((getE(id).style.display=="")||(getE(id).style.display=="none")) { + getE(id).style.display="block" + getE(swt).innerHTML="–" + getE(swt).title=collapseTooltip + } else { + getE(id).style.display="none" + getE(swt).innerHTML="+" + getE(swt).title=expandTooltip + } + return false +} +function writeExpandControl(elementId,collapse) +{ + prn("<a href=\"#\" class=\"movie-expand\" id=\"switch"+elementId+"\" onclick=\"return toggleDisplay('movie"+elementId+"','switch"+elementId+"');\" title=\""+((collapse) ? expandTooltip : collapseTooltip)+"\">"+((collapse) ? "+" : "–")+"</a>") +} +function searchMovies(text) +{ + getE("collapseAll").click() + alldt=document.getElementsByTagName("dt") + alldd=document.getElementsByTagName("dd") + nb=alldt.length + re=new RegExp(text,"i") + for(i=0;i<nb;i++) { + s1=alldt[i].getElementsByTagName("a")[1].innerHTML + s2=alldd[i].innerHTML + res=0 + if(getE("searchType").value=="all") res=(re.test(s1)||re.test(s2)) + else res=re.test(s1) + if(res) st="block" + else st="none" + alldt[i].style.display=st + alldd[i].style.display=st + } +} +--> + </script> +[/JAVASCRIPT] + <style type="text/css"> + body { + background:#222222; + } + h1 { + font-weight:bold; + font-size:160%; + text-align:center; + margin-bottom:1em; + } + #top { + color:#ffaa00 ! important; + background:transparent ! important; + } + form { + text-align:center; + border:1px dashed #999999; + background:#111111; + margin:0 3em; + padding:0.5em; + } + input,select { + border:1px solid #666666; + background: #333333; + color: #b2b2b2; + margin:0 0.5em; + } + input:focus, input.submit:hover { + background:#000000; + color: #b2b2b2; + } + } + input:hover, input.submit:hover { + background:#000000; + color: #b2b2b2; + } + input.submit { + cursor:pointer; + } + #links { + margin-top:0.5em; + text-align:center; + font-size:120%; + color: #333333; + } + img { + float:left; + margin:0 1em 1em 1em; + } + dt { + color:#aaaaaa; + font-size:120%; + margin:0em 0.5em; + clear:both; + } + dd { + margin:0.5em 2em 1em; + border-left:1px dashed #999999; + border-bottom:1px dashed #999999; + } + table { + font-size:90%; + margin:0 1em; + border:1px dashed #b2b2b2; + width:60%; + color: #b2b2b2; + } + th { + font-weight:bold; + text-align:left; + width:25%; + } + .tr1 { + background:#333333; + } + .tr2 { + background:#333333; + } + a { + color:#ffaa00; + background:transparent; + text-decoration:none; + } + a:hover, a:focus { + color:#000000; + background-color:#ffaa00; + } + .topl { + color:#444444; + font-size:90%; + } + .movie-expand { + width:1em; + text-align:center; + font-size:120%; + float:left; + margin:0.2em; + } + p, #note { + color:#b2b2b2; + background:#000000; + border:1px dashed #999999; + clear:left; + margin:1em 2em; + padding:0.5em; + } + .borrowed0 { + color:#222222; + background:transparent; + text-decoration:none; + font-size:50%; + display:block; + } + .borrowed1 { + color:#333333; + background:transparent; + text-decoration:none; + font-size:50%; + display:block; + } + #note { + text-align:center; + } + </style> +</head> +<body> + <h1><a id="top">$$PAGETITLE$$</a></h1> +[JAVASCRIPT] + <form onsubmit="searchMovies(getE('searchText').value); return false" action=""> + <div> + <input type="text" id="searchText" title="$$FORM_INPUT$$" /> + <select id="searchType"> + <option value="title">$$FORM_SEARCH1$$</option> + <option value="all">$$FORM_SEARCH2$$</option> + </select> + <input type="button" class="submit" value="$$FORM_SEARCHBUTTON$$" title="$$FORM_SEARCHTITLE$$" onclick="searchMovies(getE('searchText').value)" /> + <input type="button" class="submit" value="$$FORM_ALLBUTTON$$" title="$$FORM_ALLTITLE$$" onclick="searchMovies('')" /> + <br /> + <br /> + <input type="button" class="submit" value="$$FORM_EXPAND$$" onclick="expcolAll('block','$$TOTALNUMBER$$')" title="$$FORM_EXPANDTITLE$$" /> + <input type="button" id="collapseAll" class="submit" value="$$FORM_COLLAPSE$$" onclick="expcolAll('none','$$TOTALNUMBER$$')" title="$$FORM_COLLAPSETITLE$$" /> + </div> + </form> +[/JAVASCRIPT] + <div id="links">| _ | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z |</div> + <dl> +[/HEADER] +[ITEM] + <dt> +[JAVASCRIPT] + <script type="text/javascript">writeExpandControl('$$IDX$$',1)</script> +[/JAVASCRIPT] + <a id="movielink_$$IDX$$" href="$$URL$$">$$title$$</a> | <a class="topl" href="#top">($$TOP$$)</a> + <span class="borrowed$$borrower_FLAG$$">$$borrower_YESNO$$$$borrower_OREMPTY$$</span> + </dt> + <dd> + <div id="movie$$IDX$$" style="display:none;"> + <img src="$$image$$" alt="$$title$$" title= "$$title$$" height="$$HEIGHT_PIC$$" /> + <table> + <tr class="tr1"><th>$$time_LABEL$$</th><td>$$time$$</td></tr> + <tr class="tr2"><th>$$genre_LABEL$$</th><td>$$genre$$</td></tr> + <tr class="tr1"><th>$$date_LABEL$$</th><td>$$date$$</td></tr> + <tr class="tr2"><th>$$director_LABEL$$</th><td>$$director$$</td></tr> + <tr class="tr1"><th>$$actors_LABEL$$</th><td>$$actors$$</td></tr> + <tr class="tr2"><th>$$format_LABEL$$</th><td>$$format$$ ($$number$$)</td></tr> + <tr class="tr1"><th>$$rating_LABEL$$</th><td>$$rating$$/10</td></tr> + <tr class="tr2"><th>$$audio_LABEL$$</th><td>$$audio$$</td></tr> + <tr class="tr1"><th>$$subt_LABEL$$</th><td>$$subt$$</td></tr> + </table> + <p>$$synopsis$$<br /><br /><em>$$comment$$</em></p> + </div> + </dd> +[/ITEM] +[FOOTER] + </dl> + <div id="note">$$GENERATOR_NOTE$$</div> +</body> +</html> +[/FOOTER] +[POST] + + my %letters = (); + my $idx = 0; + + foreach (@items) + { + my $title = $self->{options}->{originalList}->transformValue($_->{title}, 'title'); + my $firstLetter = uc(substr($title, 0, 1)); + $firstLetter =~ s/[^A-Z]/_/; + if (!$letters{$firstLetter}) + { + $body =~ s/<a id="movielink_$idx"/<a id="$firstLetter"/; + $letters{$firstLetter} = 1; + } + $idx++; + } + + foreach (keys %letters) + { + $header =~ s/\| $_ \|/| <a href="#$_">$_<\/a> |/; + } +[/POST] diff --git a/share/gcstar/html_models/GCfilms/Tian-Mario-Kim b/share/gcstar/html_models/GCfilms/Tian-Mario-Kim new file mode 100644 index 0000000..2772020 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Tian-Mario-Kim @@ -0,0 +1,281 @@ +[HEADER] +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> +<!-- + Template made by Tian ( http://www.c-sait.net/ ) + Color scheme by Mario Tomic ( http://www.mariotomic.com/ ) +--> +<head> + <title>$$PAGETITLE$$</title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +[JAVASCRIPT] + <script type="text/javascript"> +<!-- +expandTooltip="Afficher les informations du film"; +collapseTooltip="Masquer les informations du film"; +function prn(s) +{ + document.write(s) +} +function getE(id) +{ + return document.getElementById(id) +} +function expcolAll(dir,rowNum) +{ + for(x=0;x < rowNum;x++) { + try { + getE('movie'+x).style.display=dir + if(dir=="none") getE('switch'+x).innerHTML="+" + else getE('switch'+x).innerHTML="–" + } + catch(err) { } + } +} +function toggleDisplay(id,swt) +{ + if((getE(id).style.display=="")||(getE(id).style.display=="none")) { + getE(id).style.display="block" + getE(swt).innerHTML="–" + getE(swt).title=collapseTooltip + } else { + getE(id).style.display="none" + getE(swt).innerHTML="+" + getE(swt).title=expandTooltip + } + return false +} +function writeExpandControl(elementId,collapse) +{ + prn("<a href=\"#\" class=\"movie-expand\" id=\"switch"+elementId+"\" onclick=\"return toggleDisplay('movie"+elementId+"','switch"+elementId+"');\" title=\""+((collapse) ? expandTooltip : collapseTooltip)+"\">"+((collapse) ? "+" : "–")+"</a>") +} +function searchMovies(text) +{ + getE("collapseAll").click() + alldt=document.getElementsByTagName("dt") + alldd=document.getElementsByTagName("dd") + nb=alldt.length + re=new RegExp(text,"i") + for(i=0;i<nb;i++) { + s1=alldt[i].getElementsByTagName("a")[1].innerHTML + s2=alldd[i].innerHTML + res=0 + if(getE("searchType").value=="all") res=(re.test(s1)||re.test(s2)) + else res=re.test(s1) + if(res) st="block" + else st="none" + alldt[i].style.display=st + alldd[i].style.display=st + } +} +--> + </script> +[/JAVASCRIPT] + <style type="text/css"> + body { + background:#222222; + } + h1 { + font-weight:bold; + font-size:160%; + text-align:center; + margin-bottom:1em; + } + #top { + color:#ffaa00 ! important; + background:transparent ! important; + } + form { + text-align:center; + border:1px dashed #999999; + background:#111111; + margin:0 3em; + padding:0.5em; + } + input,select { + border:1px solid #666666; + background: #333333; + color: #b2b2b2; + margin:0 0.5em; + } + input:focus, input.submit:hover { + background:#000000; + color: #b2b2b2; + } + } + input:hover, input.submit:hover { + background:#000000; + color: #b2b2b2; + } + input.submit { + cursor:pointer; + } + #links { + margin-top:0.5em; + text-align:center; + font-size:120%; + color: #333333; + } + img { + float:left; + margin:0 1em 1em 1em; + } + dt { + color:#aaaaaa; + font-size:120%; + margin:0em 0.5em; + clear:both; + } + dd { + margin:0.5em 2em 1em; + border-left:1px dashed #999999; + border-bottom:1px dashed #999999; + } + table { + font-size:90%; + margin:0 1em; + border:1px dashed #b2b2b2; + width:60%; + color: #b2b2b2; + } + th { + font-weight:bold; + text-align:left; + width:25%; + } + .tr1 { + background:#333333; + } + .tr2 { + background:#333333; + } + a { + color:#ffaa00; + background:transparent; + text-decoration:none; + } + a:hover, a:focus { + color:#000000; + background-color:#ffaa00; + } + .topl { + color:#444444; + font-size:90%; + } + .movie-expand { + width:1em; + text-align:center; + font-size:120%; + float:left; + margin:0.2em; + } + p, #note { + color:#b2b2b2; + background:#000000; + border:1px dashed #999999; + clear:left; + margin:1em 2em; + padding:0.5em; + } + .borrowed0 { + color:#222222; + background:transparent; + text-decoration:none; + font-size:50%; + display:block; + } + .borrowed1 { + color:#333333; + background:transparent; + text-decoration:none; + font-size:50%; + display:block; + } + #note { + text-align:center; + } + </style> +</head> +<body> + <h1><a id="top">$$PAGETITLE$$</a></h1> +[JAVASCRIPT] + <form onsubmit="searchMovies(getE('searchText').value); return false" action=""> + <div> + <input type="text" id="searchText" title="$$FORM_INPUT$$" /> + <select id="searchType"> + <option value="title">$$FORM_SEARCH1$$</option> + <option value="all">$$FORM_SEARCH2$$</option> + </select> + <input type="button" class="submit" value="$$FORM_SEARCHBUTTON$$" title="$$FORM_SEARCHTITLE$$" onclick="searchMovies(getE('searchText').value)" /> + <input type="button" class="submit" value="$$FORM_ALLBUTTON$$" title="$$FORM_ALLTITLE$$" onclick="searchMovies('')" /> + <br /> + <br /> + <input type="button" class="submit" value="$$FORM_EXPAND$$" onclick="expcolAll('block','$$TOTALNUMBER$$')" title="$$FORM_EXPANDTITLE$$" /> + <input type="button" id="collapseAll" class="submit" value="$$FORM_COLLAPSE$$" onclick="expcolAll('none','$$TOTALNUMBER$$')" title="$$FORM_COLLAPSETITLE$$" /> + </div> + </form> +[/JAVASCRIPT] + <div id="links">| _ | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z |</div> + <dl> +[/HEADER] +[ITEM] + <dt> +[JAVASCRIPT] + <script type="text/javascript">writeExpandControl('$$IDX$$',1)</script> +[/JAVASCRIPT] + <a id="movielink_$$IDX$$" href="$$URL$$">$$title$$</a> | <a class="topl" href="#top">($$TOP$$)</a> + <span class="borrowed$$borrower_FLAG$$">$$borrower_YESNO$$$$borrower_OREMPTY$$</span> + </dt> + <dd> + <div id="movie$$IDX$$" style="display:none;"> + <a href="$$backpic$$"><img src="$$image$$" alt="$$title$$" title= "$$title$$" height="$$HEIGHT_PIC$$" /></a> + <table> + <tr class="tr1"><th>$$date_LABEL$$</th><td>$$date$$</td></tr> + <tr class="tr2"><th>$$genre_LABEL$$</th><td>$$genre$$</td></tr> + <tr class="tr1"><th>$$id_LABEL$$</th><td>$$id$$</td></tr> + <tr class="tr2"><th>$$original_LABEL$$</th><td>$$original$$</td></tr> + <tr class="tr1"><th>$$time_LABEL$$</th><td>$$time$$ Min.</td></tr> + <tr class="tr2"><th>$$director_LABEL$$</th><td>$$director$$</td></tr> + <tr class="tr1"><th>$$actors_LABEL$$</th><td>$$actors$$</td></tr> + <tr class="tr2"><th>$$rating_LABEL$$</th><td>$$rating$$/10</td></tr> + <tr class="tr1"><th>$$age_LABEL$$</th><td>$$age$$</td></tr> + <tr class="tr2"><th>$$country_LABEL$$</th><td>$$country$$</td></tr> + <tr class="tr1"><th>$$audio_LABEL$$</th><td>$$audio$$</td></tr> + <tr class="tr2"><th>$$comment_LABEL$$</th><td>$$comment$$</td></tr> + <tr class="tr1"><th>$$serie_LABEL$$</th><td>$$serie$$</td></tr> + <tr class="tr2"><th>$$subt_LABEL$$</th><td>$$subt$$</td></tr> + </table> + <p>$$synopsis$$</p> + </div> + </dd> +[/ITEM] +[FOOTER] + </dl> + <div id="note">$$GENERATOR_NOTE$$</div> +</body> +</html> +[/FOOTER] +[POST] + + my %letters = (); + my $idx = 0; + + foreach (@items) + { + my $title = $self->{options}->{originalList}->transformValue($_->{title}, 'title'); + my $firstLetter = uc(substr($title, 0, 1)); + $firstLetter =~ s/[^A-Z]/_/; + if (!$letters{$firstLetter}) + { + $body =~ s/<a id="movielink_$idx"/<a id="$firstLetter"/; + $letters{$firstLetter} = 1; + } + $idx++; + } + + foreach (keys %letters) + { + $header =~ s/\| $_ \|/| <a href="#$_">$_<\/a> |/; + } +[/POST] diff --git a/share/gcstar/html_models/GCfilms/Tian-Mario.png b/share/gcstar/html_models/GCfilms/Tian-Mario.png Binary files differnew file mode 100644 index 0000000..70dc0b3 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Tian-Mario.png diff --git a/share/gcstar/html_models/GCfilms/Tian.png b/share/gcstar/html_models/GCfilms/Tian.png Binary files differnew file mode 100644 index 0000000..942f51c --- /dev/null +++ b/share/gcstar/html_models/GCfilms/Tian.png diff --git a/share/gcstar/html_models/GCfilms/float b/share/gcstar/html_models/GCfilms/float new file mode 100644 index 0000000..47a9924 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/float @@ -0,0 +1,120 @@ +[HEADER] +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<!-- + Template made by float +--> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>$$PAGETITLE$$</title> +<style type="text/css"> +body { + color:#004DFF; + background-color : white; + font-family : arial, helvetica, sans-serif; + font-size : 12px; + margin : 10px; +} + +td { + font-family : arial, sans-serif; + font-size : 12px; +} +h1 { + font-size:130%; + font-weight:bold; + border-bottom : solid black 1px; + margin:0px; +} +.borrowed1 { +} +a { + color : #666; + text-decoration : none; + +} +a:hover { + text-decoration : underline; +} +.title { + font-size : 110%; + font-weight : bold; +} +.synopsis { + margin-top : .6em; + text-align : justify; + + margin-bottom : 1.5em; + color : #333; +} +.image { + margin-bottom : 1.5em; +} +.detail { + float : right; + text-align : right; + color : #888; +} +#total { + float: center; + font-weight: bold; + text-align: center; +} +#footer { + border-top : solid black 1px; + font-size:small; + color : #666; + text-align: center; +} +#top { + text-align: left; +} +#middle { + text-align: center; +} +#bottom { + text-align: right; +} +</style> +</head> +<body> +<a name="top" id="top"></a> +<div id="total">$$PAGETITLE$$ - $$TOTALNUMBER$$ $$ITEMS$$</div><br><br> +<table width="550" align="center" cellpadding="8" cellspacing="0"> +[/HEADER] +[ITEM] +<tr class="borrowed$$borrower_FLAG$$"> + <td valign="top" align="center" bgcolor="#E3E1C6" width="80" > + <img align="top" src="$$image$$" height="$$HEIGHT_PIC$$" border="0" alt="$$title$$" title="$$title$$" class="image"> + </td> + <td valign="top" bgcolor="#ECEBD9"> + <div class="detail"><b>$$time_LABEL$$:</b> $$time$$<br> + <b>$$genre_LABEL$$:</b> $$genre$$</div> + <div class="title">$$title$$</div> + <div class="synopsis"><b>$$director_LABEL$$:</b><br>$$director$$ + <br><br><b>$$actors_LABEL$$:</b><br>$$actors$$ + <br><br><b>$$synopsis_LABEL$$:</b><br>$$synopsis$$ + <br><br> + <b> + <table width="100%"> + <tr> + <td align="left"><a href="#top">$$TOP$$</a></td> + <td align="center"><a href="$$trailer$$">$$gtk-media-play$$</a></td> + <td align="right"><a href="#bottom">$$BOTTOM$$</a></td> + </tr> + </table> + </div> + </td> +</tr> +[/ITEM] +[FOOTER] +</table> +<div id="footer"> + $$GENERATOR_NOTE$$ +</div> +<a name="bottom" id="bottom"></a> +</body> +</html> +[/FOOTER] +[POST] +[/POST]
\ No newline at end of file diff --git a/share/gcstar/html_models/GCfilms/float.png b/share/gcstar/html_models/GCfilms/float.png Binary files differnew file mode 100644 index 0000000..e047a32 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/float.png diff --git a/share/gcstar/html_models/GCfilms/rootII_design b/share/gcstar/html_models/GCfilms/rootII_design new file mode 100644 index 0000000..74873aa --- /dev/null +++ b/share/gcstar/html_models/GCfilms/rootII_design @@ -0,0 +1,118 @@ +[HEADER] +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <!-- ------------------------------------------------------------------------------------------------ + rootII 2005 + Template for HTML export of a GCfilms collection + ------------------------------------------------------------------------------------------------ --> +<head> + <meta content="text/html; charset=UTF-8" http-equiv="content-type"> + <title>$$PAGETITLE$$</title> +[JAVASCRIPT] + <script type="text/javascript" language="javascript1.2"><!-- + var alreadyOpennedLayer=""; + function hidelayer(id){ + if (document.getElementById(id).style.visibility=="visible") + document.getElementById(id).style.visibility='hidden'; + } + function showlayer(id){ + if (document.getElementById(id) && document.getElementById(id).style.visibility!='visible') + { + if (alreadyOpennedLayer!="") hidelayer(alreadyOpennedLayer); + alreadyOpennedLayer=id; + document.getElementById(id).style.visibility='visible'; + } + } +//--></script> +[/JAVASCRIPT] +<style type="text/css" media="screen"> + body { + font-family:helvetica, verdana, arial; + color:rgb(253, 253, 253); + background-color:rgb(204, 204, 204); + font-family:helvetica, verdana, arial; + font-size:100%; + } + .synopsis { + background-color:rgb(174,174,174 ); + border:1px none #000000; + text-align:justify; + font-family:helvetica, verdana, arial; + font-size:90%; + visibility:hidden; + position:absolute; + width:80%; + } + strong { + color:#FFFFFF; + font-size:120%; + } + td { + color : #666666; + } + a { + text-decoration : none; + } + #design { + text-align:right; + color:rgb(174, 174, 174); + } + #gcstar { + text-align:right; + color:rgb(174, 174, 174); + } +</style> +<style type="text/css" media="print" > + body { + font-family:helvetica, verdana, arial; + font-size:100%; + } + .synopsis { + display: none; + } + #design { + display: none; + } + #gcstar { + text-align:right; + color:rgb(174, 174,174); + } +</style> +</head> +<body link="#666666" alink="#666666" vlink="#999999"> + <div id="header-title"> + <h1>$$PAGETITLE$$</h1> + </div> + <table border="0" align="center" cellspacing="0" cellpadding="0" width="80%"> + <tr> + <td> +[/HEADER] +[ITEM] + <table border="0" align="center" cellspacing="0" cellpadding="0" width="100%"> + <tr><td colspan=3><strong>$$title$$</strong></td></tr> + <tr><td width="80" rowspan=7><img align="top" src="$$image$$" height="$$HEIGHT_PIC$$" border="0" + name="image$$IDX$$" alt="$$title$$" title="$$title$$" + [JAVASCRIPT]onMouseOver='showlayer("synop$$IDX$$")'[/JAVASCRIPT]></td> + <td width="100"><small>$$original_LABEL$$$$SEPARATOR$$</small></td><td><small>$$original$$</small></td></tr> + <tr><td><small>$$director_LABEL$$$$SEPARATOR$$</small></td><td><small>$$director$$</small></td></tr> + <tr><td><small>$$date_LABEL$$$$SEPARATOR$$</small></td><td><small>$$date$$</small></td></tr> + <tr><td><small>$$time_LABEL$$$$SEPARATOR$$</small></td><td><small>$$time$$</small></td></tr> + <tr><td><small>$$country_LABEL$$$$SEPARATOR$$</small></td><td><small>$$country$$</small></td></tr> + <tr><td><small>$$genre_LABEL$$$$SEPARATOR$$</small></td><td><small>$$genre$$</small></td></tr> + <tr><td><small>$$actors_LABEL$$$$SEPARATOR$$</small></td><td><small>$$actors$$</small></td></tr> + <tr><td colspan=3><div class="synopsis" id="synop$$IDX$$" [JAVASCRIPT]onMouseOut='hidelayer("synop$$IDX$$")'[/JAVASCRIPT]>$$synopsis$$</div></td></tr> + <tr><td colspan=3><hr></td></tr> + </table> +[/ITEM] +[FOOTER] +</td></tr> +<tr><td>$$TOTALNUMBER$$ films</td></tr> + </table> + <div id="design"><br><br><br><br><small>design by + <em>rootII design department</em></small></div> + <div id="export">$$GENERATOR_NOTE$$</div> +</body> +</html> +[/FOOTER] +[POST] +[/POST] diff --git a/share/gcstar/html_models/GCfilms/rootII_design.png b/share/gcstar/html_models/GCfilms/rootII_design.png Binary files differnew file mode 100644 index 0000000..ffeae14 --- /dev/null +++ b/share/gcstar/html_models/GCfilms/rootII_design.png |