晋太元中,武陵人捕鱼为业。缘溪行,忘路之远近。忽逢桃花林,夹岸数百步,中无杂树,芳草鲜美,落英缤纷。渔人甚异之,复前行,欲穷其林。 林尽水源,便得一山,山有小口,仿佛若有光。便舍船,从口入。初极狭,才通人。复行数十步,豁然开朗。土地平旷,屋舍俨然,有良田、美池、桑竹之属。阡陌交通,鸡犬相闻。其中往来种作,男女衣着,悉如外人。黄发垂髫,并怡然自乐。 见渔人,乃大惊,问所从来。具答之。便要还家,设酒杀鸡作食。村中闻有此人,咸来问讯。自云先世避秦时乱,率妻子邑人来此绝境,不复出焉,遂与外人间隔。问今是何世,乃不知有汉,无论魏晋。此人一一为具言所闻,皆叹惋。余人各复延至其家,皆出酒食。停数日,辞去。此中人语云:“不足为外人道也。”(间隔 一作:隔绝) 既出,得其船,便扶向路,处处志之。及郡下,诣太守,说如此。太守即遣人随其往,寻向所志,遂迷,不复得路。 南阳刘子骥,高尚士也,闻之,欣然规往。未果,寻病终。后遂无问津者。
| DIR:/home/bolconlineco/public_html/assets/plugins/jquery-notific8/ |
| Current File : /home/bolconlineco/public_html/assets/plugins/jquery-notific8/_notific8.scss |
/**
* @author Will Steinmetz
*
* Styles for the notific8 plug-in for jQuery
*
* Copyright (c)2013, Will Steinmetz
* Licensed under the BSD license.
* http://opensource.org/licenses/BSD-3-Clause
*/
// compass includes
@import "compass/css3/transform";
// mixins
@mixin theme($name, $border-color, $background-color, $close-background-color: $border-color, $text-color: #fff, $close-text-color: $text-color) {
.jquery-notific8-notification.#{$name} {
border-color: $border-color;
background-color: $background-color;
color: $text-color;
.jquery-notific8-close, .jquery-notific8-close-sticky {
background-color: $close-background-color;
color: $close-text-color;
}
}
}
// definitions
.jquery-notific8-container {
display: block;
padding: 0;
margin: 0;
position: fixed;
&.top {
top: 0;
&.right {
right: 0;
}
&.left {
left: 0;
}
}
&.bottom {
bottom: 0;
&.right {
right: 0;
}
&.left {
left: 0;
}
}
}
.jquery-notific8-notification {
position: relative;
display: none;
padding: (10em/16);
color: #fff;
height: (66em/16);
max-height: (66em/16);
overflow: hidden;
border-style: solid;
border-width: 2px;
width: (343em/16);
&:hover {
.jquery-notific8-close {
display: block;
}
}
}
.jquery-notific8-heading {
font-weight: bold;
margin-bottom: (5em/16);
}
.jquery-notific8-message {
font-size: (14em/16);
}
.jquery-notific8-close {
position: absolute;
padding: 0 0.25em;
cursor: pointer;
top: 0;
display: none;
}
.jquery-notific8-close-sticky {
text-align: center;
position: absolute;
width: (89em/16);
padding: (2em/16) 0;
cursor: pointer;
text-transform: uppercase;
span {
font-size: (10em/16);
}
}
.right {
.jquery-notific8-notification {
float: right;
clear: right;
padding-right: (33em/16);
}
.jquery-notific8-close {
right: -2px;
}
.jquery-notific8-close-sticky {
top: (31em/16);
right: (-38em/16);
@include rotate(90deg);
}
}
.left {
.jquery-notific8-notification {
float: left;
clear: left;
padding-left: (33em/16);
}
.jquery-notific8-close {
left: -2px;
}
.jquery-notific8-close-sticky {
top: (31em/16);
left: (-38em/16);
@include rotate(270deg);
}
}
.top .jquery-notific8-notification {
margin-top: (10em/16);
}
.bottom .jquery-notific8-notification {
margin-bottom: (10em/16);
}
|