diff --git a/templates/base.twig b/templates/base.twig
index 249cb2e23c1aaf14d11f43179e46f1fc7f8a1a7f..3863b082efb20b67534e28e23a93f48d9eec32ea 100644
--- a/templates/base.twig
+++ b/templates/base.twig
@@ -4,7 +4,11 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1.0">
<title>{{ pagetitle }}</title>
- <link rel="stylesheet" type="text/css" href="/{{ baseurlpath }}resources/default.css">
+ <link rel="stylesheet" type="text/css" href="/{{ baseurlpath }}assets/css/lib/pure-min.css">
+ <link rel="stylesheet" type="text/css" href="/{{ baseurlpath }}assets/css/lib/selectize.default.css" />
+ <link rel="stylesheet" type="text/css" href="/{{ baseurlpath }}assets/css/lib/font-awesome/css/font-awesome.css" />
+ <link rel="stylesheet" type="text/css" href="/{{ baseurlpath }}assets/css/src/default.css">
+
<link rel="icon" type="image/icon" href="/{{ baseurlpath }}resources/icons/favicon.ico">
{% if jquery and jquery.css %}
<link rel="stylesheet" media="screen" type="text/css" href="/{{ baseurlpath }}resources/uitheme1.8/jquery-ui.css" />
@@ -31,7 +35,7 @@
</div><!-- #wrap -->
<!-- postload javascript -->
- <script type="text/javascript" src="/{{ baseurlpath }}resources/script.js"></script>
+ <script type="text/javascript" src="/{{ baseurlpath }}assets/js/src/script.js"></script>
{% if jquery %}
{% set version = '1.8' %}
{% if jquery.version %}
@@ -49,5 +53,8 @@
{% if clipboard %}
<script type="text/javascript" src="/{{ baseurlpath }}resources/clipboard.min.js"></script>
{% endif %}
+ <script type="text/javascript" src="/{{ baseurlpath }}assets/js/lib/jquery-3.2.1.min.js"></script>
+ <script type="text/javascript" src="/{{ baseurlpath }}assets/js/lib/selectize.min.js"></script>
+ <script type="text/javascript" src="/{{ baseurlpath }}assets/js/src/language.js"></script>
{% block postload %}{% endblock %}
</body></html>
diff --git a/templates/includes/header-embed.php b/templates/includes/header-embed.php
index 874932502189dfb268b7fbdc6d7cfeb11e16568f..4b2b3b4e6c835df7900fa541a19f8d4254dd4226 100644
--- a/templates/includes/header-embed.php
+++ b/templates/includes/header-embed.php
@@ -10,7 +10,7 @@ if(array_key_exists('header', $this->data)) {
}
?></title>
- <link rel="stylesheet" type="text/css" href="/<?php echo $this->data['baseurlpath']; ?>resources/default.css" />
+ <link rel="stylesheet" type="text/css" href="/<?php echo $this->data['baseurlpath']; ?>assets/css/src/old-default.css" />
<meta name="robots" content="noindex, nofollow" />
<?php
diff --git a/templates/includes/header.php b/templates/includes/header.php
index 2b3365128c0f7ce966e6b417af4a65e0e2442d89..c2950c54318f2a6abb5b4f3b7ccc6d1c2d51701b 100644
--- a/templates/includes/header.php
+++ b/templates/includes/header.php
@@ -44,7 +44,7 @@ header('X-Frame-Options: SAMEORIGIN');
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="initial-scale=1.0" />
-<script type="text/javascript" src="/<?php echo $this->data['baseurlpath']; ?>resources/script.js"></script>
+<script type="text/javascript" src="/<?php echo $this->data['baseurlpath']; ?>assets/js/src/script.js"></script>
<title><?php
if(array_key_exists('header', $this->data)) {
echo $this->data['header'];
@@ -53,7 +53,7 @@ if(array_key_exists('header', $this->data)) {
}
?></title>
- <link rel="stylesheet" type="text/css" href="/<?php echo $this->data['baseurlpath']; ?>resources/default.css" />
+ <link rel="stylesheet" type="text/css" href="/<?php echo $this->data['baseurlpath']; ?>assets/css/src/old-default.css" />
<link rel="icon" type="image/icon" href="/<?php echo $this->data['baseurlpath']; ?>resources/icons/favicon.ico" />
<?php
diff --git a/www/assets/css/lib/font-awesome.min.css b/www/assets/css/lib/font-awesome.min.css
new file mode 120000
index 0000000000000000000000000000000000000000..7fcdddc6b4616020f07bb73bcc4c3074020d30d7
--- /dev/null
+++ b/www/assets/css/lib/font-awesome.min.css
@@ -0,0 +1 @@
+../../../../node_modules/font-awesome/css/font-awesome.min.css
\ No newline at end of file
diff --git a/www/assets/css/lib/font-awesome/css b/www/assets/css/lib/font-awesome/css
new file mode 120000
index 0000000000000000000000000000000000000000..a2c6afc7251a2ccc39989b7cb5cba3a290b9f378
--- /dev/null
+++ b/www/assets/css/lib/font-awesome/css
@@ -0,0 +1 @@
+../../../../../node_modules/font-awesome/css
\ No newline at end of file
diff --git a/www/assets/css/lib/font-awesome/fonts b/www/assets/css/lib/font-awesome/fonts
new file mode 120000
index 0000000000000000000000000000000000000000..ded7220c2e1ec1872a450bea59edb09f23852630
--- /dev/null
+++ b/www/assets/css/lib/font-awesome/fonts
@@ -0,0 +1 @@
+../../../../../node_modules/font-awesome/fonts
\ No newline at end of file
diff --git a/www/assets/css/lib/pure-min.css b/www/assets/css/lib/pure-min.css
new file mode 120000
index 0000000000000000000000000000000000000000..66dcb9beeaa01cc647aab64e44275ebcbf55c4ed
--- /dev/null
+++ b/www/assets/css/lib/pure-min.css
@@ -0,0 +1 @@
+../../../../node_modules/purecss/build/pure-min.css
\ No newline at end of file
diff --git a/www/assets/css/lib/selectize.default.css b/www/assets/css/lib/selectize.default.css
new file mode 120000
index 0000000000000000000000000000000000000000..4846d5ae2dcdb9f0c1165d55356a56996107187d
--- /dev/null
+++ b/www/assets/css/lib/selectize.default.css
@@ -0,0 +1 @@
+../../../../node_modules/selectize/dist/css/selectize.default.css
\ No newline at end of file
diff --git a/www/assets/css/src/default.css b/www/assets/css/src/default.css
new file mode 100644
index 0000000000000000000000000000000000000000..88f8ae5e4ff04f84dea9d7f8fc5186024e65ca8b
--- /dev/null
+++ b/www/assets/css/src/default.css
@@ -0,0 +1,151 @@
+/* ***********************************************************
+GENERAL
+************************************************************ */
+html{
+ height: 100%;
+}
+body {
+ font-family: sans-serif;
+ padding-left: 2em;
+ padding-right: 2em;
+ line-height: 1.5em;
+}
+#wrap{
+ margin: 0 2rem;
+ padding: 1rem;
+}
+#footer {
+ position: relative;
+ bottom: 0;
+ width:100%;
+ padding: 1rem;
+ background-color: #efefef;
+ text-align: center;
+}
+
+img {
+ position: relative;
+ vertical-align: middle;
+}
+
+.left {
+ float: left !important;
+}
+
+.right {
+ float: right !important;
+}
+
+.center {
+ padding: auto;
+ text-align: center;
+}
+.errorbox {
+ padding: 1.3rem;
+ background-color: #f7e4e1;
+ border-left-style: solid;
+ border-left-width: 0.3125rem;
+ border-left-color: #cc4b37;
+ margin: 0 0 1rem 0;
+ position: relative;
+ box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2);
+}
+.pure-button {
+ border-radius: 0;
+}
+
+/* ***********************************************************
+LANGUAGE MENU
+************************************************************ */
+.language-menu-small{
+ font-family: FontAwesome, sans-serif;
+
+}
+
+
+/* ***********************************************************
+FORMS
+************************************************************ */
+.pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="text"], .pure-form select, .pure-form textarea {
+ border-radius: 0;
+}
+.form-align{
+ position: relative;
+}
+
+.center-form{
+ display: inline-block;
+ margin-right: auto;
+ margin-left: auto;
+}
+.v-center-right{
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translate(0, -50%);
+}
+.inline{
+ margin-top: 2em;
+}
+.selectize-input{
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+/* ***********************************************************
+TABLES
+************************************************************ */
+.fa {
+ font-family: FontAwesome !important;
+}
+/* ***********************************************************
+TABLES
+************************************************************ */
+
+/* ***********************************************************
+MEDIA QUERIES
+************************************************************ */
+
+@media screen and (max-width: 39.9375em) {
+ .hide-for-small-only {
+ display: none !important; } }
+
+@media screen and (max-width: 0em), screen and (min-width: 40em) {
+ .show-for-small-only {
+ display: none !important; } }
+
+@media screen and (min-width: 40em) {
+ .hide-for-medium {
+ display: none !important; } }
+
+@media screen and (max-width: 39.9375em) {
+ .show-for-medium {
+ display: none !important; } }
+
+/*.fa @font-face{*/
+ /*font-family:'FontAwesome';*/
+ /*src:url('../../../../node_modules/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');*/
+ /*src:url('../../../../node_modules/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0')*/
+ /*format('embedded-opentype'),*/
+ /*url('../../../../node_modules/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0')*/
+ /*format('woff2'),*/
+ /*url('../../../../node_modules/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') f*/
+ /*ormat('woff'),*/
+ /*url('../../../../node_modules/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0')*/
+ /*format('truetype'),*/
+ /*url('../../../../node_modules/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular')*/
+ /*format('svg');*/
+ /*font-weight:normal;*/
+ /*font-style:normal*/
+/*}*/
+
+/*@media screen and (min-width: 40em) { !*640*!*/
+
+/*}*/
+/*@media screen and (min-width: 64em) { !*1024px*!*/
+
+/*}*/
+/*@media screen and (max-width: 18.75em) { !*528*!*/
+
+/*}*/
+
diff --git a/www/assets/css/src/old-default.css b/www/assets/css/src/old-default.css
new file mode 100644
index 0000000000000000000000000000000000000000..1a8105c1c02d0b4db5a86deed6c864b55b09205f
--- /dev/null
+++ b/www/assets/css/src/old-default.css
@@ -0,0 +1,475 @@
+/* these styles are in the head of this page because this is a unique page */
+
+/* THE BIG GUYS */
+* {
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ text-align: center;
+ padding: 10px 0;
+ background: #1c1c1c;
+ /* background-image: url(icons/ssplogo-fish.png);
+ background-repeat: no-repeat; */
+ color: #333;
+ font: 83%/1.5 arial,tahoma,verdana,sans-serif;
+}
+
+.body-embed {
+ padding: 0;
+ background: #ffffff;
+ font: 83%/1.5 arial,tahoma,verdana,sans-serif;
+}
+
+img {
+ border: none;
+ display: block;
+}
+
+hr {
+ margin: 1em 0;
+ background: #eee;
+ height: 1px;
+ color: #eee;
+ border: none;
+ clear: both;
+}
+
+/* LINKS */
+a, a:link, a:link, a:link, a:hover {
+
+ text-decoration: none;
+ color: #777;
+ border-bottom: 1px dotted #ccc;
+ font-weight: normal;
+}
+
+
+a:link, a:visited {
+ text-decoration: none;
+ color: #777;
+ border-bottom: 1px dotted #ccc;
+ font-weight: normal;
+}
+.ui-tabs-nav a {
+ border: none ! important;
+ text-decoration: none;
+}
+a:visited {
+ color: #999;
+}
+
+a:hover, a:active {
+ color: #069;
+ text-decoration: none;
+ color: #333;
+ border-bottom: 1px solid #333;
+}
+
+#header a {
+ color: #fff;
+ text-decoration: none;
+}
+
+/* LISTS */
+ul {
+ margin: .3em 0 1.5em 2em;
+}
+
+ul.related {
+ margin-top: -1em;
+}
+
+li {
+ margin-left: 2em;
+}
+
+dt {
+ font-weight: bold;
+}
+
+#wrap {
+ background: #fff;
+
+ border: 1px solid #fff;
+ position: relative;
+ text-align: left;
+
+ margin: 20px 75px 2em 75px;
+ max-width: 950px;
+}
+
+#languagebar {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+#languagebar a:link, #languagebar a:visited {
+ text-decoration: none;
+ color: #777;
+ border-bottom: 1px dotted #ccc;
+ font-weight: normal;
+}
+#languagebar a:hover {
+ text-decoration: none;
+ color: #333;
+ border-bottom: 1px solid #333;
+
+}
+
+#header {
+ background: #666 url("header-bkg.png") repeat-x 0 100%;
+ margin: 0px;
+ padding: 0 0 8px;
+}
+
+#header h1 {
+ color: #fff;
+ font-size: 145%;
+ padding: 20px 20px 12px;
+}
+
+
+#content, #footer {
+ padding: 0 20px;
+}
+
+/* TYPOGRAPHY */
+p, ul, ol {
+ margin: 0 0 1.5em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ letter-spacing: -1px;
+ font-family: arial,verdana,sans-serif;
+ margin: 1.2em 0 .3em;
+ color: #000;
+ border-bottom: 1px solid #eee;
+ padding-bottom: .1em;
+}
+
+h1 {
+ font-size: 196%;
+ margin-top: 0;
+ border: none;
+}
+
+h2 {
+ font-size: 136%;
+}
+
+h3 {
+ font-size: 126%;
+}
+
+h4 {
+ font-size: 116%;
+ font-weight: bold;
+}
+
+h5 {
+ font-size: 106%;
+}
+
+h6 {
+ font-size: 96%;
+}
+
+input {
+ border: 1px solid #ddd;
+ border-radius: 3px;
+ padding: 5px;
+ line-height: 1.5em;
+}
+
+h1 a {
+ text-decoration: none;
+ border: none ! important;
+ color: white;
+}
+
+h1 a:hover {
+ border-bottom: 1px dotted #eee;
+}
+
+#content {
+ margin-top: 2em;
+}
+
+.old {
+ text-decoration: line-through;
+}
+
+dl dt {
+ color: #333;
+}
+
+dl dd {
+ color: #666;
+ margin-left: 3em;
+ /* font-family: monospace; */
+}
+
+.efieldlist {
+ padding: .4em;
+ margin: .8em;
+ border-top: 1px solid #e6e6e6;
+ border-left: 1px solid #e6e6e6;
+}
+
+.efieldlist.warning {
+ background-color: #922;
+ border: 1px solid #333;
+ color: white;
+}
+
+.efieldlist.warning h5 {
+ color: white;
+}
+
+.efieldlist h5 {
+ font-weight: bold;
+ color: #200;
+ margin: .3em;
+}
+
+.trackidtext {
+ border: 1px dashed #aaa;
+ background: #eaeaea;
+ padding: .6em;
+ margin: .4em;
+}
+
+.trackidtext .trackid {
+ border: 1px solid #ccc;
+ background: #eee;
+ margin: .4em;
+ padding: .4em;
+ font-family: monospace;
+ font-size: large;
+}
+
+div.caution {
+ background-color: #FF9;
+ background-image: url('icons/experience/gtk-dialog-warning.48x48.png');
+ background-repeat: no-repeat;
+ border: thin solid #444;
+ padding: .2em .2em .2em 60px;
+ margin: 1em 0px 1em 0px;
+}
+
+th.rowtitle {
+ text-align: left;
+}
+.enablebox table {
+ border: 1px solid #eee;
+
+ margin-left: 1em;
+}
+.enablebox.mini table {
+ float: right;
+}
+.enablebox tr td {
+ padding: .5px 1em 1px .5em;
+ margin: 0px;
+}
+.enablebox {
+ font-size: 85%;
+}
+.enablebox tr.enabled td {
+ background: #eee;
+}
+.enablebox tr.disabled td {
+ background: #ccc;
+}
+
+.metadatabox {
+ overflow: scroll;
+ border: 1px solid #eee;
+ padding: 0.5em;
+ border-radius: 3px;
+}
+div.preferredidp {
+ border: 1px dashed #ccc;
+ background: #eee;
+ padding: 2px 2em 2px 2em;
+}
+
+table.modules {
+ border-collapse: collapse;
+}
+table.modules tr td {
+ border-bottom: 1px solid #ddd;
+}
+table.modules tr.even td {
+ background: #f0f0f0;
+}
+
+/* Attribute presentation in example page */
+table.attributes {
+ width: 100%;
+ margin: 0px;
+ border: 1px solid #bbb;
+ border-collapse: collapse;
+}
+
+table.attributes td.attrname {
+ text-align: right;
+}
+
+table.attributes tr.even td {
+ background: #eee;
+}
+
+table.attributes tr td {
+ border-bottom: 1px solid #bbb;
+ border-left: 0px;
+ border-right: 0px;
+ background: #fff;
+ padding-top: 5px;
+ padding-left: 1em;
+ padding-right: 1em;
+
+ vertical-align: top;
+}
+
+.attrvalue {
+ word-break: break-all;
+ word-wrap: break-word;
+}
+
+table#table_with_attributes tr:last-child td {
+ border-bottom: none;
+}
+
+fieldset.fancyfieldset {
+ margin: 2em 1em 1em 0px;
+ border: 1px solid #bbb;
+}
+fieldset.fancyfieldset legend {
+ margin-left: 2em;
+ padding: 3px 2em 3px 2em;
+ border: 1px solid #bbb;
+}
+
+div#confirmation input {
+ margin-top: .5em;
+ margin-bottom: .5em;
+}
+div#confirmation {
+ border: 1px solid #aaa;
+ background: #eee;
+ padding: .6em 1em .1em 1em;
+}
+
+caption {
+ display: none;
+}
+
+/* Left-to-Right CSS for RTL (Right to Left Support) */
+.float-r {
+ float: right;
+}
+.float-l {
+ float: left;
+}
+
+#mobile_remember_username, #mobile_remember_me {
+ display: none;
+}
+
+@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
+ #header, #languagebar, #footer, .erroricon, .loginicon, .logintext,
+ #regular_remember_username, #regular_remember_me {
+ display: none;
+ }
+ body {
+ font-size: 20px;
+ }
+ #wrap {
+ margin: 0;
+ }
+ h1,h2,h3,h4 {
+ font-size: 110%;
+ }
+
+ #content {
+ margin-bottom: 10px;
+ padding: 0;
+ padding-left: 5px;
+ }
+ input[type="text"], input[type="password"] {
+ height: 1.5em;
+ font-size: 1em;
+ }
+ .youareadmin {
+ font-size: 50%;
+ }
+ #mobilesubmit, #mobile_remember_username, #mobile_remember_me {
+ display: table-row;
+ }
+}
+
+.btn, .btnaddonright {
+ color: #000000;
+ border: 1px solid #eee;
+ border-radius: 3px;
+ background-color: #eee;
+ background-image: linear-gradient(#fcfcfc, #eee);
+ text-align: center;
+ padding: 5px;
+ cursor: hand;
+}
+
+.btn:hover, .btnaddonright:hover {
+ border-color: #ccc;
+ background-color: #ddd;
+ background-image: linear-gradient(#eee, #ddd);
+
+}
+
+.btn img,
+.btnaddonright img {
+ max-height: 15px;
+ max-width: 15px;
+}
+
+.topright {
+ position: absolute;
+ right: 2em;
+}
+
+.input-group {
+ display: table;
+}
+
+.input-group pre {
+ background: white;
+ position: relative;
+ width: 100%;
+ vertical-align: middle;
+ border: 1px solid #eee;
+ padding: 0.5em;
+ display: table-cell;
+}
+
+.input-group .btnaddonright {
+ position: relative;
+ display: inline-block;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 3px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 3px;
+ border-left: none;
+}
+
+.input-group .btnaddonright:hover {
+ border-left: 1px solid #ccc;
+}
+
+.input-group .input-left {
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 0;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 0;
+}
diff --git a/www/assets/js/lib/jquery-3.2.1.min.js b/www/assets/js/lib/jquery-3.2.1.min.js
new file mode 120000
index 0000000000000000000000000000000000000000..f0c4795a02bef0864c99673fda971d240436e0b9
--- /dev/null
+++ b/www/assets/js/lib/jquery-3.2.1.min.js
@@ -0,0 +1 @@
+../../../../node_modules/jquery/dist/jquery.min.js
\ No newline at end of file
diff --git a/www/assets/js/lib/selectize.min.js b/www/assets/js/lib/selectize.min.js
new file mode 120000
index 0000000000000000000000000000000000000000..9ba5ee18b844ee0c7ed57f3098f80aed5de13f81
--- /dev/null
+++ b/www/assets/js/lib/selectize.min.js
@@ -0,0 +1 @@
+../../../../node_modules/selectize/dist/js/standalone/selectize.min.js
\ No newline at end of file
diff --git a/www/assets/js/src/language.js b/www/assets/js/src/language.js
new file mode 100644
index 0000000000000000000000000000000000000000..2b04d6c47a4927e1f147e63816073c94284e541b
--- /dev/null
+++ b/www/assets/js/src/language.js
@@ -0,0 +1,21 @@
+
+$(document).ready(function() {
+ // get available languages
+ var languages = $.map($('#language_selector option') ,function(option) {
+ return option.text.toLowerCase();
+ });
+
+ $('#SelectLang').on("change", function (e) {
+ if (-1 !== $.inArray(
+ $('#language_selector-selectized').prev().text().toLowerCase(),
+ languages
+ )
+ ) {
+ e.currentTarget.submit();
+ }
+ });
+
+ $('.language-menu').selectize();
+ $('.language-menu-small').selectize();
+
+});
diff --git a/www/resources/script.js b/www/assets/js/src/script.js
similarity index 100%
rename from www/resources/script.js
rename to www/assets/js/src/script.js
diff --git a/www/resources/default.css b/www/resources/default.css
deleted file mode 100644
index 3c0371bb5cffa5add05af9b70e4fa132be57d426..0000000000000000000000000000000000000000
--- a/www/resources/default.css
+++ /dev/null
@@ -1,475 +0,0 @@
-/* these styles are in the head of this page because this is a unique page */
-
-/* THE BIG GUYS */
-* {
- margin: 0;
- padding: 0;
-}
-
-body {
- text-align: center;
- padding: 10px 0;
- background: #1c1c1c;
-/* background-image: url(icons/ssplogo-fish.png);
- background-repeat: no-repeat; */
- color: #333;
- font: 83%/1.5 arial,tahoma,verdana,sans-serif;
-}
-
-.body-embed {
- padding: 0;
- background: #ffffff;
- font: 83%/1.5 arial,tahoma,verdana,sans-serif;
-}
-
-img {
- border: none;
- display: block;
-}
-
-hr {
- margin: 1em 0;
- background: #eee;
- height: 1px;
- color: #eee;
- border: none;
- clear: both;
-}
-
-/* LINKS */
-a, a:link, a:link, a:link, a:hover {
-
- text-decoration: none;
- color: #777;
- border-bottom: 1px dotted #ccc;
- font-weight: normal;
-}
-
-
-a:link, a:visited {
- text-decoration: none;
- color: #777;
- border-bottom: 1px dotted #ccc;
- font-weight: normal;
-}
-.ui-tabs-nav a {
- border: none ! important;
- text-decoration: none;
-}
-a:visited {
- color: #999;
-}
-
-a:hover, a:active {
- color: #069;
- text-decoration: none;
- color: #333;
- border-bottom: 1px solid #333;
-}
-
-#header a {
- color: #fff;
- text-decoration: none;
-}
-
-/* LISTS */
-ul {
- margin: .3em 0 1.5em 2em;
-}
-
-ul.related {
- margin-top: -1em;
-}
-
-li {
- margin-left: 2em;
-}
-
-dt {
- font-weight: bold;
-}
-
-#wrap {
- background: #fff;
-
- border: 1px solid #fff;
- position: relative;
- text-align: left;
-
- margin: 20px 75px 2em 75px;
- max-width: 950px;
-}
-
-#languagebar {
- padding-left: 10px;
- padding-right: 10px;
-}
-#languagebar a:link, #languagebar a:visited {
- text-decoration: none;
- color: #777;
- border-bottom: 1px dotted #ccc;
- font-weight: normal;
-}
-#languagebar a:hover {
- text-decoration: none;
- color: #333;
- border-bottom: 1px solid #333;
-
-}
-
-#header {
- background: #666 url("header-bkg.png") repeat-x 0 100%;
- margin: 0px;
- padding: 0 0 8px;
-}
-
-#header h1 {
- color: #fff;
- font-size: 145%;
- padding: 20px 20px 12px;
-}
-
-
-#content, #footer {
- padding: 0 20px;
-}
-
-/* TYPOGRAPHY */
-p, ul, ol {
- margin: 0 0 1.5em;
-}
-
-h1, h2, h3, h4, h5, h6 {
- letter-spacing: -1px;
- font-family: arial,verdana,sans-serif;
- margin: 1.2em 0 .3em;
- color: #000;
- border-bottom: 1px solid #eee;
- padding-bottom: .1em;
-}
-
-h1 {
- font-size: 196%;
- margin-top: 0;
- border: none;
-}
-
-h2 {
- font-size: 136%;
-}
-
-h3 {
- font-size: 126%;
-}
-
-h4 {
- font-size: 116%;
- font-weight: bold;
-}
-
-h5 {
- font-size: 106%;
-}
-
-h6 {
- font-size: 96%;
-}
-
-input {
- border: 1px solid #ddd;
- border-radius: 3px;
- padding: 5px;
- line-height: 1.5em;
-}
-
-h1 a {
- text-decoration: none;
- border: none ! important;
- color: white;
-}
-
-h1 a:hover {
- border-bottom: 1px dotted #eee;
-}
-
-#content {
- margin-top: 2em;
-}
-
-.old {
- text-decoration: line-through;
-}
-
-dl dt {
- color: #333;
-}
-
-dl dd {
- color: #666;
- margin-left: 3em;
-/* font-family: monospace; */
-}
-
-.efieldlist {
- padding: .4em;
- margin: .8em;
- border-top: 1px solid #e6e6e6;
- border-left: 1px solid #e6e6e6;
-}
-
-.efieldlist.warning {
- background-color: #922;
- border: 1px solid #333;
- color: white;
-}
-
-.efieldlist.warning h5 {
- color: white;
-}
-
-.efieldlist h5 {
- font-weight: bold;
- color: #200;
- margin: .3em;
-}
-
-.trackidtext {
- border: 1px dashed #aaa;
- background: #eaeaea;
- padding: .6em;
- margin: .4em;
-}
-
-.trackidtext .trackid {
- border: 1px solid #ccc;
- background: #eee;
- margin: .4em;
- padding: .4em;
- font-family: monospace;
- font-size: large;
-}
-
-div.caution {
- background-color: #FF9;
- background-image: url('icons/experience/gtk-dialog-warning.48x48.png');
- background-repeat: no-repeat;
- border: thin solid #444;
- padding: .2em .2em .2em 60px;
- margin: 1em 0px 1em 0px;
-}
-
-th.rowtitle {
- text-align: left;
-}
-.enablebox table {
- border: 1px solid #eee;
-
- margin-left: 1em;
-}
-.enablebox.mini table {
- float: right;
-}
-.enablebox tr td {
- padding: .5px 1em 1px .5em;
- margin: 0px;
-}
-.enablebox {
- font-size: 85%;
-}
-.enablebox tr.enabled td {
- background: #eee;
-}
-.enablebox tr.disabled td {
- background: #ccc;
-}
-
-.metadatabox {
- overflow: scroll;
- border: 1px solid #eee;
- padding: 0.5em;
- border-radius: 3px;
-}
-div.preferredidp {
- border: 1px dashed #ccc;
- background: #eee;
- padding: 2px 2em 2px 2em;
-}
-
-table.modules {
- border-collapse: collapse;
-}
-table.modules tr td {
- border-bottom: 1px solid #ddd;
-}
-table.modules tr.even td {
- background: #f0f0f0;
-}
-
-/* Attribute presentation in example page */
-table.attributes {
- width: 100%;
- margin: 0px;
- border: 1px solid #bbb;
- border-collapse: collapse;
-}
-
-table.attributes td.attrname {
- text-align: right;
-}
-
-table.attributes tr.even td {
- background: #eee;
-}
-
-table.attributes tr td {
- border-bottom: 1px solid #bbb;
- border-left: 0px;
- border-right: 0px;
- background: #fff;
- padding-top: 5px;
- padding-left: 1em;
- padding-right: 1em;
-
- vertical-align: top;
-}
-
-.attrvalue {
- word-break: break-all;
- word-wrap: break-word;
-}
-
-table#table_with_attributes tr:last-child td {
- border-bottom: none;
-}
-
-fieldset.fancyfieldset {
- margin: 2em 1em 1em 0px;
- border: 1px solid #bbb;
-}
-fieldset.fancyfieldset legend {
- margin-left: 2em;
- padding: 3px 2em 3px 2em;
- border: 1px solid #bbb;
-}
-
-div#confirmation input {
- margin-top: .5em;
- margin-bottom: .5em;
-}
-div#confirmation {
- border: 1px solid #aaa;
- background: #eee;
- padding: .6em 1em .1em 1em;
-}
-
-caption {
- display: none;
-}
-
-/* Left-to-Right CSS for RTL (Right to Left Support) */
-.float-r {
- float: right;
-}
-.float-l {
- float: left;
-}
-
-#mobile_remember_username, #mobile_remember_me {
- display: none;
-}
-
-@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
- #header, #languagebar, #footer, .erroricon, .loginicon, .logintext,
- #regular_remember_username, #regular_remember_me {
- display: none;
- }
- body {
- font-size: 20px;
- }
- #wrap {
- margin: 0;
- }
- h1,h2,h3,h4 {
- font-size: 110%;
- }
-
- #content {
- margin-bottom: 10px;
- padding: 0;
- padding-left: 5px;
- }
- input[type="text"], input[type="password"] {
- height: 1.5em;
- font-size: 1em;
- }
- .youareadmin {
- font-size: 50%;
- }
- #mobilesubmit, #mobile_remember_username, #mobile_remember_me {
- display: table-row;
- }
-}
-
-.btn, .btnaddonright {
- color: #000000;
- border: 1px solid #eee;
- border-radius: 3px;
- background-color: #eee;
- background-image: linear-gradient(#fcfcfc, #eee);
- text-align: center;
- padding: 5px;
- cursor: hand;
-}
-
-.btn:hover, .btnaddonright:hover {
- border-color: #ccc;
- background-color: #ddd;
- background-image: linear-gradient(#eee, #ddd);
-
-}
-
-.btn img,
-.btnaddonright img {
- max-height: 15px;
- max-width: 15px;
-}
-
-.topright {
- position: absolute;
- right: 2em;
-}
-
-.input-group {
- display: table;
-}
-
-.input-group pre {
- background: white;
- position: relative;
- width: 100%;
- vertical-align: middle;
- border: 1px solid #eee;
- padding: 0.5em;
- display: table-cell;
-}
-
-.input-group .btnaddonright {
- position: relative;
- display: inline-block;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 3px;
- border-top-left-radius: 0;
- border-top-right-radius: 3px;
- border-left: none;
-}
-
-.input-group .btnaddonright:hover {
- border-left: 1px solid #ccc;
-}
-
-.input-group .input-left {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 0;
- border-top-left-radius: 3px;
- border-top-right-radius: 0;
-}