css 一支笔由seth kontny。

Posted 2021-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 一支笔由seth kontny。相关的知识，希望对你有一定的参考价值。

Maintenance Page
----------------


A [Pen](http://codepen.io/sethkontny/pen/tdgsJ) by [seth kontny](http://codepen.io/sethkontny) on [CodePen](http://codepen.io/).

[License](http://codepen.io/sethkontny/pen/tdgsJ/license).

<head>

        <title>Site is down for maintenence</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="style.css">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'>
   
</head>
   
    <body>
       
        <div id="wrapper">

            <img src="http://i.imgur.com/1BG6lpI.gif" alt="Server" height="200" width="170"> 

        <div class="content">


                <h1>We are currently performing maintenance.</h1>
               
                <p>The NSA apologizes for any inconvenience.</p>

            <div id="buttons">
                
                <a class="button" href="https://twitter.com/tkmltech">Follow @NSA</a>

            </div>

        </div>

        </div>
    
    </body>

body { 
	font-family: 'Open Sans', sans-serif;
	line-height: 1.4em;
	font-size: 1em;
}

#wrapper {
	width: 100%;
	padding-top: 1em;
}

img {
	display: block; 
	max-width: 100%;
	margin: 0 auto;
}

.content {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

h1 { 
	font-family: 'Open Sans', sans-serif;
font-weight: 400;
	font-size: 1.8em;
	color: #333;
	line-height: 1.2em;
	  
}

p { 
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
font-weight: 300;
	color: #333;
	line-height: 1.2em;
	margin-bottom: 1.5em;

}

a { 
	color: #e74c3c; 
	text-decoration: none; 
}

a:hover { 
	color: #333; 
	text-decoration: none; 
}

#buttons {
	width: 100%;
  	margin: 0 auto;
  	text-align: center;
}

.button {
  	display: block;
  	margin: 0 auto;
  	color: #FFF;
  	text-decoration: none;
 	line-height: 2em;
 	font-size: 1.2em;
  	font-family: 'Open Sans', sans-serif;
  	width: 12em;
  	height: 2em;
  	border: 1px solid #ce3a2b;
  	border-radius: 4px;
  	background-clip: padding-box;
  	box-shadow: 0 1px 0px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,0.2), inset 0 0 5px rgba(255,255,255,.38);
  	background-image: linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.26) 100%);
  	background-color: #e74c3c;
}

.button:hover {
  	;
}

以上是关于css 一支笔由seth kontny。的主要内容，如果未能解决你的问题，请参考以下文章

css 一支笔由seth kontny。