Apply fixes for Foundation

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

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();

View File

@ -4,12 +4,21 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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]}foundation.mods.css" />
%(extrahead)s
</head>
<body>
<!-- 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
<!-- End top bar -->
@ -19,11 +28,16 @@
%(content)s
</div>
<!-- End content -->
</div><!-- content wrapper -->
</div><!-- canvas wrapper -->
<!-- Foundation and other javascript shenanigans -->
<script src="{V_[templatepath]}foundation/js/vendor/jquery.js"></script>
<script src="{V_[templatepath]}foundation/js/vendor/foundation.min.js"></script>
<script src="{V_[templatepath]}3rdparty/foundation/js/vendor/jquery.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>
$(document).foundation();
%(extrajs)s
</script>
</body>