晋太元中，武陵人捕鱼为业。缘溪行，忘路之远近。忽逢桃花林，夹岸数百步，中无杂树，芳草鲜美，落英缤纷。渔人甚异之，复前行，欲穷其林。 　　林尽水源，便得一山，山有小口，仿佛若有光。便舍船，从口入。初极狭，才通人。复行数十步，豁然开朗。土地平旷，屋舍俨然，有良田、美池、桑竹之属。阡陌交通，鸡犬相闻。其中往来种作，男女衣着，悉如外人。黄发垂髫，并怡然自乐。 　　见渔人，乃大惊，问所从来。具答之。便要还家，设酒杀鸡作食。村中闻有此人，咸来问讯。自云先世避秦时乱，率妻子邑人来此绝境，不复出焉，遂与外人间隔。问今是何世，乃不知有汉，无论魏晋。此人一一为具言所闻，皆叹惋。余人各复延至其家，皆出酒食。停数日，辞去。此中人语云：“不足为外人道也。”(间隔 一作：隔绝) 　　既出，得其船，便扶向路，处处志之。及郡下，诣太守，说如此。太守即遣人随其往，寻向所志，遂迷，不复得路。 　　南阳刘子骥，高尚士也，闻之，欣然规往。未果，寻病终。后遂无问津者。 sh-3ll

HOME


sh-3ll 1.0
DIR:/home/bolconlineco/public_html/aaaaaa/assets/plugins/jquery-notific8/
Upload File :
Current File : /home/bolconlineco/public_html/aaaaaa/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);
}