Misterzym
/
CodeIgniter-Aauth
mirror of https://github.com/misterzym/CodeIgniter-Aauth.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Create gh-pages branch via GitHub

gh-pages
Emre Akay 9 years ago
parent
a08cfbba57
commit
75fef0dccc
5 changed files with 765 additions and 905 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 313
      index.html
  2. 8
      params.json
  3. 116
      stylesheets/github-light.css
  4. 553
      stylesheets/normalize.css
  5. 664
      stylesheets/stylesheet.css

313
index.html
Unescape View File

@ -1,214 +1,221 @@
<!doctype html> <!DOCTYPE html>
<html> <html lang="en-us">
<head> <head>
<meta charset="utf-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1"> <title>Codeigniter Aauth by emreakay</title>
<title>Codeigniter-aauth by emreakay</title> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="stylesheets/styles.css"> <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link rel="stylesheet" href="stylesheets/pygment_trac.css"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<script src="javascripts/main.js"></script> <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head> </head>
<body> <body>
<section class="page-header">
<h1 class="project-name">Codeigniter Aauth</h1>
<h2 class="project-tagline">Authorization, authentication and User Management library for Codeigniter 2.x and 3.x to make easy user management and permission operations</h2>
<a href="https://github.com/emreakay/CodeIgniter-Aauth" class="btn">View on GitHub</a>
<a href="https://github.com/emreakay/CodeIgniter-Aauth/zipball/master" class="btn">Download .zip</a>
<a href="https://github.com/emreakay/CodeIgniter-Aauth/tarball/master" class="btn">Download .tar.gz</a>
</section>
<section class="main-content">
<p align="center">
<img src="https://cloud.githubusercontent.com/assets/2417212/8925689/add409ea-34be-11e5-8e50-845da8f5b1b0.png" height="320">
</p>
<hr>
<header> <p>Aauth is a User Authorization Library for CodeIgniter 2.x and 3.x, which aims to make easy some essential jobs such as login, permissions and access operations. Despite its ease of use, it has also very advanced features like private messages, groupping, access management, and public access.</p>
<h1>Codeigniter-aauth</h1>
<p>Authorization, authentication and User Management library for Codeigniter 2.x to make easy user management and permission operations</p> <p><strong>This is Quick Start page. You can also take a look at the <a href="https://github.com/emreakay/CodeIgniter-Aauth/wiki/_pages">detailed Documentation Wiki</a> to learn about other great Features</strong></p>
</header>
<div id="banner">
<span id="logo"></span>
<a href="https://github.com/emreakay/CodeIgniter-Aauth" class="button fork"><strong>View On GitHub</strong></a>
<div class="downloads">
<span>Downloads:</span>
<ul>
<li><a href="https://github.com/emreakay/CodeIgniter-Aauth/zipball/master" class="button">ZIP</a></li>
<li><a href="https://github.com/emreakay/CodeIgniter-Aauth/tarball/master" class="button">TAR</a></li>
</ul>
</div>
</div><!-- end banner -->
<div class="wrapper">
<nav>
<ul></ul>
</nav>
<section>
<hr><p>Aauth is a User Authorization Library for CodeIgniter 2.x, which aims to make easy some essential jobs such as login, permissions and access operations. Despite ease of use, it has also very advanced features like private messages, groupping, access management, public access etc..</p>
<p>After Quick Start, Take a look <a href="https://github.com/emreakay/CodeIgniter-Aauth/wiki/_pages">detailed Documentation from wiki</a> </p>
<h3> <h3>
<a name="features" class="anchor" href="#features"><span class="octicon octicon-link"></span></a>Features</h3> <a id="features" class="anchor" href="#features" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Features</h3>
<hr><ul> <hr>
<li>User Management and Operations (login, logout, register, vertification via e-mail, forgoten password, ban management, login ddos protection)</li>
<li>Group Operations (Creaing, deleting groups, membership management)</li> <ul>
<li>Admin and Public Group support (Public permissions) <li>User Management and Operations (login, logout, register, verification via e-mail, forgotten password, user ban, login DDoS protection)</li>
Permission Management (creating,deleting permissons, allow, deny groups, public permissions, permission checking)</li> <li>Group Operations (creating/deleting groups, membership management)</li>
<li>Group Permissions </li> <li>Admin and Public Group support (Public permissions)</li>
<li>User Permissions (new)</li> <li>Permission Management (creating/deleting permissions, allow/deny groups, public permissions, permission checking)</li>
<li>User and System Variables (new)</li> <li>Group Permissions</li>
<li>Login Ddos Protection (new)</li> <li>User Permissions</li>
<li>Private Messages (pm between users)</li> <li>User and System Variables</li>
<li>Error Mesages and Validations</li> <li>Login DDoS Protection</li>
<li>Private Messages (between users)</li>
<li>Error Messages and Validations</li>
<li>Langugage and config file support</li> <li>Langugage and config file support</li>
<li>Flexible</li> <li>Flexible implementation</li>
</ul><h3> </ul>
<a name="what-is-new-in-version-2" class="anchor" href="#what-is-new-in-version-2"><span class="octicon octicon-link"></span></a>What is new in Version 2</h3>
<h3>
<a id="what-is-new-in-version-2" class="anchor" href="#what-is-new-in-version-2" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>What is new in Version 2</h3>
<hr>
<hr><ul> <ul>
<li>User Permissions</li> <li>User Permissions</li>
<li>User and System Variables</li> <li>User and System Variables</li>
<li>Login Ddos Protection</li> <li>Login DDoS Protection</li>
<li>Some functions has changed</li> <li>Updated functions (check documentation for details)</li>
<li>Some bugs fixed</li> <li>Bugs fixes</li>
</ul><h3> <li>TOTP (Time-based One-time Password)</li>
<a name="migration" class="anchor" href="#migration"><span class="octicon octicon-link"></span></a>Migration</h3> </ul>
<hr><ul> <h3>
<li>if you have been using Version 1 before, take a look at Migration Page</li> <a id="migration" class="anchor" href="#migration" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Migration</h3>
</ul><h3>
<a name="quick-start" class="anchor" href="#quick-start"><span class="octicon octicon-link"></span></a>Quick Start</h3>
<hr><p>Let's start :)<br> <hr>
Firstly we will load Aauth Library to system</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">load</span><span class="o">-&gt;</span><span class="na">library</span><span class="p">(</span><span class="s2">"Aauth"</span><span class="p">);</span> <ul>
</pre></div> <li>If you are currently using Version 1, take a look at the <a href="https://github.com/emreakay/CodeIgniter-Aauth/wiki/1%29-Migration-from-V1">v1 to v2 migration page.</a>.</li>
</ul>
<p>thats OK. </p> <h3>
<a id="quick-start" class="anchor" href="#quick-start" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Quick Start</h3>
<p>Now we will create 2 new users, Ali and John </p> <hr>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_user</span><span class="p">(</span><span class="s1">'ali@ali.com'</span><span class="p">,</span><span class="s1">'alispass'</span><span class="p">,</span><span class="s1">'Ali Akay'</span><span class="p">);</span> <p>Let's get started :)
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_user</span><span class="p">(</span><span class="s1">'john@john.com'</span><span class="p">,</span><span class="s1">'johnspass'</span><span class="p">,</span><span class="s1">'John Button'</span><span class="p">);</span> First, we will load the Aauth Library into the system</p>
</pre></div>
<p>thats it. now we have two users.</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">load</span><span class="pl-k">-&gt;</span>library(<span class="pl-s"><span class="pl-pds">"</span>Aauth<span class="pl-pds">"</span></span>);</span></pre></div>
<p>Lets Create two group governors and commons :)</p> <p>That was easy!</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_group</span><span class="p">(</span><span class="s1">'governors'</span><span class="p">);</span> <p>Now let's create two new users, <code>Frodo</code> and <code>Legolas</code>.</p>
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_group</span><span class="p">(</span><span class="s1">'commons'</span><span class="p">);</span>
</pre></div>
<p>Then, Lets Create a User with power whic is Obama (having id=12)</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_user(<span class="pl-s"><span class="pl-pds">'</span>frodo@example.com<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>frodopass<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>Frodo Baggins<span class="pl-pds">'</span></span>);</span>
<span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_user(<span class="pl-s"><span class="pl-pds">'</span>legolas@example.com<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>legolaspass<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>Legolas<span class="pl-pds">'</span></span>);</span></pre></div>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_user</span><span class="p">(</span><span class="s1">'obama@usa.gov'</span><span class="p">,</span> <span class="s1">'pass-cia-fbi'</span><span class="p">,</span> <span class="s1">'Barrack Obama'</span><span class="p">);</span> <p>We now we have two users.</p>
</pre></div>
<p>ok now we have two groups and one user.</p> <p>OK, now we can create two groups, <code>hobbits</code> and <code>elves</code>.</p>
<p>Lets create a permissions 'incrase_tax' and 'change_government' </p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_group(<span class="pl-s"><span class="pl-pds">'</span>hobbits<span class="pl-pds">'</span></span>);</span>
<span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_group(<span class="pl-s"><span class="pl-pds">'</span>elves<span class="pl-pds">'</span></span>);</span></pre></div>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_perm</span><span class="p">(</span><span class="s1">'increase_tax'</span><span class="p">);</span> <p>Now, let's create a user with power, Gandalf (for our example, let's assume he was given the <code>id</code> of 12).</p>
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">create_perm</span><span class="p">(</span><span class="s1">'change_government'</span><span class="p">);</span>
</pre></div>
<p>Ok, now lets give accesses. logically 'governors' will have 'increase_tax' permission and 'commons' will have 'change_government' access.<br> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_user(<span class="pl-s"><span class="pl-pds">'</span>gandalf@example.com<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>gandalfpass<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>Gandalf the Gray<span class="pl-pds">'</span></span>);</span></pre></div>
ok lets give proper access with <em>alow_group()</em> function</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">allow_group</span><span class="p">(</span><span class="s1">'governors'</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">);</span> <p>OK, now we have two groups and three users.</p>
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">allow_group</span><span class="p">(</span><span class="s1">'commons'</span><span class="p">,</span><span class="s1">'change_government'</span><span class="p">);</span>
<p>Let's create two permissions <code>walk_unseen</code> and <code>immortality</code> </p>
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">allow_group</span><span class="p">(</span><span class="s1">'commons'</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">);</span> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_perm(<span class="pl-s"><span class="pl-pds">'</span>walk_unseen<span class="pl-pds">'</span></span>);</span>
</pre></div> <span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>create_perm(<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div>
<p>Ops wait a minute. commons cannot 'increase_tax'. we need to fix it, we will use deny() to take back permission.</p> <p>Ok, now let's give accesses to our groups. The Hobbits seem to have ability to walk unseen, so we will assign that privilage to them. The Elves have imortality, so we will assign that privilage to them.
We will assign access with <code>allow_group()</code> function.</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">deny</span><span class="p">(</span><span class="s1">'commons'</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">);</span> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>allow_group(<span class="pl-s"><span class="pl-pds">'</span>hobbits<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>walk_unseen<span class="pl-pds">'</span></span>);</span>
</pre></div> <span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>allow_group(<span class="pl-s"><span class="pl-pds">'</span>elves<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span>
<span class="pl-s1"></span>
<span class="pl-s1"></span>
<span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>allow_group(<span class="pl-s"><span class="pl-pds">'</span>hobbits<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div>
<p>Obama also can increse tax ha?</p> <p>Wait a minute! Hobbits should not have <code>immortality</code>. We need to fix this, we can use <code>deny()</code> to remove the permission.</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">allow_user</span><span class="p">(</span><span class="mi">12</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">);</span> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>deny(<span class="pl-s"><span class="pl-pds">'</span>hobbits<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div>
</pre></div>
<p>Ok now lets check if commons can 'increase_tax'</p> <p>Gandalf can also live forever.</p>
<div class="highlight highlight-php"><pre><span class="k">if</span><span class="p">(</span><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">is_group_allowed</span><span class="p">(</span><span class="s1">'commons'</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">)){</span> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>allow_user(<span class="pl-c1">12</span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div>
<span class="c1">// i dont think so</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
<span class="c1">// do sth in the middle</span>
<span class="p">}</span>
</pre></div>
<p>Can Obama increase_tax ? Let's check it.</p> <p>Ok now let's check if Hobbits have <code>immortality</code>.</p>
<div class="highlight highlight-php"><pre><span class="k">if</span><span class="p">(</span><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">is_allowed</span><span class="p">(</span><span class="mi">15</span><span class="p">,</span><span class="s1">'increase_tax'</span><span class="p">)){</span> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-k">if</span>(<span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>is_group_allowed(<span class="pl-s"><span class="pl-pds">'</span>hobbits<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>)){</span>
<span class="c1">// i guess so</span> <span class="pl-s1"> <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span>Hobbits are immortal<span class="pl-pds">"</span></span>;</span>
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span> <span class="pl-s1">} <span class="pl-k">else</span> {</span>
<span class="c1">// piece of code</span> <span class="pl-s1"> <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span>Hobbits are NOT immortal<span class="pl-pds">"</span></span>;</span>
<span class="p">}</span> <span class="pl-s1">}</span></pre></div>
</pre></div>
<p>i think 'increse_tax' must have never been created. just delete it</p> <p>Results:</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">delete_perm</span><span class="p">(</span><span class="s1">'increase_tax'</span><span class="p">);</span> <pre><code>Hobbits are NOT immortal
</pre></div> </code></pre>
<p>now better. </p> <p>Does Gandalf have the ability to live forever?</p>
<p>So what about public people? (public means not logged users). Can public people travel? Lets assume we have permissions namely 'travel' , of course.</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-k">if</span>(<span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>is_allowed(<span class="pl-c1">12</span>,<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>)){</span>
<span class="pl-s1"> <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span>Gandalf is immortal<span class="pl-pds">"</span></span>;</span>
<span class="pl-s1">} <span class="pl-k">else</span> {</span>
<span class="pl-s1"> <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span>Gandalf is NOT immortal<span class="pl-pds">"</span></span>;</span>
<span class="pl-s1">}</span></pre></div>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">allow_group</span><span class="p">(</span><span class="s1">'public'</span><span class="p">,</span><span class="s1">'travel'</span><span class="p">);</span> <p>Results:</p>
</pre></div>
<p>So Admin? what can he do? He can access everthing, You dont need to give permiision ( using allow_group() or allow_user() ) him, he already has. </p> <pre><code>Gandalf is immortal
</code></pre>
<p>What about User Variables? <p>Since we don't accually live in Middle Earth, we are not aware of actual immortality. Alas, we must delete the permission.</p>
for every individual user, variables can be defined as key-value.</p>
<p>this is a simple example to set a variable.</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>delete_perm(<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">set_user_var</span><span class="p">(</span><span class="s2">"key"</span><span class="p">,</span><span class="s2">"value"</span><span class="p">);</span> <p>It is gone.</p>
</pre></div>
<p>For example if you want to keep users phones</p> <h4>
<a id="un-authenticated-users" class="anchor" href="#un-authenticated-users" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Un-authenticated Users</h4>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">set_user_var</span><span class="p">(</span><span class="s2">"phone"</span><span class="p">,</span><span class="s2">"0216 313 23 33"</span><span class="p">);</span> <p>So, how about un-authenticated users? In Aauth they are part of the <code>public</code> group. Let's give them permissions to <code>travel</code>.
</pre></div> We will assume we already have a permission set up named <code>travel</code>.</p>
<p>to get the variable</p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>allow_group(<span class="pl-s"><span class="pl-pds">'</span>public<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>travel<span class="pl-pds">'</span></span>);</span></pre></div>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">set_user_var</span><span class="p">(</span><span class="s2">"key"</span><span class="p">);</span> <h4>
</pre></div> <a id="admin-users" class="anchor" href="#admin-users" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Admin Users</h4>
<p>Aauth also permits you to define System Variables which can be accesed by every user in the system.</p> <p>What about the Admin users? The <code>Admin</code> user and any member of the <code>Admin</code> group is a superuser who had access everthing, There is no need to grant additional permissions.</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">set_system_var</span><span class="p">(</span><span class="s2">"key"</span><span class="p">,</span><span class="s2">"Value"</span><span class="p">);</span> <h4>
<span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">set_system_var</span><span class="p">(</span><span class="s2">"key"</span><span class="p">);</span> <a id="user-parametersvariables" class="anchor" href="#user-parametersvariables" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>User Parameters/Variables</h4>
</pre></div>
<p>ok lets look at private messages. John (his id=3) will send pm to Ali(id=4)</p> <p>For each user, variables can be defined as individual key/value pairs.</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">send_pm</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="mi">4</span><span class="p">,</span><span class="s1">'Hi bro. i need you'</span><span class="p">,</span><span class="s1">' can you gimme your credit card?'</span><span class="p">)</span> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>set_user_var(<span class="pl-s"><span class="pl-pds">"</span>key<span class="pl-pds">"</span></span>,<span class="pl-s"><span class="pl-pds">"</span>value<span class="pl-pds">"</span></span>);</span></pre></div>
</pre></div>
<p>sorry John you will be banned :(</p> <p>For example, if you want to store a user's phone number.</p>
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-&gt;</span><span class="na">aauth</span><span class="o">-&gt;</span><span class="na">ban_user</span><span class="p">(</span><span class="mi">3</span><span class="p">);</span> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>set_user_var(<span class="pl-s"><span class="pl-pds">"</span>phone<span class="pl-pds">"</span></span>,<span class="pl-s"><span class="pl-pds">"</span>1-507-555-1234<span class="pl-pds">"</span></span>);</span></pre></div>
</pre></div>
<p>Quick Start is done but thats not the end<br> <p>To retreive value you will use <code>get_user_var()</code>:</p>
Take a look <a href="https://github.com/emreakay/CodeIgniter-Aauth/wiki/_pages">detailed Documentation from wiki</a> </p>
<p>Dont forget to watch Aauth.<br> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>get_user_var(<span class="pl-s"><span class="pl-pds">"</span>key<span class="pl-pds">"</span></span>);</span></pre></div>
You can also contribute and help me :)</p>
</section> <p>Aauth also permits you to define System Variables. These can be which can be accesed by all users in the system.</p>
<footer>
<p>Project maintained by <a href="https://github.com/emreakay">emreakay</a></p> <div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>set_system_var(<span class="pl-s"><span class="pl-pds">"</span>key<span class="pl-pds">"</span></span>,<span class="pl-s"><span class="pl-pds">"</span>value<span class="pl-pds">"</span></span>);</span>
<p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://twitter.com/michigangraham">mattgraham</a></small></p> <span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>get_system_var(<span class="pl-s"><span class="pl-pds">"</span>key<span class="pl-pds">"</span></span>);</span></pre></div>
<h4>
<a id="private-messages" class="anchor" href="#private-messages" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Private Messages</h4>
<p>OK, let's look at private messages. Frodo (<code>id</code> = 3) will send a PM to Legolas (<code>id</code> = 4);</p>
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>send_pm(<span class="pl-c1">3</span>,<span class="pl-c1">4</span>,<span class="pl-s"><span class="pl-pds">'</span>New cloaks<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>These new cloaks are fantastic!<span class="pl-pds">'</span></span>)</span></pre></div>
<h4>
<a id="banning-users" class="anchor" href="#banning-users" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Banning users</h4>
<p>Frodo has broke the rules and will now need to be banned from the system.</p>
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">aauth</span><span class="pl-k">-&gt;</span>ban_user(<span class="pl-c1">3</span>);</span></pre></div>
<p>You have reached the end of the Quick Start Guide, but please take a look at the <a href="https://github.com/emreakay/CodeIgniter-Aauth/wiki/_pages">detailed Documentation Wiki</a> for additional information.</p>
<p>Don't forget to keep and eye on Aauth, we are constantly improving the system.
You can also contribute and help me out. :)</p>
<footer class="site-footer">
<span class="site-footer-owner"><a href="https://github.com/emreakay/CodeIgniter-Aauth">Codeigniter Aauth</a> is maintained by <a href="https://github.com/emreakay">emreakay</a>.</span>
<span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
</footer> </footer>
</div>
<!--[if !IE]><script>fixScale(document);</script><![endif]--> </section>
</body> </body>
</html> </html>

8
params.json
View File

File diff suppressed because one or more lines are too long

116
stylesheets/github-light.css
Unescape View File

@ -0,0 +1,116 @@
/*
Copyright 2014 GitHub Inc.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
.pl-c /* comment */ {
color: #969896;
}
.pl-c1 /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */,
.pl-s .pl-v /* string variable */ {
color: #0086b3;
}
.pl-e /* entity */,
.pl-en /* entity.name */ {
color: #795da3;
}
.pl-s .pl-s1 /* string source */,
.pl-smi /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ {
color: #333;
}
.pl-ent /* entity.name.tag */ {
color: #63a35c;
}
.pl-k /* keyword, storage, storage.type */ {
color: #a71d5d;
}
.pl-pds /* punctuation.definition.string, string.regexp.character-class */,
.pl-s /* string */,
.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
.pl-sr /* string.regexp */,
.pl-sr .pl-cce /* string.regexp constant.character.escape */,
.pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */,
.pl-sr .pl-sre /* string.regexp source.ruby.embedded */ {
color: #183691;
}
.pl-v /* variable */ {
color: #ed6a43;
}
.pl-id /* invalid.deprecated */ {
color: #b52a1d;
}
.pl-ii /* invalid.illegal */ {
background-color: #b52a1d;
color: #f8f8f8;
}
.pl-sr .pl-cce /* string.regexp constant.character.escape */ {
color: #63a35c;
font-weight: bold;
}
.pl-ml /* markup.list */ {
color: #693a17;
}
.pl-mh /* markup.heading */,
.pl-mh .pl-en /* markup.heading entity.name */,
.pl-ms /* meta.separator */ {
color: #1d3e81;
font-weight: bold;
}
.pl-mq /* markup.quote */ {
color: #008080;
}
.pl-mi /* markup.italic */ {
color: #333;
font-style: italic;
}
.pl-mb /* markup.bold */ {
color: #333;
font-weight: bold;
}
.pl-md /* markup.deleted, meta.diff.header.from-file */ {
background-color: #ffecec;
color: #bd2c00;
}
.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
background-color: #eaffea;
color: #55a532;
}
.pl-mdr /* meta.diff.range */ {
color: #795da3;
font-weight: bold;
}
.pl-mo /* meta.output */ {
color: #1d3e81;
}

553
stylesheets/normalize.css vendored
Unescape View File

@ -1,10 +1,35 @@
/* normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* =============================================================================
HTML5 display definitions /**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */ ========================================================================== */
/*
* Corrects block display not defined in IE6/7/8/9 & FF3 /**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/ */
article, article,
aside, aside,
details, details,
@ -13,209 +38,126 @@ figure,
footer, footer,
header, header,
hgroup, hgroup,
main,
menu,
nav, nav,
section, section,
summary { summary {
display: block; display: block;
} }
/* /**
* Corrects inline-block display not defined in IE6/7/8/9 & FF3 * 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/ */
audio, audio,
canvas, canvas,
progress,
video { video {
display: inline-block; display: inline-block; /* 1 */
*display: inline; vertical-align: baseline; /* 2 */
*zoom: 1;
} }
/* /**
* Prevents modern browsers from displaying 'audio' without controls * Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/ */
audio:not([controls]) { audio:not([controls]) {
display: none; display: none;
height: 0;
} }
/* /**
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Address `[hidden]` styling not present in IE 8/9/10.
* Known issue: no IE6 support * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/ */
[hidden] {
[hidden],
template {
display: none; display: none;
} }
/* ============================================================================= /* Links
Base
========================================================================== */ ========================================================================== */
/*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {
font-size: 100%;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */
}
/* /**
* Addresses font-family inconsistency between 'textarea' and other form elements. * Remove the gray background color from active links in IE 10.
*/ */
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/* a {
* Addresses margins handled incorrectly in IE6/7 background-color: transparent;
*/
body {
margin: 0;
} }
/* ============================================================================= /**
Links * Improve readability when focused and also mouse hovered in all browsers.
========================================================================== */
/*
* Addresses outline displayed oddly in Chrome
*/ */
a:focus {
outline: thin dotted;
}
/* a:active,
* Improves readability when focused and also mouse hovered in all browsers a:hover {
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:hover,
a:active {
outline: 0; outline: 0;
} }
/* ============================================================================= /* Text-level semantics
Typography
========================================================================== */ ========================================================================== */
/*
* Addresses font sizes and margins set differently in IE6/7
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 { /**
font-size: 1.5em; * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE7/8/9, S5, Chrome
*/ */
abbr[title] { abbr[title] {
border-bottom: 1px dotted; border-bottom: 1px dotted;
} }
/* /**
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/ */
b, b,
strong { strong {
font-weight: bold; font-weight: bold;
} }
blockquote { /**
margin: 1em 40px; * Address styling not present in Safari and Chrome.
}
/*
* Addresses styling not present in S5, Chrome
*/ */
dfn { dfn {
font-style: italic; font-style: italic;
} }
/* /**
* Addresses styling not present in IE6/7/8/9 * Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/ */
mark {
background: #ff0;
color: #000;
}
/* h1 {
* Addresses margins set differently in IE6/7 font-size: 2em;
*/ margin: 0.67em 0;
p,
pre {
margin: 1em 0;
} }
/* /**
* Corrects font family set oddly in IE6, S4/5, Chrome * Address styling not present in IE 8/9.
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/ */
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/* mark {
* 1. Addresses CSS quotes not supported in IE6/7 background: #ff0;
* 2. Addresses quote property not supported in S4 color: #000;
*/
/* 1 */
q {
quotes: none;
} }
/* 2 */ /**
q:before, * Address inconsistent and variable font size in all browsers.
q:after { */
content: '';
content: none;
}
small { small {
font-size: 75%; font-size: 80%;
} }
/* /**
* Prevents sub and sup affecting line-height in all browsers * Prevent `sub` and `sup` affecting `line-height` in all browsers.
* gist.github.com/413930
*/ */
sub, sub,
sup { sup {
font-size: 75%; font-size: 75%;
@ -232,228 +174,251 @@ sub {
bottom: -0.25em; bottom: -0.25em;
} }
/* ============================================================================= /* Embedded content
Lists
========================================================================== */ ========================================================================== */
/*
* Addresses margins set differently in IE6/7
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd { /**
margin: 0 0 0 40px; * Remove border when inside `a` element in IE 8/9/10.
}
/*
* Addresses paddings set differently in IE6/7
*/ */
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/*
* Corrects list images handled incorrectly in IE7
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img { img {
border: 0; border: 0;
/* 1 */
-ms-interpolation-mode: bicubic;
/* 2 */
} }
/* /**
* Corrects overflow displayed oddly in IE9 * Correct overflow not hidden in IE 9/10/11.
*/ */
svg:not(:root) { svg:not(:root) {
overflow: hidden; overflow: hidden;
} }
/* ============================================================================= /* Grouping content
Figures
========================================================================== */ ========================================================================== */
/*
* Addresses margin not present in IE6/7/8/9, S5, O11 /**
* Address margin not present in IE 8/9 and Safari.
*/ */
figure { figure {
margin: 0; margin: 1em 40px;
} }
/* ============================================================================= /**
Forms * Address differences between Firefox and other browsers.
========================================================================== */
/*
* Corrects margin displayed oddly in IE6/7
*/ */
form {
margin: 0; hr {
box-sizing: content-box;
height: 0;
} }
/* /**
* Define consistent border, margin, and padding * Contain overflow in all browsers.
*/ */
fieldset {
border: 1px solid #c0c0c0; pre {
margin: 0 2px; overflow: auto;
padding: 0.35em 0.625em 0.75em;
} }
/* /**
* 1. Corrects color not being inherited in IE6/7/8/9 * Address odd `em`-unit font size rendering in all browsers.
* 2. Corrects text not wrapping in FF3
* 3. Corrects alignment displayed oddly in IE6/7
*/ */
legend {
border: 0; code,
/* 1 */ kbd,
padding: 0; pre,
white-space: normal; samp {
/* 2 */ font-family: monospace, monospace;
*margin-left: -7px; font-size: 1em;
/* 3 */
} }
/* /* Forms
* 1. Corrects font size not being inherited in all browsers ========================================================================== */
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers /**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/ */
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button, button,
input, input,
optgroup,
select, select,
textarea { textarea {
font-size: 100%; color: inherit; /* 1 */
/* 1 */ font: inherit; /* 2 */
margin: 0; margin: 0; /* 3 */
/* 2 */ }
vertical-align: baseline;
/* 3 */ /**
*vertical-align: middle; * Address `overflow` set to `hidden` in IE 8/9/10/11.
/* 3 */ */
button {
overflow: visible;
} }
/* /**
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet * Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/ */
button, button,
input { select {
line-height: normal; text-transform: none;
/* 1 */
} }
/* /**
* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* 2. Corrects inability to style clickable 'input' types in iOS * and `video` controls.
* 3. Removes inner spacing in IE7 without affecting normal text inputs * 2. Correct inability to style clickable `input` types in iOS.
* Known issue: inner spacing remains in IE6 * 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/ */
button, button,
input[type="button"], html input[type="button"], /* 1 */
input[type="reset"], input[type="reset"],
input[type="submit"] { input[type="submit"] {
cursor: pointer; -webkit-appearance: button; /* 2 */
/* 1 */ cursor: pointer; /* 3 */
-webkit-appearance: button;
/* 2 */
*overflow: visible;
/* 3 */
} }
/* /**
* Re-set default cursor for disabled elements * Re-set default cursor for disabled elements.
*/ */
button[disabled], button[disabled],
input[disabled] { html input[disabled] {
cursor: default; cursor: default;
} }
/* /**
* 1. Addresses box sizing set to content-box in IE8/9 * Remove inner padding and border in Firefox 4+.
* 2. Removes excess padding in IE8/9
* 3. Removes excess padding in IE7
Known issue: excess padding remains in IE6
*/ */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"], input[type="checkbox"],
input[type="radio"] { input[type="radio"] {
box-sizing: border-box; box-sizing: border-box; /* 1 */
/* 1 */ padding: 0; /* 2 */
padding: 0; }
/* 2 */
*height: 13px; /**
/* 3 */ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
*width: 13px; * `font-size` values of the `input`, it causes the cursor style of the
/* 3 */ * decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} }
/* /**
* 1. Addresses appearance set to searchfield in S5, Chrome * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/ */
input[type="search"] { input[type="search"] {
-webkit-appearance: textfield; -webkit-appearance: textfield; /* 1 */ /* 2 */
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; box-sizing: content-box;
} }
/* /**
* Removes inner padding and search cancel button in S5, Chrome on OS X * Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/ */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; -webkit-appearance: none;
} }
/* /**
* Removes inner padding and border in FF3+ * Define consistent border, margin, and padding.
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/ */
button::-moz-focus-inner,
input::-moz-focus-inner { fieldset {
border: 0; border: 1px solid #c0c0c0;
padding: 0; margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
} }
/* /**
* 1. Removes default vertical scrollbar in IE6/7/8/9 * Remove default vertical scrollbar in IE 8/9/10/11.
* 2. Improves readability and alignment in all browsers
*/ */
textarea { textarea {
overflow: auto; overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
} }
/* ============================================================================= /**
Tables * Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */ ========================================================================== */
/*
* Remove most spacing between table cells /**
* Remove most spacing between table cells.
*/ */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }
td,
th {
padding: 0;
}

664
stylesheets/stylesheet.css
Unescape View File

@ -1,479 +1,245 @@
/* http://meyerweb.com/eric/tools/css/reset/ * {
v2.0 | 20110126 box-sizing: border-box; }
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* LAYOUT STYLES */
body { body {
font-size: 15px; padding: 0;
margin: 0;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.5; line-height: 1.5;
background: #fafafa url(../images/body-bg.jpg) 0 0 repeat; color: #606c71; }
font-family: 'Helvetica Neue', Helvetica, Arial, serif;
font-weight: 400;
color: #666;
}
a { a {
color: #2879d0; color: #1e6bb8;
} text-decoration: none; }
a:hover { a:hover {
color: #2268b2; text-decoration: underline; }
}
header {
padding-top: 40px;
padding-bottom: 40px;
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
background: #2e7bcf url(../images/header-bg.jpg) 0 0 repeat-x;
border-bottom: solid 1px #275da1;
}
header h1 {
letter-spacing: -1px;
font-size: 72px;
color: #fff;
line-height: 1;
margin-bottom: 0.2em;
width: 540px;
}
header h2 { .btn {
font-size: 26px; display: inline-block;
color: #9ddcff; margin-bottom: 1rem;
font-weight: normal; color: rgba(255, 255, 255, 0.7);
line-height: 1.3; background-color: rgba(255, 255, 255, 0.08);
width: 540px; border-color: rgba(255, 255, 255, 0.2);
letter-spacing: 0; border-style: solid;
} border-width: 1px;
border-radius: 0.3rem;
.inner { transition: color 0.2s, background-color 0.2s, border-color 0.2s; }
position: relative; .btn + .btn {
width: 940px; margin-left: 1rem; }
margin: 0 auto;
} .btn:hover {
color: rgba(255, 255, 255, 0.8);
#content-wrapper { text-decoration: none;
border-top: solid 1px #fff; background-color: rgba(255, 255, 255, 0.2);
padding-top: 30px; border-color: rgba(255, 255, 255, 0.3); }
}
#main-content {
width: 690px;
float: left;
}
#main-content img {
max-width: 100%;
}
aside#sidebar {
width: 200px;
padding-left: 20px;
min-height: 504px;
float: right;
background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat;
font-size: 12px;
line-height: 1.3;
}
aside#sidebar p.repo-owner, @media screen and (min-width: 64em) {
aside#sidebar p.repo-owner a { .btn {
font-weight: bold; padding: 0.75rem 1rem; } }
}
#downloads { @media screen and (min-width: 42em) and (max-width: 64em) {
margin-bottom: 40px; .btn {
} padding: 0.6rem 0.9rem;
font-size: 0.9rem; } }
a.button { @media screen and (max-width: 42em) {
width: 134px; .btn {
height: 58px;
line-height: 1.2;
font-size: 23px;
color: #fff;
padding-left: 68px;
padding-top: 22px;
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
}
a.button small {
display: block;
font-size: 11px;
}
header a.button {
position: absolute;
right: 0;
top: 0;
background: transparent url(../images/github-button.png) 0 0 no-repeat;
}
aside a.button {
width: 138px;
padding-left: 64px;
display: block; display: block;
background: transparent url(../images/download-button.png) 0 0 no-repeat;
margin-bottom: 20px;
font-size: 21px;
}
code, pre {
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
color: #222;
margin-bottom: 30px;
font-size: 13px;
}
code {
background-color: #f2f8fc;
border: solid 1px #dbe7f3;
padding: 0 3px;
}
pre {
padding: 20px;
background: #fff;
text-shadow: none;
overflow: auto;
border: solid 1px #f2f2f2;
}
pre code {
color: #2879d0;
background-color: #fff;
border: none;
padding: 0;
}
ul, ol, dl {
margin-bottom: 20px;
}
/* COMMON STYLES */
hr {
height: 1px;
line-height: 1px;
margin-top: 1em;
padding-bottom: 1em;
border: none;
background: transparent url('../images/hr.png') 0 0 no-repeat;
}
table {
width: 100%; width: 100%;
border: 1px solid #ebebeb; padding: 0.75rem;
} font-size: 0.9rem; }
.btn + .btn {
th { margin-top: 1rem;
font-weight: 500; margin-left: 0; } }
}
td { .page-header {
border: 1px solid #ebebeb; color: #fff;
text-align: center; text-align: center;
font-weight: 300; background-color: #159957;
} background-image: linear-gradient(120deg, #155799, #159957); }
form {
background: #f2f2f2;
padding: 20px;
}
/* GENERAL ELEMENT TYPE STYLES */ @media screen and (min-width: 64em) {
.page-header {
padding: 5rem 6rem; } }
#main-content h1 { @media screen and (min-width: 42em) and (max-width: 64em) {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; .page-header {
font-size: 2.8em; padding: 3rem 4rem; } }
letter-spacing: -1px;
color: #474747;
}
#main-content h1:before { @media screen and (max-width: 42em) {
content: "/"; .page-header {
color: #9ddcff; padding: 2rem 1rem; } }
padding-right: 0.3em;
margin-left: -0.9em;
}
#main-content h2 { .project-name {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; margin-top: 0;
font-size: 22px; margin-bottom: 0.1rem; }
font-weight: bold;
margin-bottom: 8px;
color: #474747;
}
#main-content h2:before {
content: "//";
color: #9ddcff;
padding-right: 0.3em;
margin-left: -1.5em;
}
#main-content h3 { @media screen and (min-width: 64em) {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; .project-name {
font-size: 18px; font-size: 3.25rem; } }
font-weight: bold;
margin-top: 24px;
margin-bottom: 8px;
color: #474747;
}
#main-content h3:before { @media screen and (min-width: 42em) and (max-width: 64em) {
content: "///"; .project-name {
color: #9ddcff; font-size: 2.25rem; } }
padding-right: 0.3em;
margin-left: -2em;
}
#main-content h4 { @media screen and (max-width: 42em) {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; .project-name {
font-size: 15px; font-size: 1.75rem; } }
font-weight: bold;
color: #474747;
}
h4:before { .project-tagline {
content: "////"; margin-bottom: 2rem;
color: #9ddcff; font-weight: normal;
padding-right: 0.3em; opacity: 0.7; }
margin-left: -2.8em;
} @media screen and (min-width: 64em) {
.project-tagline {
#main-content h5 { font-size: 1.25rem; } }
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
font-size: 14px; @media screen and (min-width: 42em) and (max-width: 64em) {
color: #474747; .project-tagline {
} font-size: 1.15rem; } }
h5:before {
content: "/////"; @media screen and (max-width: 42em) {
color: #9ddcff; .project-tagline {
padding-right: 0.3em; font-size: 1rem; } }
margin-left: -3.2em;
} .main-content :first-child {
margin-top: 0; }
#main-content h6 { .main-content img {
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; max-width: 100%; }
font-size: .8em; .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
color: #474747; margin-top: 2rem;
} margin-bottom: 1rem;
h6:before { font-weight: normal;
content: "//////"; color: #159957; }
color: #9ddcff; .main-content p {
padding-right: 0.3em; margin-bottom: 1em; }
margin-left: -3.7em; .main-content code {
} padding: 2px 4px;
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
p { font-size: 0.9rem;
margin-bottom: 20px; color: #383e41;
} background-color: #f3f6fa;
border-radius: 0.3rem; }
a { .main-content pre {
text-decoration: none; padding: 0.8rem;
} margin-top: 0;
margin-bottom: 1rem;
p a { font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-weight: 400; color: #567482;
} word-wrap: normal;
background-color: #f3f6fa;
blockquote { border: solid 1px #dce6f0;
font-size: 1.6em; border-radius: 0.3rem; }
border-left: 10px solid #e9e9e9; .main-content pre > code {
margin-bottom: 20px; padding: 0;
padding: 0 0 0 30px; margin: 0;
} font-size: 0.9rem;
color: #567482;
ul { word-break: normal;
list-style: disc inside; white-space: pre;
padding-left: 20px; background: transparent;
} border: 0; }
.main-content .highlight {
ol { margin-bottom: 1rem; }
list-style: decimal inside; .main-content .highlight pre {
padding-left: 3px; margin-bottom: 0;
} word-break: normal; }
.main-content .highlight pre, .main-content pre {
padding: 0.8rem;
overflow: auto;
font-size: 0.9rem;
line-height: 1.45;
border-radius: 0.3rem; }
.main-content pre code, .main-content pre tt {
display: inline;
max-width: initial;
padding: 0;
margin: 0;
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0; }
.main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after {
content: normal; }
.main-content ul, .main-content ol {
margin-top: 0; }
.main-content blockquote {
padding: 0 1rem;
margin-left: 0;
color: #819198;
border-left: 0.3rem solid #dce6f0; }
.main-content blockquote > :first-child {
margin-top: 0; }
.main-content blockquote > :last-child {
margin-bottom: 0; }
.main-content table {
display: block;
width: 100%;
overflow: auto;
word-break: normal;
word-break: keep-all; }
.main-content table th {
font-weight: bold; }
.main-content table th, .main-content table td {
padding: 0.5rem 1rem;
border: 1px solid #e9ebec; }
.main-content dl {
padding: 0; }
.main-content dl dt {
padding: 0;
margin-top: 1rem;
font-size: 1rem;
font-weight: bold; }
.main-content dl dd {
padding: 0;
margin-bottom: 1rem; }
.main-content hr {
height: 2px;
padding: 0;
margin: 1rem 0;
background-color: #eff0f1;
border: 0; }
@media screen and (min-width: 64em) {
.main-content {
max-width: 64rem;
padding: 2rem 6rem;
margin: 0 auto;
font-size: 1.1rem; } }
dl dd { @media screen and (min-width: 42em) and (max-width: 64em) {
font-style: italic; .main-content {
font-weight: 100; padding: 2rem 4rem;
} font-size: 1.1rem; } }
footer { @media screen and (max-width: 42em) {
background: transparent url('../images/hr.png') 0 0 no-repeat; .main-content {
margin-top: 40px; padding: 2rem 1rem;
padding-top: 20px; font-size: 1rem; } }
padding-bottom: 30px;
font-size: 13px;
color: #aaa;
}
footer a { .site-footer {
color: #666; padding-top: 2rem;
} margin-top: 2rem;
footer a:hover { border-top: solid 1px #eff0f1; }
color: #444;
}
/* MISC */ .site-footer-owner {
.clearfix:after {
clear: both;
content: '.';
display: block; display: block;
visibility: hidden; font-weight: bold; }
height: 0;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* #Media Queries .site-footer-credits {
================================================== */ color: #819198; }
/* Smaller than standard 960 (devices and browsers) */ @media screen and (min-width: 64em) {
@media only screen and (max-width: 959px) {} .site-footer {
font-size: 1rem; } }
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.inner {
width: 740px;
}
header h1, header h2 {
width: 340px;
}
header h1 {
font-size: 60px;
}
header h2 {
font-size: 30px;
}
#main-content {
width: 490px;
}
#main-content h1:before,
#main-content h2:before,
#main-content h3:before,
#main-content h4:before,
#main-content h5:before,
#main-content h6:before {
content: none;
padding-right: 0;
margin-left: 0;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.inner {
width: 93%;
}
header {
padding: 20px 0;
}
header .inner {
position: relative;
}
header h1, header h2 {
width: 100%;
}
header h1 {
font-size: 48px;
}
header h2 {
font-size: 24px;
}
header a.button {
background-image: none;
width: auto;
height: auto;
display: inline-block;
margin-top: 15px;
padding: 5px 10px;
position: relative;
text-align: center;
font-size: 13px;
line-height: 1;
background-color: #9ddcff;
color: #2879d0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
header a.button small {
font-size: 13px;
display: inline;
}
#main-content,
aside#sidebar {
float: none;
width: 100% ! important;
}
aside#sidebar {
background-image: none;
margin-top: 20px;
border-top: solid 1px #ddd;
padding: 20px 0;
min-height: 0;
}
aside#sidebar a.button {
display: none;
}
#main-content h1:before,
#main-content h2:before,
#main-content h3:before,
#main-content h4:before,
#main-content h5:before,
#main-content h6:before {
content: none;
padding-right: 0;
margin-left: 0;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media screen and (min-width: 42em) and (max-width: 64em) {
@media only screen and (min-width: 480px) and (max-width: 767px) {} .site-footer {
font-size: 1rem; } }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media screen and (max-width: 42em) {
@media only screen and (max-width: 479px) {} .site-footer {
font-size: 0.9rem; } }

Write Preview
Loading…
Cancel
Save