Commit 219241b3 authored by Jakob Schmidt's avatar Jakob Schmidt
Browse files

Anpassung wesentlichen XSL-Codes an Bootstrap

parent c3ab9870
.bootstrap-footnote {
width: 19px;
/*width: 19px;
height: 10px;
display: inline-block;
background: url(../img/ellipsis.png);
......@@ -7,6 +7,13 @@
text-indent: -999px;
margin: 0 2px 0 6px;
vertical-align: middle;
*/
}
.bootstrap-footnote:after{
font-family: 'Glyphicons Halflings';
content:"\e086";
color:#921c1c;
}
.popover h3:empty {
......
......@@ -12,7 +12,8 @@ body {
}
p{
line-height: 1.5;
line-height: 2;
}
.text{
......@@ -20,10 +21,6 @@ p{
display:none;
}
.well{
}
.text-center
{
padding:0;
......@@ -33,7 +30,7 @@ p{
display:block;
}
.invisible{
.visible{
display:none;
}
......@@ -42,6 +39,8 @@ p{
}
/**Tooltips*//
.tooltip-inner{
max-width:350px;
......@@ -53,10 +52,15 @@ p{
/**Nav Elements **/
.letternav{
text-align: center;
min-height:30px;
margin:0;
}
.pagination {
margin: 0px !important;
}
/**GRID**/
......@@ -757,16 +761,16 @@ h1{
text-transform:uppercase;
color:#484848;
font-weight:normal;
font-size:18px;
font-size:14px;
margin-top: 10px;
width:450px;
}
h2{
text-transform:uppercase;
color:#009999;
/*color:#009999;*/
font-weight:normal;
font-size:12px;
font-size:14px;
margin-top: 30px;
margin-bottom: 15px;
}
......
/home/jakob/Dokumente/Studium Berlin/SHK Stelle/Schönberg Busoni Textedition/repository/trunk/indices/
\ No newline at end of file
......@@ -80,43 +80,79 @@
</li>
<br/>
<!-- Titel -->
<h1>
<xsl:value-of select="//fileDesc/titleStmt/title"/>
<div class="btn-group pull-right" style="top:-12px;">
<div class="letternav">
<ul class="pagination pagination-sm">
<li>
<xsl:if test="//correspContext/ref[@type='previous']">
<a><xsl:attribute name="href">
<xsl:value-of select="concat(substring-after(//correspContext/ref[@type='previous']/@target, '#'), '.html')"/>
</xsl:attribute>&#171;</a>
</xsl:if>
</li>
<li><a href="#"><h1><xsl:value-of select="//fileDesc/titleStmt/title"/></h1></a></li>
<li>
<xsl:if test="//correspContext/ref[@type='next']">
<a><xsl:attribute name="href">
<xsl:value-of select="concat(substring-after(//correspContext/ref[@type='next']/@target, '#'), '.html')"/>
</xsl:attribute>&#187;</a>
</xsl:if>
</li>
</ul>
</div>
<div class="btn-group pull-right" style="top:-45px;">
<a href="#" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-share-alt"></span>
Brief exportieren</a>
<a href="#" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Zitieren</a></li>
<li><a href="#">Als XML herunterladen</a></li>
<li><a href="#citation" target="#citation" data-toggle="modal">Zitieren</a></li> <li><a href="../xml/{$manuskript}.xml">Als XML herunterladen</a></li>
<li><a href="#">Als PDF herunterladen</a></li>
</ul>
</div>
</h1>
</ul>
<!-- Zitations-Modal-->
<div id="citation" class="modal fade" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
<h4 class="modal-title">Dokument zitieren</h4>
</div>
<div class="modal-body">
<p>
<xsl:value-of select="substring-before($citation, $loc_tit)"/><i><xsl:value-of select="$loc_tit"/></i><xsl:value-of select="substring-after($citation, $loc_tit)"/>
</p>
</div>
<div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button></div>
</div>
</div>
</div>
<!--Seitennav-->
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="bs-component">
<div class="col-md-12">
<div class="bs-component text-center">
<ul class="pagination pagination-md ">
<xsl:call-template name="page_nav"/> <!--Aufruf des Page-Nav Templates (siehe nav.xsl)-->
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!--LINKS-->
<div class="col-sm-6">
<!-- Seitenanzeige -->
<!-- Manuskript-Anzeige -->
<div class="contentbox contentbox-left">
<div id="facspages" class="tab-content">
<xsl:for-each select="//text//pb | //accMat//pb">
......@@ -185,15 +221,16 @@
<div class="col-sm-2">
<div class="btn-group-vertical">
<a href="#" class="btn btn-default" id="commenttoggle" data-toggle="tooltip" data-placement="right" title="Anmerkungen ein-/ausblenden" data-original-title="Tooltip on right"><span class="glyphicon glyphicon-comment"></span></a>
<a href="#" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Metadaten" data-original-title="Tooltip on right"><span class="glyphicon glyphicon-list-alt"></span></a>
<a href="#" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Entitäten" data-original-title="Tooltip on right"><span class="glyphicon glyphicon-info-sign"></span></a>
<a href="#" class="btn btn-default" id="commenttoggle" data-tooltip="true" data-placement="right" title="Anmerkungen ein-/ausblenden" data-original-title="Anmerkungen ein-/ausblenden"><span class="glyphicon glyphicon-comment"></span></a>
<a href="#metadata" class="btn btn-default" data-toggle="modal" data-tooltip="true" data-placement="right" title="Metadaten aufrufen" data-original-title="Anmerkungen ein-/ausblenden"><span class="glyphicon glyphicon-list-alt"></span></a>
<a href="#entities" class="btn btn-default" data-toggle="modal" data-tooltip="true" data-placement="right" title="Entitäten" data-original-title="Entitäten ein-/ausblenden"><span class="glyphicon glyphicon-info-sign"></span></a>
</div>
</div>
<!--col-->
</div>
......@@ -203,6 +240,37 @@
<!-- row close -->
</div>
<div id="metadata" class="modal fade" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
<h4 class="modal-title">Metadaten</h4>
</div>
<div class="modal-body">
<p> <xsl:call-template name="meta"/>
</p>
</div>
<div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button></div>
</div>
</div>
</div>
<div id="entities" class="modal fade" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
<h4 class="modal-title">Entitäten</h4>
</div>
<div class="modal-body">
<p> <xsl:call-template name="entities"/>
</p>
</div>
<div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button></div>
</div>
</div>
</div>
<!--BOOTSTRAP JAVASCRIPT-->
<script type="text/javascript" src="../js/bootstrap.footnotes.js"></script>
......@@ -219,16 +287,24 @@
$('.lese').addClass('show');
$('.dipl').removeClass('show');
});
//Fußnoten
$.footnotes();
//Tooltips
$(function () {
$('[data-toggle="tooltip"]').tooltip()})
//Anmerkungen ein- und ausblenden
$('#commenttoggle').click(function() {
$('sup').toggleClass('visible');
});
//Tooltips initalisieren (Standardfunktion)
//$(function () {
//$('[data-toggle="tooltip"]').tooltip()})
//Tooltips bei modals starten
$(function() {
$('[data-tooltip="true"]').tooltip();
});
</script>
......@@ -243,7 +319,9 @@
<xsl:include href="xsl/parameters.xsl"/>
<xsl:include href="xsl/text-main.xsl"/>
<xsl:include href="xsl/page-navigation.xsl"/>
<!-- <xsl:include href="xsl/commentary.xsl"/>-->
<xsl:include href="xsl/citation.xsl"/>
<xsl:include href="xsl/metadata.xsl"/>
<xsl:include href="xsl/entities.xsl"/>
</xsl:stylesheet>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<!DOCTYPE html><html lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="http://bootswatch.com/sandstone/bootstrap.min.css">
<link rel="stylesheet" href="../css/toggle-switch.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/bootstrap.footnotes.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script></head>
<body>
<nav class="navbar navbar-default ">
<div class="container">
<div class="navbar-header"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#"><img src="../img/busoni_white.png"></a></div>
<div class="collapse navbar-collapse" id="leses-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">Über das Projekt</a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Navigationseinstiege <span class="caret"></span></a><ul class="dropdown-menu">
<li><a href="#">Autoren</a></li>
<li><a href="#">Themen</a></li>
<li><a href="#">Aufbewahrungsorte</a></li>
</ul>
</li>
<li><a href="#">Editorische Richtlinien</a></li>
</ul>
</div>
</div>
</nav>
<div class="container well" style="padding:10px;">
<ul class="breadcrumb">
<li><a href="#">Start</a><span class="divider"></span></li>
<li><a href="#">Briefe</a><span class="divider"></span></li>
<li class="active"></li><br><div class="letternav">
<ul class="pagination pagination-sm">
<li></li>
<li><a href="#">
<h1></h1></a></li>
<li></li>
</ul>
</div>
<div class="btn-group pull-right" style="top:-45px;"><a href="#" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-share-alt"></span> Brief exportieren</a><a href="#" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><span class="caret"></span></a><ul class="dropdown-menu">
<li><a href="#citation" target="#citation" data-toggle="modal">Zitieren</a></li>
<li><a href="../xml/.xml">Als XML herunterladen</a></li>
<li><a href="#">Als PDF herunterladen</a></li>
</ul>
</div>
</ul>
<div id="citation" class="modal fade" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button><h4 class="modal-title">Dokument zitieren</h4>
</div>
<div class="modal-body">
<p><i></i>,
hrsg. von
bearbeitet von
in: ,
hrsg. von
: ,
http://busoni-nachlass.org/.html
(Stand: ).
</p>
</div>
<div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="bs-component text-center">
<ul class="pagination pagination-md "></ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="contentbox contentbox-left">
<div id="facspages" class="tab-content"></div>
</div>
</div>
<div class="col-sm-6">
<div class="col-sm-10">
<div class="contentbox contentbox-right">
<div style="text-align:center">
<fieldset>
<div class="switch-toggle well" style="color:#dfd7ca"><input id="diplswitch" name="view" type="radio" checked="true"><label for="diplswitch" onclick="">Diplomatische Umschrift</label><input id="leseswitch" name="view" type="radio"><label for="leseswitch" onclick="">Lesefassung</label><a class="btn btn-default"></a></div>
</fieldset>
</div>
<div class="text dipl show">
<div class="tab-content collapse in" id="dipl"></div>
</div>
<div class="text lese">
<div class="tab-content collapse in" id="lese"></div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="btn-group-vertical"><a href="#" class="btn btn-default" id="commenttoggle" data-tooltip="true" data-placement="right" title="Anmerkungen ein-/ausblenden" data-original-title="Anmerkungen ein-/ausblenden"><span class="glyphicon glyphicon-comment"></span></a><a href="#metadata" class="btn btn-default" data-toggle="modal" data-tooltip="true" data-placement="right" title="Metadaten aufrufen" data-original-title="Anmerkungen ein-/ausblenden"><span class="glyphicon glyphicon-list-alt"></span></a><a href="#entities" class="btn btn-default" data-toggle="modal" data-tooltip="true" data-placement="right" title="Entitäten" data-original-title="Entitäten ein-/ausblenden"><span class="glyphicon glyphicon-info-sign"></span></a></div>
</div>
</div>
</div>
</div>
<div id="metadata" class="modal fade" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button><h4 class="modal-title">Metadaten</h4>
</div>
<div class="modal-body">
<p>
<table border="0" class="in-view">
<tr>
<td style="text-align: left; vertical-align: middle; margin: 0;">Stand: </td>
<td style="text-align: right; margin: 0; padding: 0"></td>
</tr>
</table>
<h2>Personen</h2>
<dl>
<dt>Absender</dt>
<dd><a href="entities/.html"></a></dd>
<dt>Empfänger</dt>
<dd><a href="entities/.html"></a></dd>
</dl>
<h2>Bearbeiter in dieser Edition</h2>
<h2>Manuskript</h2>
<dl>
<dt>Entstehung</dt>
<dd></dd>
<dd>Keine Datierung in der Quelle.</dd>
<dt>Incipit</dt>
<dd></dd>
<dt>Zusammenfassung</dt>
<dd></dd>
<dt>Aufbewahrungsort</dt>
<dd></dd>
<dt>Umfang</dt>
<dt>Zustand</dt>
<dd></dd>
</dl>
<h2>Hände</h2>
<ul></ul>
</p>
</div>
<div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button></div>
</div>
</div>
</div>
<div id="entities" class="modal fade" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button><h4 class="modal-title">Entitäten</h4>
</div>
<div class="modal-body">
<p></p>
</div>
<div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button></div>
</div>
</div>
</div><script type="text/javascript" src="../js/bootstrap.footnotes.js"></script><script>
//Ansichten
$('#diplswitch').click(function() {
$('.dipl').addClass('show');
$('.lese').removeClass('show');
});
$('#leseswitch').click(function() {
$('.lese').addClass('show');
$('.dipl').removeClass('show');
});
//Fußnoten
$.footnotes();
//Anmerkungen ein- und ausblenden
$('#commenttoggle').click(function() {
$('sup').toggleClass('visible');
});
//Tooltips initalisieren (Standardfunktion)
//$(function () {
//$('[data-toggle="tooltip"]').tooltip()})
//Tooltips bei modals starten
$(function() {
$('[data-tooltip="true"]').tooltip();
});
</script></body>
</html>
\ No newline at end of file
<!DOCTYPE html><html lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="http://bootswatch.com/sandstone/bootstrap.min.css">
<link rel="stylesheet" href="../css/toggle-switch.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/bootstrap.footnotes.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script></head>
<body>
<nav class="navbar navbar-default ">
<div class="container">
<div class="navbar-header"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="#"><img src="../img/busoni_white.png"></a></div>
<div class="collapse navbar-collapse" id="leses-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">Über das Projekt</a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Navigationseinstiege <span class="caret"></span></a><ul class="dropdown-menu">
<li><a href="#">Autoren</a></li>
<li><a href="#">Themen</a></li>
<li><a href="#">Aufbewahrungsorte</a></li>
</ul>
</li>
<li><a href="#">Editorische Richtlinien</a></li>
</ul>
</div>
</div>
</nav>
<div class="container well" style="padding:10px;">
<ul class="breadcrumb">
<li><a href="#">Start</a><span class="divider"></span></li>
<li><a href="#">Briefe</a><span class="divider"></span></li>
<li class="active"></li><br><div class="letternav">
<ul class="pagination pagination-sm">
<li></li>
<li><a href="#">
<h1></h1></a></li>
<li></li>
</ul>
</div>
<div class="btn-group pull-right" style="top:-45px;"><a href="#" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-share-alt"></span> Brief exportieren</a><a href="#" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><span class="caret"></span></a><ul class="dropdown-menu">
<li><a href="#citation" target="#citation" data-toggle="modal">Zitieren</a></li>
<li><a href="../xml/.xml">Als XML herunterladen</a></li>
<li><a href="#">Als PDF herunterladen</a></li>
</ul>
</div>
</ul>
<div id="citation" class="modal fade" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button><h4 class="modal-title">Dokument zitieren</h4>
</div>
<div class="modal-body">
<p><i></i>,
hrsg. von
bearbeitet von
in: ,
hrsg. von
: ,
http://busoni-nachlass.org/.html
(Stand: ).
</p>
</div>
<div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="bs-component text-center">
<ul class="pagination pagination-md "></ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="contentbox contentbox-left">
<div id="facspages" class="tab-content"></div>
</div>
</div>
<div class="col-sm-6">
<div class="col-sm-10">
<div class="contentbox contentbox-right">
<div style="text-align:center">
<fieldset>
<div class="switch-toggle well" style="color:#dfd7ca"><input id="diplswitch" name="view" type="radio" checked="true"><label for="diplswitch" onclick="">Diplomatische Umschrift</label><input id="leseswitch" name="view" type="radio"><label for="leseswitch" onclick="">Lesefassung</label><a class="btn btn-default"></a></div>
</fieldset>
</div>
<div class="text dipl show">
<div class="tab-content collapse in" id="dipl"></div>
</div>
<div class="text lese">
<div class="tab-content collapse in" id="lese"></div>
</div>