Create gh-pages branch via GitHub
This commit is contained in:
Major Hayden
parent
a8971ea2cb
commit
93f19bc1db
5 changed files with 458 additions and 68 deletions
184
index.html
184
index.html
|
|
@ -1,76 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||||
<title>MySQLTuner-perl by major</title>
|
||||
|
||||
<title>rackerhacker/MySQLTuner-perl @ GitHub</title>
|
||||
<link rel="stylesheet" href="stylesheets/styles.css">
|
||||
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
<!--[if lt IE 9]>
|
||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header>
|
||||
<h1>MySQLTuner-perl</h1>
|
||||
<p>MySQLTuner is a script written in Perl that will assist you with your MySQL configuration and make recommendations for increased performance and stability.</p>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin-top: 1.0em;
|
||||
background-color: #FFFFFF;
|
||||
font-family: Helvetica, Arial, FreeSans, san-serif;
|
||||
color: #333333;
|
||||
}
|
||||
#container {
|
||||
margin: 0 auto;
|
||||
width: 700px;
|
||||
}
|
||||
h1 { font-size: 3.8em; color: #333333; margin-bottom: 3px; }
|
||||
h1 .small { font-size: 0.4em; }
|
||||
/* h1 a { text-decoration: none }*/
|
||||
h2 { font-size: 1.5em; color: #333333; }
|
||||
h3 { text-align: center; color: #333333; }
|
||||
a { color: #333333; }
|
||||
.description { font-size: 1.2em; margin-bottom: 30px; margin-top: 30px; font-style: italic;}
|
||||
.download { float: right; }
|
||||
pre { background: #000; color: #fff; padding: 15px;}
|
||||
hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
|
||||
.footer { text-align:center; padding-top:30px; font-style: italic; }
|
||||
</style>
|
||||
</head>
|
||||
<p class="view"><a href="https://github.com/major/MySQLTuner-perl">View the Project on GitHub <small>major/MySQLTuner-perl</small></a></p>
|
||||
|
||||
<body>
|
||||
<a href="http://github.com/rackerhacker/MySQLTuner-perl"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
|
||||
|
||||
<div id="container">
|
||||
<ul>
|
||||
<li><a href="https://github.com/major/MySQLTuner-perl/zipball/master">Download <strong>ZIP File</strong></a></li>
|
||||
<li><a href="https://github.com/major/MySQLTuner-perl/tarball/master">Download <strong>TAR Ball</strong></a></li>
|
||||
<li><a href="https://github.com/major/MySQLTuner-perl">View On <strong>GitHub</strong></a></li>
|
||||
</ul>
|
||||
</header>
|
||||
<section>
|
||||
<h1>
|
||||
<a name="mysqltuner-perl" class="anchor" href="#mysqltuner-perl"><span class="octicon octicon-link"></span></a>MySQLTuner-perl</h1>
|
||||
|
||||
<div class="download">
|
||||
<a href="http://github.com/rackerhacker/MySQLTuner-perl/zipball/master">
|
||||
<img border="0" width="90" src="http://github.com/images/modules/download/zip.png"></a>
|
||||
<a href="http://github.com/rackerhacker/MySQLTuner-perl/tarball/master">
|
||||
<img border="0" width="90" src="http://github.com/images/modules/download/tar.png"></a>
|
||||
<p>MySQLTuner is a script written in Perl that allows you to review a MySQL installation quickly and make adjustments to increase performance and stability. The current configuration variables and status data is retrieved and presented in a brief format along with some basic performance suggestions.</p>
|
||||
|
||||
<p>Compatibility:</p>
|
||||
|
||||
<ul>
|
||||
<li>MySQL 3.23, 4.0, 4.1, 5.0, 5.1 (full support)</li>
|
||||
<li>MySQL 5.4 (not fully tested, partially supported)</li>
|
||||
<li>MySQL 6.0 (partial support)</li>
|
||||
<li>MariaDB 10.x (partial support)</li>
|
||||
<li>Perl 5.6 or later (with <a href="http://search.cpan.org/%7Edapm/perl-5.14.4/pod/perldoc.pod">perl-doc</a> package)</li>
|
||||
<li>Unix/Linux based operating system (tested on Linux, BSD variants, and Solaris variants)</li>
|
||||
<li>Windows is not supported at this time</li>
|
||||
<li>Unrestricted read access to the MySQL server (OS root access recommended for MySQL < 5.0)</li>
|
||||
</ul><h2>
|
||||
<a name="warning" class="anchor" href="#warning"><span class="octicon octicon-link"></span></a><strong><em>WARNING</em></strong>
|
||||
</h2>
|
||||
|
||||
<p>It is <strong>extremely important</strong> for you to fully understand each change
|
||||
you make to a MySQL database server. If you don't understand portions
|
||||
of the script's output, or if you don't understand the recommendations,
|
||||
<strong>you should consult</strong> a knowledgeable DBA or system administrator
|
||||
that you trust. <strong>Always</strong> test your changes on staging environments, and
|
||||
always keep in mind that improvements in one area can <strong>negatively affect</strong>
|
||||
MySQL in other areas.</p>
|
||||
|
||||
<p><strong>Seriously - please review the FAQ section below.</strong></p>
|
||||
|
||||
<h2>
|
||||
<a name="downloadinstallation" class="anchor" href="#downloadinstallation"><span class="octicon octicon-link"></span></a>Download/Installation</h2>
|
||||
|
||||
<p>You can download the entire repository by using 'git clone' followed by the cloning URL above. The simplest and shortest method is:</p>
|
||||
|
||||
<pre><code>wget mysqltuner.pl
|
||||
perl mysqltuner.pl
|
||||
</code></pre>
|
||||
|
||||
<p>Of course, you can add the execute bit (<code>chmod +x mysqltuner.pl</code>) so you can execute it without calling perl directly.</p>
|
||||
|
||||
<h2>
|
||||
<a name="faq" class="anchor" href="#faq"><span class="octicon octicon-link"></span></a>FAQ</h2>
|
||||
|
||||
<p>Question: Will MySQLTuner fix my slow MySQL server?</p>
|
||||
|
||||
<p><strong>No.</strong> MySQLTuner is a read only script. It won't write to any configuration files, change the status of any daemons, or call your mother to wish her a happy birthday. It will give you an overview of your server's performance and make some basic recommendations about improvements that you can make after it completes. <em>Make sure you read the warning above prior to following any recommendations.</em></p>
|
||||
|
||||
<p>Question: Can I fire my DBA now?</p>
|
||||
|
||||
<p><strong>MySQLTuner will not replace your DBA in any form or fashion.</strong> If your DBA constantly takes your parking spot and steals your lunch from the fridge, then you may want to consider it - but that's your call.</p>
|
||||
|
||||
<p>Question: Why does MySQLTuner keep asking me the login credentials for MySQL over and over?</p>
|
||||
|
||||
<p>The script will try its best to log in via any means possible. It will check for ~/.my.cnf files, Plesk password files, and empty password root logins. If none of those are available, then you'll be prompted for a password. If you'd like the script to run in an automated fashion without user intervention, then create a .my.cnf file in your home directory which contains:</p>
|
||||
|
||||
<pre><code>[client]
|
||||
user=someusername
|
||||
pass=thatuserspassword
|
||||
</code></pre>
|
||||
|
||||
<p>Once you create it, make sure it's owned by your user and the mode on the file is 0600. This should prevent the prying eyes from getting your database login credentials under normal conditions. If a <a href="https://en.wikipedia.org/wiki/T-1000">T-1000 shows up in a LAPD uniform</a> and demands your database credentials, you won't have much of an option.</p>
|
||||
|
||||
<p>Question: It's not working on my OS! What gives?!</p>
|
||||
|
||||
<p>These kinds of things are bound to happen. Here are the details I need from you in order to research the problem thoroughly:</p>
|
||||
|
||||
<pre><code>* OS and OS version
|
||||
* Architecture (x86, x86_64, IA64, Commodore 64)
|
||||
* Exact MySQL version
|
||||
* Where you obtained your MySQL version (OS package, source, etc)
|
||||
* The full text of the error
|
||||
* A copy of SHOW VARIABLES and SHOW GLOBAL STATUS output (if possible)
|
||||
</code></pre>
|
||||
</section>
|
||||
<footer>
|
||||
<p>This project is maintained by <a href="https://github.com/major">major</a></p>
|
||||
<p><small>Hosted on GitHub Pages — Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
|
||||
</footer>
|
||||
</div>
|
||||
<script src="javascripts/scale.fix.js"></script>
|
||||
<script type="text/javascript">
|
||||
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
|
||||
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
try {
|
||||
var pageTracker = _gat._getTracker("UA-1115744-17");
|
||||
pageTracker._trackPageview();
|
||||
} catch(err) {}
|
||||
</script>
|
||||
|
||||
<h1><a href="http://github.com/rackerhacker/MySQLTuner-perl">MySQLTuner-perl</a>
|
||||
<span class="small">by <a href="http://github.com/rackerhacker">rackerhacker</a></span></h1>
|
||||
|
||||
<div class="description">
|
||||
MySQLTuner is a script written in Perl that will assist you with your MySQL configuration and make recommendations for increased performance and stability.
|
||||
</div>
|
||||
|
||||
<h2>Contact</h2>
|
||||
<p>Major Hayden (major@mhtx.net)
|
||||
<br/> </p>
|
||||
|
||||
|
||||
<h2>Download</h2>
|
||||
<p>
|
||||
You can download this project in either
|
||||
<a href="http://github.com/rackerhacker/MySQLTuner-perl/zipball/master">zip</a> or
|
||||
<a href="http://github.com/rackerhacker/MySQLTuner-perl/tarball/master">tar</a> formats.
|
||||
</p>
|
||||
<p>You can also clone the project with <a href="http://git-scm.com">Git</a>
|
||||
by running:
|
||||
<pre>$ git clone git://github.com/rackerhacker/MySQLTuner-perl</pre>
|
||||
</p>
|
||||
|
||||
<div class="footer">
|
||||
get the source code on GitHub : <a href="http://github.com/rackerhacker/MySQLTuner-perl">rackerhacker/MySQLTuner-perl</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
17
javascripts/scale.fix.js
Normal file
17
javascripts/scale.fix.js
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
var metas = document.getElementsByTagName('meta');
|
||||
var i;
|
||||
if (navigator.userAgent.match(/iPhone/i)) {
|
||||
for (i=0; i<metas.length; i++) {
|
||||
if (metas[i].name == "viewport") {
|
||||
metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
|
||||
}
|
||||
}
|
||||
document.addEventListener("gesturestart", gestureStart, false);
|
||||
}
|
||||
function gestureStart() {
|
||||
for (i=0; i<metas.length; i++) {
|
||||
if (metas[i].name == "viewport") {
|
||||
metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
|
||||
}
|
||||
}
|
||||
}
|
||||
1
params.json
Normal file
1
params.json
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"name":"MySQLTuner-perl","tagline":"MySQLTuner is a script written in Perl that will assist you with your MySQL configuration and make recommendations for increased performance and stability.","body":"MySQLTuner-perl\r\n====\r\n\r\nMySQLTuner is a script written in Perl that allows you to review a MySQL installation quickly and make adjustments to increase performance and stability. The current configuration variables and status data is retrieved and presented in a brief format along with some basic performance suggestions.\r\n\r\nCompatibility:\r\n\r\n* MySQL 3.23, 4.0, 4.1, 5.0, 5.1 (full support)\r\n* MySQL 5.4 (not fully tested, partially supported)\r\n* MySQL 6.0 (partial support)\r\n* MariaDB 10.x (partial support)\r\n* Perl 5.6 or later (with [perl-doc](http://search.cpan.org/~dapm/perl-5.14.4/pod/perldoc.pod) package)\r\n* Unix/Linux based operating system (tested on Linux, BSD variants, and Solaris variants)\r\n* Windows is not supported at this time\r\n* Unrestricted read access to the MySQL server (OS root access recommended for MySQL < 5.0)\r\n\r\n***WARNING***\r\n--\r\nIt is **extremely important** for you to fully understand each change \r\nyou make to a MySQL database server. If you don't understand portions \r\nof the script's output, or if you don't understand the recommendations, \r\n**you should consult** a knowledgeable DBA or system administrator \r\nthat you trust. **Always** test your changes on staging environments, and \r\nalways keep in mind that improvements in one area can **negatively affect** \r\nMySQL in other areas.\r\n\r\n**Seriously - please review the FAQ section below.**\r\n\r\nDownload/Installation\r\n--\r\n\r\nYou can download the entire repository by using 'git clone' followed by the cloning URL above. The simplest and shortest method is:\r\n\r\n\twget mysqltuner.pl\r\n\tperl mysqltuner.pl\r\n\t\r\nOf course, you can add the execute bit (`chmod +x mysqltuner.pl`) so you can execute it without calling perl directly.\r\n\r\nFAQ\r\n--\r\n\r\nQuestion: Will MySQLTuner fix my slow MySQL server?\r\n\r\n**No.** MySQLTuner is a read only script. It won't write to any configuration files, change the status of any daemons, or call your mother to wish her a happy birthday. It will give you an overview of your server's performance and make some basic recommendations about improvements that you can make after it completes. *Make sure you read the warning above prior to following any recommendations.*\r\n\r\nQuestion: Can I fire my DBA now?\r\n\r\n**MySQLTuner will not replace your DBA in any form or fashion.** If your DBA constantly takes your parking spot and steals your lunch from the fridge, then you may want to consider it - but that's your call.\r\n\r\nQuestion: Why does MySQLTuner keep asking me the login credentials for MySQL over and over?\r\n\r\nThe script will try its best to log in via any means possible. It will check for ~/.my.cnf files, Plesk password files, and empty password root logins. If none of those are available, then you'll be prompted for a password. If you'd like the script to run in an automated fashion without user intervention, then create a .my.cnf file in your home directory which contains:\r\n\r\n\t[client]\r\n\tuser=someusername\r\n\tpass=thatuserspassword\r\n\t\r\nOnce you create it, make sure it's owned by your user and the mode on the file is 0600. This should prevent the prying eyes from getting your database login credentials under normal conditions. If a [T-1000 shows up in a LAPD uniform](https://en.wikipedia.org/wiki/T-1000) and demands your database credentials, you won't have much of an option.\r\n\r\nQuestion: It's not working on my OS! What gives?!\r\n\r\nThese kinds of things are bound to happen. Here are the details I need from you in order to research the problem thoroughly:\r\n\r\n\t* OS and OS version\r\n\t* Architecture (x86, x86_64, IA64, Commodore 64)\r\n\t* Exact MySQL version\r\n\t* Where you obtained your MySQL version (OS package, source, etc)\r\n\t* The full text of the error\r\n\t* A copy of SHOW VARIABLES and SHOW GLOBAL STATUS output (if possible)","google":"UA-1115744-17","note":"Don't delete this file! It's used internally to help with page regeneration."}
|
||||
69
stylesheets/pygment_trac.css
Normal file
69
stylesheets/pygment_trac.css
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
.highlight { background: #ffffff; }
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { font-weight: bold } /* Keyword */
|
||||
.highlight .o { font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kn { font-weight: bold } /* Keyword.Namespace */
|
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d14 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
|
||||
.type-csharp .highlight .k { color: #0000FF }
|
||||
.type-csharp .highlight .kt { color: #0000FF }
|
||||
.type-csharp .highlight .nf { color: #000000; font-weight: normal }
|
||||
.type-csharp .highlight .nc { color: #2B91AF }
|
||||
.type-csharp .highlight .nn { color: #000000 }
|
||||
.type-csharp .highlight .s { color: #A31515 }
|
||||
.type-csharp .highlight .sc { color: #A31515 }
|
||||
255
stylesheets/styles.css
Normal file
255
stylesheets/styles.css
Normal file
|
|
@ -0,0 +1,255 @@
|
|||
@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
|
||||
|
||||
body {
|
||||
padding:50px;
|
||||
font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
color:#777;
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color:#222;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
p, ul, ol, table, pre, dl {
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
line-height:1.1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:28px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color:#393939;
|
||||
}
|
||||
|
||||
h3, h4, h5, h6 {
|
||||
color:#494949;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#39c;
|
||||
font-weight:400;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a small {
|
||||
font-size:11px;
|
||||
color:#777;
|
||||
margin-top:-0.6em;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width:860px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left:1px solid #e5e5e5;
|
||||
margin:0;
|
||||
padding:0 0 0 20px;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
|
||||
color:#333;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding:8px 15px;
|
||||
background: #f8f8f8;
|
||||
border-radius:5px;
|
||||
border:1px solid #e5e5e5;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
width:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
th, td {
|
||||
text-align:left;
|
||||
padding:5px 10px;
|
||||
border-bottom:1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
dt {
|
||||
color:#444;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
th {
|
||||
color:#444;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
header {
|
||||
width:270px;
|
||||
float:left;
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
header ul {
|
||||
list-style:none;
|
||||
height:40px;
|
||||
|
||||
padding:0;
|
||||
|
||||
background: #eee;
|
||||
background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
|
||||
background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
|
||||
background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
|
||||
background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
|
||||
background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
|
||||
|
||||
border-radius:5px;
|
||||
border:1px solid #d2d2d2;
|
||||
box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
|
||||
width:270px;
|
||||
}
|
||||
|
||||
header li {
|
||||
width:89px;
|
||||
float:left;
|
||||
border-right:1px solid #d2d2d2;
|
||||
height:40px;
|
||||
}
|
||||
|
||||
header ul a {
|
||||
line-height:1;
|
||||
font-size:11px;
|
||||
color:#999;
|
||||
display:block;
|
||||
text-align:center;
|
||||
padding-top:6px;
|
||||
height:40px;
|
||||
}
|
||||
|
||||
strong {
|
||||
color:#222;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
header ul li + li {
|
||||
width:88px;
|
||||
border-left:1px solid #fff;
|
||||
}
|
||||
|
||||
header ul li + li + li {
|
||||
border-right:none;
|
||||
width:89px;
|
||||
}
|
||||
|
||||
header ul a strong {
|
||||
font-size:14px;
|
||||
display:block;
|
||||
color:#222;
|
||||
}
|
||||
|
||||
section {
|
||||
width:500px;
|
||||
float:right;
|
||||
padding-bottom:50px;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border:0;
|
||||
background:#e5e5e5;
|
||||
height:1px;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
footer {
|
||||
width:270px;
|
||||
float:left;
|
||||
position:fixed;
|
||||
bottom:50px;
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 960px) {
|
||||
|
||||
div.wrapper {
|
||||
width:auto;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
header, section, footer {
|
||||
float:none;
|
||||
position:static;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
header {
|
||||
padding-right:320px;
|
||||
}
|
||||
|
||||
section {
|
||||
border:1px solid #e5e5e5;
|
||||
border-width:1px 0;
|
||||
padding:20px 0;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
header a small {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
header ul {
|
||||
position:absolute;
|
||||
right:50px;
|
||||
top:52px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 720px) {
|
||||
body {
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
header {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
header ul, header p.view {
|
||||
position:static;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
word-wrap:normal;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 480px) {
|
||||
body {
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
header ul {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
padding:0.4in;
|
||||
font-size:12pt;
|
||||
color:#444;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue