Chris/ORB
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Apply fixes for Foundation

Browse Source
This commit is contained in:
Chris 2016-12-29 23:44:42 +00:00
parent 48180d582a
commit 2ec88e0292
3 changed files with 83 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
templates/default/css/notebox.css Executable file
View File

@ -0,0 +1,54 @@
table.notebox {
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
display: block;
text-align: left;
border-radius: 1px;
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
box-shadow: 3px 3px 4px rgba(0,0,0,0.1);
margin-bottom: 4px;
}
table.notebox.hidden {
display: none;
}
table.ienotebox {
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
}
table.notebox + table.notebox { /* Single border between stacked boxes. */
margin-top: -5px;
}
th.nbox-text,
td.nbox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
td.nbox-image { /* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
td.nbox-image img {
max-width: none; /* foundation sets 100%, which breaks horribly */
}
td.nbox-imageright { /* The right image cell */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
table.notebox-notice {
border-left: 10px solid #1e90ff; /* Blue */
}
table.notebox-warning {
border-left: 10px solid #e1b416; /* Orange */
}
table.notebox-error {
border-left: 10px solid #b22222; /* Red */
background-color: #FFF5F5;
}
table.notebox-error tr, table.notebox-error td {
background-color: #FFF5F5;
}

4
templates/default/js/foundation.js vendored Normal file
View File

@ -0,0 +1,4 @@
Foundation.Reveal.defaults.closeOnClick = false;
Foundation.Reveal.defaults.closeOnEsc = false;
$(document).foundation();

36
templates/default/page.tem
View File

@ -4,26 +4,40 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>%(title)s</title> <title>%(title)s</title>
<link rel="stylesheet" href="{V_[templatepath]}foundation/css/foundation.min.css" /> <link rel="stylesheet" href="{V_[templatepath]}3rdparty/jquery-ui/jquery-ui.min.css" />
<link rel="stylesheet" href="{V_[templatepath]}3rdparty/foundation/css/foundation.min.css" />
<link rel="stylesheet" href="{V_[templatepath]}3rdparty/fontawesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="{V_[csspath]}notebox.css" /> <link rel="stylesheet" href="{V_[csspath]}notebox.css" />
<link rel="stylesheet" href="{V_[csspath]}foundation.mods.css" /> <link rel="stylesheet" href="{V_[csspath]}foundation.mods.css" />
%(extrahead)s %(extrahead)s
</head> </head>
<body> <body>
<!-- Start top bar --> <!-- canvas wrapper -->
<div class="off-canvas-wrapper">
%(leftmenu)s
<!-- content wrapper -->
<div class="off-canvas-content" data-off-canvas-content>
<!-- Start top bar -->
%(userbar)s %(userbar)s
<!-- End top bar --> <!-- End top bar -->
<br /> <br />
<!-- Start content --> <!-- Start content -->
<div class="row" id="content"> <div class="row" id="content">
%(content)s %(content)s
</div> </div>
<!-- End content --> <!-- End content -->
</div><!-- content wrapper -->
</div><!-- canvas wrapper -->
<!-- Foundation and other javascript shenanigans --> <!-- Foundation and other javascript shenanigans -->
<script src="{V_[templatepath]}foundation/js/vendor/jquery.js"></script> <script src="{V_[templatepath]}3rdparty/foundation/js/vendor/jquery.js"></script>
<script src="{V_[templatepath]}foundation/js/vendor/foundation.min.js"></script> <script src="{V_[templatepath]}3rdparty/jquery-ui/jquery-ui.min.js"></script>
<script src="{V_[templatepath]}3rdparty/foundation/js/vendor/foundation.min.js"></script>
<script src="{V_[jspath]}foundation.js"></script>
<script> <script>
$(document).foundation();
%(extrajs)s %(extrajs)s
</script> </script>
</body> </body>