Emre Akay
9 years ago
5 changed files with 765 additions and 905 deletions
@ -1,214 +1,221 @@
|
||||
<!doctype html> |
||||
<html> |
||||
<!DOCTYPE html> |
||||
<html lang="en-us"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1"> |
||||
<title>Codeigniter-aauth by emreakay</title> |
||||
<link rel="stylesheet" href="stylesheets/styles.css"> |
||||
<link rel="stylesheet" href="stylesheets/pygment_trac.css"> |
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> |
||||
<script src="javascripts/main.js"></script> |
||||
<!--[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"> |
||||
|
||||
<meta charset="UTF-8"> |
||||
<title>Codeigniter Aauth by emreakay</title> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen"> |
||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'> |
||||
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen"> |
||||
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen"> |
||||
</head> |
||||
<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> |
||||
|
||||
<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> |
||||
|
||||
<header> |
||||
<h1>Codeigniter-aauth</h1> |
||||
<p>Authorization, authentication and User Management library for Codeigniter 2.x to make easy user management and permission operations</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> |
||||
<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> |
||||
|
||||
<h3> |
||||
<a name="features" class="anchor" href="#features"><span class="octicon octicon-link"></span></a>Features</h3> |
||||
|
||||
<hr><ul> |
||||
<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> |
||||
<li>Admin and Public Group support (Public permissions) |
||||
Permission Management (creating,deleting permissons, allow, deny groups, public permissions, permission checking)</li> |
||||
<li>Group Permissions </li> |
||||
<li>User Permissions (new)</li> |
||||
<li>User and System Variables (new)</li> |
||||
<li>Login Ddos Protection (new)</li> |
||||
<li>Private Messages (pm between users)</li> |
||||
<li>Error Mesages and Validations</li> |
||||
<a id="features" class="anchor" href="#features" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Features</h3> |
||||
|
||||
<hr> |
||||
|
||||
<ul> |
||||
<li>User Management and Operations (login, logout, register, verification via e-mail, forgotten password, user ban, login DDoS protection)</li> |
||||
<li>Group Operations (creating/deleting groups, membership management)</li> |
||||
<li>Admin and Public Group support (Public permissions)</li> |
||||
<li>Permission Management (creating/deleting permissions, allow/deny groups, public permissions, permission checking)</li> |
||||
<li>Group Permissions</li> |
||||
<li>User Permissions</li> |
||||
<li>User and System Variables</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>Flexible</li> |
||||
</ul><h3> |
||||
<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> |
||||
<li>Flexible implementation</li> |
||||
</ul> |
||||
|
||||
<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 and System Variables</li> |
||||
<li>Login Ddos Protection</li> |
||||
<li>Some functions has changed</li> |
||||
<li>Some bugs fixed</li> |
||||
</ul><h3> |
||||
<a name="migration" class="anchor" href="#migration"><span class="octicon octicon-link"></span></a>Migration</h3> |
||||
<li>Login DDoS Protection</li> |
||||
<li>Updated functions (check documentation for details)</li> |
||||
<li>Bugs fixes</li> |
||||
<li>TOTP (Time-based One-time Password)</li> |
||||
</ul> |
||||
|
||||
<hr><ul> |
||||
<li>if you have been using Version 1 before, take a look at Migration Page</li> |
||||
</ul><h3> |
||||
<a name="quick-start" class="anchor" href="#quick-start"><span class="octicon octicon-link"></span></a>Quick Start</h3> |
||||
<h3> |
||||
<a id="migration" class="anchor" href="#migration" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Migration</h3> |
||||
|
||||
<hr> |
||||
|
||||
<hr><p>Let's start :)<br> |
||||
Firstly we will load Aauth Library to system</p> |
||||
<ul> |
||||
<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> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">load</span><span class="o">-></span><span class="na">library</span><span class="p">(</span><span class="s2">"Aauth"</span><span class="p">);</span> |
||||
</pre></div> |
||||
<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>thats OK. </p> |
||||
<hr> |
||||
|
||||
<p>Now we will create 2 new users, Ali and John </p> |
||||
<p>Let's get started :) |
||||
First, we will load the Aauth Library into the system</p> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></span><span class="na">create_user</span><span class="p">(</span><span class="s1">'[email protected]'</span><span class="p">,</span><span class="s1">'alispass'</span><span class="p">,</span><span class="s1">'Ali Akay'</span><span class="p">);</span> |
||||
<span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></span><span class="na">create_user</span><span class="p">(</span><span class="s1">'[email protected]'</span><span class="p">,</span><span class="s1">'johnspass'</span><span class="p">,</span><span class="s1">'John Button'</span><span class="p">);</span> |
||||
</pre></div> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">load</span><span class="pl-k">-></span>library(<span class="pl-s"><span class="pl-pds">"</span>Aauth<span class="pl-pds">"</span></span>);</span></pre></div> |
||||
|
||||
<p>thats it. now we have two users.</p> |
||||
<p>That was easy!</p> |
||||
|
||||
<p>Lets Create two group governors and commons :)</p> |
||||
<p>Now let's create two new users, <code>Frodo</code> and <code>Legolas</code>.</p> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></span><span class="na">create_group</span><span class="p">(</span><span class="s1">'governors'</span><span class="p">);</span> |
||||
<span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></span><span class="na">create_group</span><span class="p">(</span><span class="s1">'commons'</span><span class="p">);</span> |
||||
</pre></div> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></span>create_user(<span class="pl-s"><span class="pl-pds">'</span>[email protected]<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">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></span>create_user(<span class="pl-s"><span class="pl-pds">'</span>[email protected]<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> |
||||
|
||||
<p>Then, Lets Create a User with power whic is Obama (having id=12)</p> |
||||
<p>We now we have two users.</p> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></span><span class="na">create_user</span><span class="p">(</span><span class="s1">'[email protected]'</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> |
||||
</pre></div> |
||||
<p>OK, now we can create two groups, <code>hobbits</code> and <code>elves</code>.</p> |
||||
|
||||
<p>ok now we have two groups and one user.</p> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></span>create_group(<span class="pl-s"><span class="pl-pds">'</span>elves<span class="pl-pds">'</span></span>);</span></pre></div> |
||||
|
||||
<p>Lets create a permissions 'incrase_tax' and 'change_government' </p> |
||||
<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> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></span><span class="na">create_perm</span><span class="p">(</span><span class="s1">'increase_tax'</span><span class="p">);</span> |
||||
<span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></span><span class="na">create_perm</span><span class="p">(</span><span class="s1">'change_government'</span><span class="p">);</span> |
||||
</pre></div> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></span>create_user(<span class="pl-s"><span class="pl-pds">'</span>[email protected]<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> |
||||
|
||||
<p>Ok, now lets give accesses. logically 'governors' will have 'increase_tax' permission and 'commons' will have 'change_government' access.<br> |
||||
ok lets give proper access with <em>alow_group()</em> function</p> |
||||
<p>OK, now we have two groups and three users.</p> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
<span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
|
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></span>create_perm(<span class="pl-s"><span class="pl-pds">'</span>walk_unseen<span class="pl-pds">'</span></span>);</span> |
||||
<span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></span>create_perm(<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div> |
||||
|
||||
<span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
</pre></div> |
||||
<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> |
||||
|
||||
<p>Ops wait a minute. commons cannot 'increase_tax'. we need to fix it, we will use deny() to take back permission.</p> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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> |
||||
<span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
</pre></div> |
||||
<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> |
||||
|
||||
<p>Obama also can increse tax ha?</p> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
</pre></div> |
||||
<p>Gandalf can also live forever.</p> |
||||
|
||||
<p>Ok now lets check if commons can 'increase_tax'</p> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="k">if</span><span class="p">(</span><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
<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>Ok now let's check if Hobbits have <code>immortality</code>.</p> |
||||
|
||||
<p>Can Obama increase_tax ? Let's check it.</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">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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="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="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>Hobbits are NOT immortal<span class="pl-pds">"</span></span>;</span> |
||||
<span class="pl-s1">}</span></pre></div> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="k">if</span><span class="p">(</span><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
<span class="c1">// i guess so</span> |
||||
<span class="p">}</span> <span class="k">else</span> <span class="p">{</span> |
||||
<span class="c1">// piece of code</span> |
||||
<span class="p">}</span> |
||||
</pre></div> |
||||
<p>Results:</p> |
||||
|
||||
<p>i think 'increse_tax' must have never been created. just delete it</p> |
||||
<pre><code>Hobbits are NOT immortal |
||||
</code></pre> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></span><span class="na">delete_perm</span><span class="p">(</span><span class="s1">'increase_tax'</span><span class="p">);</span> |
||||
</pre></div> |
||||
<p>Does Gandalf have the ability to live forever?</p> |
||||
|
||||
<p>now better. </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">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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> |
||||
|
||||
<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> |
||||
<p>Results:</p> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
</pre></div> |
||||
<pre><code>Gandalf is immortal |
||||
</code></pre> |
||||
|
||||
<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> |
||||
<p>Since we don't accually live in Middle Earth, we are not aware of actual immortality. Alas, we must delete the permission.</p> |
||||
|
||||
<p>What about User Variables? |
||||
for every individual user, variables can be defined as key-value.</p> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></span>delete_perm(<span class="pl-s"><span class="pl-pds">'</span>immortality<span class="pl-pds">'</span></span>);</span></pre></div> |
||||
|
||||
<p>this is a simple example to set a variable.</p> |
||||
<p>It is gone.</p> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
</pre></div> |
||||
<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> |
||||
|
||||
<p>For example if you want to keep users phones</p> |
||||
<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>. |
||||
We will assume we already have a permission set up named <code>travel</code>.</p> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
</pre></div> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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> |
||||
|
||||
<p>to get the variable</p> |
||||
<h4> |
||||
<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> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></span><span class="na">set_user_var</span><span class="p">(</span><span class="s2">"key"</span><span class="p">);</span> |
||||
</pre></div> |
||||
<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> |
||||
|
||||
<p>Aauth also permits you to define System Variables which can be accesed by every user in the system.</p> |
||||
<h4> |
||||
<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> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
<span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></span><span class="na">set_system_var</span><span class="p">(</span><span class="s2">"key"</span><span class="p">);</span> |
||||
</pre></div> |
||||
<p>For each user, variables can be defined as individual key/value pairs.</p> |
||||
|
||||
<p>ok lets look at private messages. John (his id=3) will send pm to Ali(id=4)</p> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></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> |
||||
</pre></div> |
||||
<p>For example, if you want to store a user's phone number.</p> |
||||
|
||||
<p>sorry John you will be banned :(</p> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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> |
||||
|
||||
<div class="highlight highlight-php"><pre><span class="nv">$this</span><span class="o">-></span><span class="na">aauth</span><span class="o">-></span><span class="na">ban_user</span><span class="p">(</span><span class="mi">3</span><span class="p">);</span> |
||||
</pre></div> |
||||
<p>To retreive value you will use <code>get_user_var()</code>:</p> |
||||
|
||||
<p>Quick Start is done but thats not the end<br> |
||||
Take a look <a href="https://github.com/emreakay/CodeIgniter-Aauth/wiki/_pages">detailed Documentation from wiki</a> </p> |
||||
<div class="highlight highlight-text-html-php"><pre><span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></span>get_user_var(<span class="pl-s"><span class="pl-pds">"</span>key<span class="pl-pds">"</span></span>);</span></pre></div> |
||||
|
||||
<p>Dont forget to watch Aauth.<br> |
||||
You can also contribute and help me :)</p> |
||||
</section> |
||||
<footer> |
||||
<p>Project maintained by <a href="https://github.com/emreakay">emreakay</a></p> |
||||
<p><small>Hosted on GitHub Pages — Theme by <a href="https://twitter.com/michigangraham">mattgraham</a></small></p> |
||||
<p>Aauth also permits you to define System Variables. These can be which can be accesed by all users in 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">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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> |
||||
<span class="pl-s1"><span class="pl-smi">$this</span><span class="pl-k">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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">-></span><span class="pl-smi">aauth</span><span class="pl-k">-></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> |
||||
</div> |
||||
<!--[if !IE]><script>fixScale(document);</script><![endif]--> |
||||
|
||||
|
||||
</section> |
||||
|
||||
|
||||
</body> |
||||
</html> |
||||
</html> |
||||
|
||||
File diff suppressed because one or more lines are too long
@ -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; |
||||
} |
||||
|
||||
@ -1,479 +1,245 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/ |
||||
v2.0 | 20110126 |
||||
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; |
||||
} |
||||
* { |
||||
box-sizing: border-box; } |
||||
|
||||
/* LAYOUT STYLES */ |
||||
body { |
||||
font-size: 15px; |
||||
line-height: 1.5; |
||||
background: #fafafa url(../images/body-bg.jpg) 0 0 repeat; |
||||
font-family: 'Helvetica Neue', Helvetica, Arial, serif; |
||||
font-weight: 400; |
||||
color: #666; |
||||
} |
||||
padding: 0; |
||||
margin: 0; |
||||
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
font-size: 16px; |
||||
line-height: 1.5; |
||||
color: #606c71; } |
||||
|
||||
a { |
||||
color: #2879d0; |
||||
} |
||||
a:hover { |
||||
color: #2268b2; |
||||
} |
||||
|
||||
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; |
||||
} |
||||
color: #1e6bb8; |
||||
text-decoration: none; } |
||||
a:hover { |
||||
text-decoration: underline; } |
||||
|
||||
.btn { |
||||
display: inline-block; |
||||
margin-bottom: 1rem; |
||||
color: rgba(255, 255, 255, 0.7); |
||||
background-color: rgba(255, 255, 255, 0.08); |
||||
border-color: rgba(255, 255, 255, 0.2); |
||||
border-style: solid; |
||||
border-width: 1px; |
||||
border-radius: 0.3rem; |
||||
transition: color 0.2s, background-color 0.2s, border-color 0.2s; } |
||||
.btn + .btn { |
||||
margin-left: 1rem; } |
||||
|
||||
.btn:hover { |
||||
color: rgba(255, 255, 255, 0.8); |
||||
text-decoration: none; |
||||
background-color: rgba(255, 255, 255, 0.2); |
||||
border-color: rgba(255, 255, 255, 0.3); } |
||||
|
||||
header h2 { |
||||
font-size: 26px; |
||||
color: #9ddcff; |
||||
font-weight: normal; |
||||
line-height: 1.3; |
||||
width: 540px; |
||||
letter-spacing: 0; |
||||
} |
||||
@media screen and (min-width: 64em) { |
||||
.btn { |
||||
padding: 0.75rem 1rem; } } |
||||
|
||||
.inner { |
||||
position: relative; |
||||
width: 940px; |
||||
margin: 0 auto; |
||||
} |
||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
||||
.btn { |
||||
padding: 0.6rem 0.9rem; |
||||
font-size: 0.9rem; } } |
||||
|
||||
#content-wrapper { |
||||
border-top: solid 1px #fff; |
||||
padding-top: 30px; |
||||
} |
||||
@media screen and (max-width: 42em) { |
||||
.btn { |
||||
display: block; |
||||
width: 100%; |
||||
padding: 0.75rem; |
||||
font-size: 0.9rem; } |
||||
.btn + .btn { |
||||
margin-top: 1rem; |
||||
margin-left: 0; } } |
||||
|
||||
#main-content { |
||||
width: 690px; |
||||
float: left; |
||||
} |
||||
.page-header { |
||||
color: #fff; |
||||
text-align: center; |
||||
background-color: #159957; |
||||
background-image: linear-gradient(120deg, #155799, #159957); } |
||||
|
||||
#main-content img { |
||||
max-width: 100%; |
||||
} |
||||
@media screen and (min-width: 64em) { |
||||
.page-header { |
||||
padding: 5rem 6rem; } } |
||||
|
||||
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; |
||||
} |
||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
||||
.page-header { |
||||
padding: 3rem 4rem; } } |
||||
|
||||
aside#sidebar p.repo-owner, |
||||
aside#sidebar p.repo-owner a { |
||||
font-weight: bold; |
||||
} |
||||
@media screen and (max-width: 42em) { |
||||
.page-header { |
||||
padding: 2rem 1rem; } } |
||||
|
||||
#downloads { |
||||
margin-bottom: 40px; |
||||
} |
||||
.project-name { |
||||
margin-top: 0; |
||||
margin-bottom: 0.1rem; } |
||||
|
||||
a.button { |
||||
width: 134px; |
||||
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; |
||||
background: transparent url(../images/download-button.png) 0 0 no-repeat; |
||||
margin-bottom: 20px; |
||||
font-size: 21px; |
||||
} |
||||
@media screen and (min-width: 64em) { |
||||
.project-name { |
||||
font-size: 3.25rem; } } |
||||
|
||||
code, pre { |
||||
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; |
||||
color: #222; |
||||
margin-bottom: 30px; |
||||
font-size: 13px; |
||||
} |
||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
||||
.project-name { |
||||
font-size: 2.25rem; } } |
||||
|
||||
code { |
||||
background-color: #f2f8fc; |
||||
border: solid 1px #dbe7f3; |
||||
padding: 0 3px; |
||||
} |
||||
@media screen and (max-width: 42em) { |
||||
.project-name { |
||||
font-size: 1.75rem; } } |
||||
|
||||
pre { |
||||
padding: 20px; |
||||
background: #fff; |
||||
text-shadow: none; |
||||
.project-tagline { |
||||
margin-bottom: 2rem; |
||||
font-weight: normal; |
||||
opacity: 0.7; } |
||||
|
||||
@media screen and (min-width: 64em) { |
||||
.project-tagline { |
||||
font-size: 1.25rem; } } |
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
||||
.project-tagline { |
||||
font-size: 1.15rem; } } |
||||
|
||||
@media screen and (max-width: 42em) { |
||||
.project-tagline { |
||||
font-size: 1rem; } } |
||||
|
||||
.main-content :first-child { |
||||
margin-top: 0; } |
||||
.main-content img { |
||||
max-width: 100%; } |
||||
.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { |
||||
margin-top: 2rem; |
||||
margin-bottom: 1rem; |
||||
font-weight: normal; |
||||
color: #159957; } |
||||
.main-content p { |
||||
margin-bottom: 1em; } |
||||
.main-content code { |
||||
padding: 2px 4px; |
||||
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; |
||||
font-size: 0.9rem; |
||||
color: #383e41; |
||||
background-color: #f3f6fa; |
||||
border-radius: 0.3rem; } |
||||
.main-content pre { |
||||
padding: 0.8rem; |
||||
margin-top: 0; |
||||
margin-bottom: 1rem; |
||||
font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace; |
||||
color: #567482; |
||||
word-wrap: normal; |
||||
background-color: #f3f6fa; |
||||
border: solid 1px #dce6f0; |
||||
border-radius: 0.3rem; } |
||||
.main-content pre > code { |
||||
padding: 0; |
||||
margin: 0; |
||||
font-size: 0.9rem; |
||||
color: #567482; |
||||
word-break: normal; |
||||
white-space: pre; |
||||
background: transparent; |
||||
border: 0; } |
||||
.main-content .highlight { |
||||
margin-bottom: 1rem; } |
||||
.main-content .highlight pre { |
||||
margin-bottom: 0; |
||||
word-break: normal; } |
||||
.main-content .highlight pre, .main-content pre { |
||||
padding: 0.8rem; |
||||
overflow: auto; |
||||
border: solid 1px #f2f2f2; |
||||
} |
||||
pre code { |
||||
color: #2879d0; |
||||
background-color: #fff; |
||||
border: none; |
||||
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; |
||||
} |
||||
|
||||
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 { |
||||
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%; |
||||
border: 1px solid #ebebeb; |
||||
} |
||||
|
||||
th { |
||||
font-weight: 500; |
||||
} |
||||
|
||||
td { |
||||
border: 1px solid #ebebeb; |
||||
text-align: center; |
||||
font-weight: 300; |
||||
} |
||||
|
||||
form { |
||||
background: #f2f2f2; |
||||
padding: 20px; |
||||
|
||||
} |
||||
|
||||
|
||||
/* GENERAL ELEMENT TYPE STYLES */ |
||||
|
||||
#main-content h1 { |
||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
||||
font-size: 2.8em; |
||||
letter-spacing: -1px; |
||||
color: #474747; |
||||
} |
||||
|
||||
#main-content h1:before { |
||||
content: "/"; |
||||
color: #9ddcff; |
||||
padding-right: 0.3em; |
||||
margin-left: -0.9em; |
||||
} |
||||
|
||||
#main-content h2 { |
||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
||||
font-size: 22px; |
||||
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 { |
||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
||||
font-size: 18px; |
||||
font-weight: bold; |
||||
margin-top: 24px; |
||||
margin-bottom: 8px; |
||||
color: #474747; |
||||
} |
||||
|
||||
#main-content h3:before { |
||||
content: "///"; |
||||
color: #9ddcff; |
||||
padding-right: 0.3em; |
||||
margin-left: -2em; |
||||
} |
||||
|
||||
#main-content h4 { |
||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
||||
font-size: 15px; |
||||
font-weight: bold; |
||||
color: #474747; |
||||
} |
||||
|
||||
h4:before { |
||||
content: "////"; |
||||
color: #9ddcff; |
||||
padding-right: 0.3em; |
||||
margin-left: -2.8em; |
||||
} |
||||
|
||||
#main-content h5 { |
||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
||||
font-size: 14px; |
||||
color: #474747; |
||||
} |
||||
h5:before { |
||||
content: "/////"; |
||||
color: #9ddcff; |
||||
padding-right: 0.3em; |
||||
margin-left: -3.2em; |
||||
} |
||||
|
||||
#main-content h6 { |
||||
font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; |
||||
font-size: .8em; |
||||
color: #474747; |
||||
} |
||||
h6:before { |
||||
content: "//////"; |
||||
color: #9ddcff; |
||||
padding-right: 0.3em; |
||||
margin-left: -3.7em; |
||||
} |
||||
|
||||
p { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
a { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
p a { |
||||
font-weight: 400; |
||||
} |
||||
|
||||
blockquote { |
||||
font-size: 1.6em; |
||||
border-left: 10px solid #e9e9e9; |
||||
margin-bottom: 20px; |
||||
padding: 0 0 0 30px; |
||||
} |
||||
|
||||
ul { |
||||
list-style: disc inside; |
||||
padding-left: 20px; |
||||
} |
||||
|
||||
ol { |
||||
list-style: decimal inside; |
||||
padding-left: 3px; |
||||
} |
||||
|
||||
dl dd { |
||||
font-style: italic; |
||||
font-weight: 100; |
||||
} |
||||
|
||||
footer { |
||||
background: transparent url('../images/hr.png') 0 0 no-repeat; |
||||
margin-top: 40px; |
||||
padding-top: 20px; |
||||
padding-bottom: 30px; |
||||
font-size: 13px; |
||||
color: #aaa; |
||||
} |
||||
|
||||
footer a { |
||||
color: #666; |
||||
} |
||||
footer a:hover { |
||||
color: #444; |
||||
} |
||||
|
||||
/* MISC */ |
||||
.clearfix:after { |
||||
clear: both; |
||||
content: '.'; |
||||
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; } } |
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
||||
.main-content { |
||||
padding: 2rem 4rem; |
||||
font-size: 1.1rem; } } |
||||
|
||||
@media screen and (max-width: 42em) { |
||||
.main-content { |
||||
padding: 2rem 1rem; |
||||
font-size: 1rem; } } |
||||
|
||||
.site-footer { |
||||
padding-top: 2rem; |
||||
margin-top: 2rem; |
||||
border-top: solid 1px #eff0f1; } |
||||
|
||||
.site-footer-owner { |
||||
display: block; |
||||
visibility: hidden; |
||||
height: 0; |
||||
} |
||||
|
||||
.clearfix {display: inline-block;} |
||||
* html .clearfix {height: 1%;} |
||||
.clearfix {display: block;} |
||||
font-weight: bold; } |
||||
|
||||
/* #Media Queries |
||||
================================================== */ |
||||
.site-footer-credits { |
||||
color: #819198; } |
||||
|
||||
/* Smaller than standard 960 (devices and browsers) */ |
||||
@media only screen and (max-width: 959px) {} |
||||
|
||||
/* 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; |
||||
} |
||||
} |
||||
@media screen and (min-width: 64em) { |
||||
.site-footer { |
||||
font-size: 1rem; } } |
||||
|
||||
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ |
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {} |
||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
||||
.site-footer { |
||||
font-size: 1rem; } } |
||||
|
||||
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ |
||||
@media only screen and (max-width: 479px) {} |
||||
@media screen and (max-width: 42em) { |
||||
.site-footer { |
||||
font-size: 0.9rem; } } |
||||
|
||||
Loading…
Reference in new issue