Merge branch 'mobile-first'
ycc
5 years ago
commit
7e62e30083
@ -0,0 +1,62 @@
|
||||
<link rel="stylesheet" type="text/css" href="/js/jqcloud/jqcloud.css" />
|
||||
<script type="text/javascript" src="/js/jqcloud/jqcloud-1.0.4.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
var word_array = [
|
||||
{text: "Lorem", weight: 15},
|
||||
{text: "Ipsum", weight: 9, link: "http://jquery.com/"},
|
||||
{text: "Dolor", weight: 6},
|
||||
{text: "Sit", weight: 7},
|
||||
{text: "Amet", weight: 5}
|
||||
];
|
||||
|
||||
$(function() {
|
||||
$(".inspiration").jQCloud(word_array, {width: 600,height:300});
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<?php if (isset($lastEditList)){ ?>
|
||||
<table class="table table-striped">
|
||||
<caption>最新编辑</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-md-4">#</th>
|
||||
<th class="col-md-16">标题</th>
|
||||
<th class="col-md-4">时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($lastEditList as $key => $item){ ?>
|
||||
<tr>
|
||||
<td><?php echo $key+1; ?></td>
|
||||
<td><a href="<?php echo site_url('information/edit/' . $item->is_id); ?>" ><?php echo $item->ic_url_title; ?></a></td>
|
||||
<td><?php echo date('m/d/Y',strtotime($item->ic_datetime)); ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</tbody>
|
||||
</table>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<div class="col-md-16">
|
||||
<?php foreach($groupList as $item){ if($item->is_level==0){?>
|
||||
<div class="row"><div class="col-md-24">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading"><?php echo $item->ic_title; ?></div>
|
||||
<div class="panel-body">
|
||||
<ul class="list-inline">
|
||||
<?php if($item->is_level==0){
|
||||
foreach($groupList as $item_child){
|
||||
if($item_child->is_parent_id==$item->is_id){
|
||||
echo ' <li><a href="'.site_url('information/edit/' . $item_child->is_id).'">'.$item_child->ic_title.'</a></li> ';
|
||||
}
|
||||
}
|
||||
} ?>
|
||||
</ul></div></div> </div></div>
|
||||
<?php }} ?>
|
||||
</div>
|
||||
<div class="col-md-2">.col-xs-6 .col-md-4</div>
|
||||
</div>
|
||||
</div>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,349 @@
|
||||
/* Icons (made with Icomoon.io) */
|
||||
|
||||
@font-face {
|
||||
font-family: 'feather';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
src: url('//data.chinahighlights.com/css/fonts/feather.eot?1gafuo');
|
||||
src: url('//data.chinahighlights.com/css/fonts/feather.eot?1gafuo#iefix') format('embedded-opentype'), url('//data.chinahighlights.com/css/fonts/feather.woff2?1gafuo') format('woff2'), url('//data.chinahighlights.com/css/fonts/feather.ttf?1gafuo') format('truetype'), url('//data.chinahighlights.com/css/fonts/feather.woff?1gafuo') format('woff'), url('//data.chinahighlights.com/css/fonts/feather.svg?1gafuo#feather') format('svg');
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-family: 'feather';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
speak: none;
|
||||
}
|
||||
|
||||
.icon--arrow-left:before {
|
||||
content: '\e901';
|
||||
}
|
||||
|
||||
.icon--menu:before {
|
||||
content: '\e903';
|
||||
}
|
||||
|
||||
.icon--cross:before {
|
||||
content: '\e117';
|
||||
}
|
||||
|
||||
|
||||
/* Menu styles */
|
||||
|
||||
.menu {
|
||||
position: fixed;
|
||||
top: 120px;
|
||||
left: 0;
|
||||
width: 300px;
|
||||
height: calc(100vh - 120px);
|
||||
background: #1c1d22;
|
||||
}
|
||||
|
||||
.menu__wrap {
|
||||
position: absolute;
|
||||
top: 3.5em;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.menu__level {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
overflow-y: scroll;
|
||||
width: calc(100% + 50px);
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.menu__level:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.menu__level--current {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.menu__item {
|
||||
display: block;
|
||||
width: calc(100% - 50px);
|
||||
}
|
||||
|
||||
.menu__link {
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 1em 2.5em 1em 1.5em;
|
||||
color: #bdbdbd;
|
||||
-webkit-transition: color 0.1s;
|
||||
transition: color 0.1s;
|
||||
}
|
||||
|
||||
.menu__link[data-submenu]::after {
|
||||
content: '\e904';
|
||||
font-family: 'feather';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
padding: 0.25em 1.25em;
|
||||
color: #2a2b30;
|
||||
}
|
||||
|
||||
.menu__link:hover,
|
||||
.menu__link:focus,
|
||||
.menu__link[data-submenu]:hover::after,
|
||||
.menu__link[data-submenu]:focus::after {
|
||||
color: #5c5edc;
|
||||
}
|
||||
|
||||
.menu__link--current::before {
|
||||
content: '\00B7';
|
||||
font-size: 1.5em;
|
||||
line-height: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0.5em;
|
||||
height: 4px;
|
||||
color: #5c5edc;
|
||||
}
|
||||
|
||||
[class^='animate-'],
|
||||
[class*=' animate-'] {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.animate-outToRight .menu__item {
|
||||
-webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
||||
animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
||||
}
|
||||
|
||||
@-webkit-keyframes outToRight {
|
||||
to {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes outToRight {
|
||||
to {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.animate-outToLeft .menu__item {
|
||||
-webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
||||
animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
||||
}
|
||||
|
||||
@-webkit-keyframes outToLeft {
|
||||
to {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes outToLeft {
|
||||
to {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.animate-inFromLeft .menu__item {
|
||||
-webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
||||
animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
||||
}
|
||||
|
||||
@-webkit-keyframes inFromLeft {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes inFromLeft {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.animate-inFromRight .menu__item {
|
||||
-webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
||||
animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
||||
}
|
||||
|
||||
@-webkit-keyframes inFromRight {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes inFromRight {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.menu__breadcrumbs {
|
||||
font-size: 0.65em;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
padding: 2.5em 3.75em 1.5em 2.5em;
|
||||
}
|
||||
|
||||
.menu__breadcrumbs a {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
color: #5c5edc;
|
||||
}
|
||||
|
||||
.menu__breadcrumbs a:last-child {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.menu__breadcrumbs a:hover,
|
||||
.menu__breadcrumbs a:focus {
|
||||
color: #8182e0;
|
||||
}
|
||||
|
||||
.menu__breadcrumbs a:not(:last-child)::after {
|
||||
content: '\e902';
|
||||
font-family: 'feather';
|
||||
display: inline-block;
|
||||
padding: 0 0.5em;
|
||||
color: #33353e;
|
||||
}
|
||||
|
||||
.menu__breadcrumbs a:not(:last-child):hover::after,
|
||||
.menu__breadcrumbs a:not(:last-child):focus::after {
|
||||
color: #33353e;
|
||||
}
|
||||
|
||||
.menu__back {
|
||||
font-size: 1.05em;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
right: 2.25em;
|
||||
margin: 0;
|
||||
padding: 1.365em 0.65em 0 0;
|
||||
cursor: pointer;
|
||||
color: #2a2b30;
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.menu__back--hidden {
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.menu__back:hover,
|
||||
.menu__back:focus {
|
||||
color: #fff;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
||||
/* Open and close buttons */
|
||||
|
||||
.action {
|
||||
position: absolute;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.action:focus {
|
||||
outline: none;
|
||||
}
|
||||
/*
|
||||
.action--open {
|
||||
font-size: 1.5em;
|
||||
top: 1em;
|
||||
left: 1em;
|
||||
display: none;
|
||||
color: #fff;
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
}
|
||||
*/
|
||||
.action--close {
|
||||
font-size: 1.1em;
|
||||
top: 1.25em;
|
||||
right: 1em;
|
||||
display: none;
|
||||
color: #45464e;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 40em) {
|
||||
|
||||
/*
|
||||
.action--open,*/
|
||||
.action--close {
|
||||
display: block;
|
||||
}
|
||||
.menu {
|
||||
z-index: 1000;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.menu--open {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
/*!
|
||||
* jQCloud Plugin for jQuery
|
||||
*
|
||||
* Version 1.0.4
|
||||
*
|
||||
* Copyright 2011, Luca Ongaro
|
||||
* Licensed under the MIT license.
|
||||
*
|
||||
* Date: 2013-05-09 18:54:22 +0200
|
||||
*/
|
||||
(function(e){"use strict";e.fn.jQCloud=function(t,n){var r=this,i=r.attr("id")||Math.floor(Math.random()*1e6).toString(36),s={width:r.width(),height:r.height(),center:{x:(n&&n.width?n.width:r.width())/2,y:(n&&n.height?n.height:r.height())/2},delayedMode:t.length>50,shape:!1,encodeURI:!0,removeOverflowing:!0};n=e.extend(s,n||{}),r.addClass("jqcloud").width(n.width).height(n.height),r.css("position")==="static"&&r.css("position","relative");var o=function(){var s=function(e,t){var n=function(e,t){return Math.abs(2*e.offsetLeft+e.offsetWidth-2*t.offsetLeft-t.offsetWidth)<e.offsetWidth+t.offsetWidth&&Math.abs(2*e.offsetTop+e.offsetHeight-2*t.offsetTop-t.offsetHeight)<e.offsetHeight+t.offsetHeight?!0:!1},r=0;for(r=0;r<t.length;r++)if(n(e,t[r]))return!0;return!1};for(var o=0;o<t.length;o++)t[o].weight=parseFloat(t[o].weight,10);t.sort(function(e,t){return e.weight<t.weight?1:e.weight>t.weight?-1:0});var u=n.shape==="rectangular"?18:2,a=[],f=n.width/n.height,l=function(o,l){var c=i+"_word_"+o,h="#"+c,p=6.28*Math.random(),d=0,v=0,m=0,g=5,y="",b="",w;l.html=e.extend(l.html,{id:c}),l.html&&l.html["class"]&&(y=l.html["class"],delete l.html["class"]),t[0].weight>t[t.length-1].weight&&(g=Math.round((l.weight-t[t.length-1].weight)/(t[0].weight-t[t.length-1].weight)*9)+1),w=e("<span>").attr(l.html).addClass("w"+g+" "+y),l.link?(typeof l.link=="string"&&(l.link={href:l.link}),n.encodeURI&&(l.link=e.extend(l.link,{href:encodeURI(l.link.href).replace(/'/g,"%27")})),b=e("<a>").attr(l.link).text(l.text)):b=l.text,w.append(b);if(!!l.handlers)for(var E in l.handlers)l.handlers.hasOwnProperty(E)&&typeof l.handlers[E]=="function"&&e(w).bind(E,l.handlers[E]);r.append(w);var S=w.width(),x=w.height(),T=n.center.x-S/2,N=n.center.y-x/2,C=w[0].style;C.position="absolute",C.left=T+"px",C.top=N+"px";while(s(w[0],a)){if(n.shape==="rectangular"){v++,v*u>(1+Math.floor(m/2))*u*(m%4%2===0?1:f)&&(v=0,m++);switch(m%4){case 1:T+=u*f+Math.random()*2;break;case 2:N-=u+Math.random()*2;break;case 3:T-=u*f+Math.random()*2;break;case 0:N+=u+Math.random()*2}}else d+=u,p+=(o%2===0?1:-1)*u,T=n.center.x-S/2+d*Math.cos(p)*f,N=n.center.y+d*Math.sin(p)-x/2;C.left=T+"px",C.top=N+"px"}if(n.removeOverflowing&&(T<0||N<0||T+S>n.width||N+x>n.height)){w.remove();return}a.push(w[0]),e.isFunction(l.afterWordRender)&&l.afterWordRender.call(w)},c=function(i){i=i||0;if(!r.is(":visible")){setTimeout(function(){c(i)},10);return}i<t.length?(l(i,t[i]),setTimeout(function(){c(i+1)},10)):e.isFunction(n.afterCloudRender)&&n.afterCloudRender.call(r)};n.delayedMode?c():(e.each(t,l),e.isFunction(n.afterCloudRender)&&n.afterCloudRender.call(r))};return setTimeout(function(){o()},10),r}})(jQuery);
|
||||
@ -0,0 +1,49 @@
|
||||
/* fonts */
|
||||
|
||||
div.jqcloud {
|
||||
font-family: "Helvetica", "Arial", sans-serif;
|
||||
font-size: 10px;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
div.jqcloud a {
|
||||
font-size: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div.jqcloud span.w10 { font-size: 550%; }
|
||||
div.jqcloud span.w9 { font-size: 500%; }
|
||||
div.jqcloud span.w8 { font-size: 450%; }
|
||||
div.jqcloud span.w7 { font-size: 400%; }
|
||||
div.jqcloud span.w6 { font-size: 350%; }
|
||||
div.jqcloud span.w5 { font-size: 300%; }
|
||||
div.jqcloud span.w4 { font-size: 250%; }
|
||||
div.jqcloud span.w3 { font-size: 200%; }
|
||||
div.jqcloud span.w2 { font-size: 150%; }
|
||||
div.jqcloud span.w1 { font-size: 100%; }
|
||||
|
||||
/* colors */
|
||||
|
||||
div.jqcloud { color: #09f; }
|
||||
div.jqcloud a { color: inherit; }
|
||||
div.jqcloud a:hover { color: #0df; }
|
||||
div.jqcloud a:hover { color: #0cf; }
|
||||
div.jqcloud span.w10 { color: #0cf; }
|
||||
div.jqcloud span.w9 { color: #0cf; }
|
||||
div.jqcloud span.w8 { color: #0cf; }
|
||||
div.jqcloud span.w7 { color: #39d; }
|
||||
div.jqcloud span.w6 { color: #90c5f0; }
|
||||
div.jqcloud span.w5 { color: #90a0dd; }
|
||||
div.jqcloud span.w4 { color: #90c5f0; }
|
||||
div.jqcloud span.w3 { color: #a0ddff; }
|
||||
div.jqcloud span.w2 { color: #99ccee; }
|
||||
div.jqcloud span.w1 { color: #aab5f0; }
|
||||
|
||||
/* layout */
|
||||
|
||||
div.jqcloud {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.jqcloud span { padding: 0; }
|
||||
Loading…
Reference in New Issue