随机阅读模板

180it 2020-01-19 PM 1927℃ 0条

<!DOCTYPE html>

<title>随机阅读 - 去罢</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" user-scalable="no">
<meta name="keywords" content="阅读, 文章, 散文, 短文, 随机阅读, 经典文章">
<meta name="description" content="随机阅读经典短文及散文">
<style>

.menu {
position: fixed;
overflow: hidden;
top: 0;
left: 0;
height: 100%;
list-style-type: none;
margin: 0;
padding: 0;
background: #f7f7f7;
}

.menu li a:before {
font-weight: normal;
text-indent: 0em;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 1.4em;
-webkit-font-smoothing: antialiased;
}
.menu li a.icon-logo:before {
content: "阅";
font-weight: 700;
font-size: 260%;
font-family: "Microsoft YaHei",SimSun,sans-serif;
}
.menu li a.icon-up:before {
content: "↑";
font-weight: 700;
font-size: 160%;
font-family: "Microsoft YaHei",SimSun,sans-serif;
}
.menu li a.icon-down:before {
content: "↓";
font-weight: 700;
font-size: 160%;
font-family: "Microsoft YaHei",SimSun,sans-serif;
}
.menu li a.icon-random:before {
content: "换";
font-weight: 500;
font-size: 160%;
font-family: "Microsoft YaHei",SimSun,sans-serif;
}
.menu li a.icon-write:before {
content: "推";
font-weight: 500;
font-size: 160%;
font-family: "Microsoft YaHei",SimSun,sans-serif;
}
.menu li a {
display: block;
text-indent: -500em;
height: 5em;
width: 5em;
line-height: 5em;
text-align: center;
color: #999;
position: relative;
border-bottom: 1px solid rgba(0,0,0,0.05);
-webkit-transition: background 0.1s ease-in-out;
-moz-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}

.menu li a:hover,li:first-child a {
background: #47a3da;
color: #fff;
}

out{

position: fixed;
top: 0;
right: 0;
left: 8em;
bottom: 0;
overflow: auto;
padding: 10px;
padding-left: 40px;
padding-right:5em;
color: #444;
font-family:serif;
font-size: 16px;
line-height: 1.5em
}

a{ color: #0645ad; text-decoration:none;}
a:visited{ color: #0b0080; }
a:hover{ color: #06e; }
a:active{ color:#faa700; }
a:focus{ outline: thin dotted; }
a:hover, a:active{ outline: 0; }

img{max-width:100%;}

blockquote{color:#666666;margin:0;padding-left: 3em;border-left: 0.5em #EEE solid;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
font-weight:700;line-height:1.1;font-family: "Microsoft YaHei",SimSun,sans-serif;
}
h1,.h1{font-size:36px;
font-weight: 800;
font-size: 3.25em;
margin-bottom: 40px;}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
p{margin:0 0 10px}

hr, li, ol, p, pre, ul {
line-height: 2;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid rgba(102,128,153,.15);
}

pre, code{
color: #000;
font-family: monospace;
font-size: 0.88em;
border-radius:3px;
background-color: #F8F8F8;
border: 1px solid #CCC;
}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 5px;}
pre code { border: 0px !important; background: transparent !important; line-height: 1.3em; }
code { padding: 0 3px 0 3px; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 2em; }
li p:last-child { margin:0 }
dd { margin: 0 0 0 2em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { vertical-align: top; padding: 4px 10px; border: 1px solid #bbb; }
tr:nth-child(even) td, tr:nth-child(even) th { background: #eee; }
p.author{
font-family: "Open Sans", Arial, sans-serif;
font-weight: 400;
clear: both;
padding-bottom: 2px;
margin-bottom: 10px;
border-bottom: 1px solid whitesmoke;
color: #999;
}

@media screen and (max-width : 480px) {

.menu {
    font-size: 70%;
}
#out{
    left: 5em;
    padding-left: 10px;
    padding-right:10px;
}

}


徐志摩

去罢

去吧,人间,去吧

我立在高山的峰上

我面对着无际的苍穹

去吧,青年,去吧

与幽谷的香草同埋

悲哀付于暮天的群鸦

去吧,梦乡,去吧

我把幻景的玉杯摔破

我享受着山峰的海涛之贺

去吧,种种,去吧

当前有插天的高峰

去吧,一切,去吧

当前有无穷的无穷


支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章或资源对您有帮助,欢迎打赏作者。一路走来,感谢有您!

标签: none

随机阅读模板