bema/func/basic_rwd #45

Merged
bema merged 4 commits from bema/func/basic_rwd into dev 2023-02-20 15:07:28 +01:00
4 changed files with 20 additions and 11 deletions

View File

@@ -437,10 +437,6 @@
content: "▼"; content: "▼";
} }
.content.active{
}
.hiddable { .hiddable {
display: none; display: none;
} }
@@ -482,3 +478,13 @@ textarea {
code { code {
line-height: 150%; line-height: 150%;
} }
@media only screen and (max-width: 768px) {
.rwd-hideable {
display: none;
}
.rwd-expandable {
width: 100%;
}
}

View File

@@ -7,13 +7,14 @@
<script src="../assets/scripts/tools/jquery-3.6.0.slim.min.js"></script> <script src="../assets/scripts/tools/jquery-3.6.0.slim.min.js"></script>
<link rel="stylesheet" href="../assets/css/tools/r11form.css"> <link rel="stylesheet" href="../assets/css/tools/r11form.css">
<script src="../assets/scripts/tools/scripts.js"></script> <script src="../assets/scripts/tools/scripts.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" /> <meta charset="utf-8" />
</head> </head>
<body onload="init();"> <body onload="init();">
<div class="container"> <div class="container">
<div id="tool" class="tool"> <div id="tool" class="tool rwd-expandable">
<div class="tool-context"> <div class="tool-context">
<div class="headline"> <div class="headline">
<h1>Online XPath tester <span class="versionInfo"><span class="version-span">v0.4</span></span></h1> <h1>Online XPath tester <span class="versionInfo"><span class="version-span">v0.4</span></span></h1>
@@ -61,7 +62,7 @@
</div> </div>
</div> </div>
<div class="tooltip tooltip-window"> <div class="tooltip tooltip-window rwd-hideable">
<h2>What is XPath?</h2> <h2>What is XPath?</h2>
<p>XPath is a querry language used for selecting nodes from XML and processing them.<br> <p>XPath is a querry language used for selecting nodes from XML and processing them.<br>
It may perform operations on strings, numbers and boolean values.<br></p> It may perform operations on strings, numbers and boolean values.<br></p>

View File

@@ -5,12 +5,13 @@
<!-- <link rel="stylesheet" href="styles.css"> --> <!-- <link rel="stylesheet" href="styles.css"> -->
<link rel="stylesheet" href="../assets/css/tools/r11form.css"> <link rel="stylesheet" href="../assets/css/tools/r11form.css">
<script src="../assets/scripts/tools/scripts.js"></script> <script src="../assets/scripts/tools/scripts.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" /> <meta charset="utf-8" />
</head> </head>
<body onload="init();"> <body onload="init();">
<div class="container"> <div class="container">
<div id="tool" class="tool"> <div id="tool" class="tool rwd-expandable">
<div class="tool-context"> <div class="tool-context">
<div class="headline"> <div class="headline">
<h1>Online XSD tester <span class="versionInfo"><span class="version-span">v0.4 BETA</span></span> <h1>Online XSD tester <span class="versionInfo"><span class="version-span">v0.4 BETA</span></span>
@@ -47,7 +48,7 @@
</div> </div>
</div> </div>
<div class="tooltip-window"> <div class="tooltip-window rwd-hideable">
<h2>What is XSD?</h2> <h2>What is XSD?</h2>
<p><b>XSD is a W3C recomedation that specifies how to describe the elements in XML document</b></p> <p><b>XSD is a W3C recomedation that specifies how to describe the elements in XML document</b></p>
<p>XSD specifies data types, order and arity of elements in XML file.<br> <p>XSD specifies data types, order and arity of elements in XML file.<br>

View File

@@ -5,12 +5,13 @@
<!-- <link rel="stylesheet" href="styles.css"> --> <!-- <link rel="stylesheet" href="styles.css"> -->
<link rel="stylesheet" href="../assets/css/tools/r11form.css"> <link rel="stylesheet" href="../assets/css/tools/r11form.css">
<script src="../assets/scripts/tools/scripts.js"></script> <script src="../assets/scripts/tools/scripts.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" /> <meta charset="utf-8" />
</head> </head>
<body onload="init();"> <body onload="init();">
<div class="container"> <div class="container">
<div id="tool" class="tool"> <div id="tool" class="tool rwd-expandable">
<div class="tool-context"> <div class="tool-context">
<div class="headline"> <div class="headline">
<h1>Online XSLT tester <span class="versionInfo"><span class="version-span">v0.4</span></span></h1> <h1>Online XSLT tester <span class="versionInfo"><span class="version-span">v0.4</span></span></h1>
@@ -47,7 +48,7 @@
</div> </div>
</div> </div>
<div class="tooltip tooltip-window"> <div class="tooltip tooltip-window rwd-hideable">
<h2>What is XSLT?</h2> <h2>What is XSLT?</h2>
<p>XSLT is a language for transforming XML documents into other documents such as XML, HTML and many <p>XSLT is a language for transforming XML documents into other documents such as XML, HTML and many
other.<br></p> other.<br></p>