Emre Akay
11 years ago
commit
bf19524ad0
12 changed files with 991 additions and 0 deletions
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
@ -0,0 +1,215 @@
|
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta charset='utf-8'> |
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
||||
<link href='https://fonts.googleapis.com/css?family=Architects+Daughter' 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/pygment_trac.css" media="screen" /> |
||||
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" /> |
||||
|
||||
<!--[if lt IE 9]> |
||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> |
||||
<![endif]--> |
||||
|
||||
<title>Codeigniter-aauth by emreakay</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<header> |
||||
<div class="inner"> |
||||
<h1>Codeigniter-aauth</h1> |
||||
<h2>Authorization, authentication and User Management library for Codeigniter 2.x to make easy user management and permission operations</h2> |
||||
<a href="https://github.com/emreakay/CodeIgniter-Aauth" class="button"><small>View project on</small>GitHub</a> |
||||
</div> |
||||
</header> |
||||
|
||||
<div id="content-wrapper"> |
||||
<div class="inner clearfix"> |
||||
<section id="main-content"> |
||||
<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> |
||||
<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> |
||||
<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> |
||||
|
||||
<hr><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> |
||||
|
||||
<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> |
||||
|
||||
<hr><p>Let's start :)<br> |
||||
Firstly we will load Aauth Library to system</p> |
||||
|
||||
<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> |
||||
|
||||
<p>thats OK. </p> |
||||
|
||||
<p>Now we will create 2 new users, Ali and John </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">'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> |
||||
<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">'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> |
||||
</pre></div> |
||||
|
||||
<p>thats it. now we have two users.</p> |
||||
|
||||
<p>Lets Create two group governors and commons :)</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> |
||||
|
||||
<p>Then, Lets Create a User with power whic is Obama (having id=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_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> |
||||
</pre></div> |
||||
|
||||
<p>ok now we have two groups and one user.</p> |
||||
|
||||
<p>Lets create a permissions 'incrase_tax' and 'change_government' </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> |
||||
|
||||
<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> |
||||
|
||||
<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> |
||||
|
||||
|
||||
<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>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-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>Obama also can increse tax ha?</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_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>Ok now lets check if commons can 'increase_tax'</p> |
||||
|
||||
<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>Can Obama increase_tax ? Let's check it.</p> |
||||
|
||||
<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>i think 'increse_tax' must have never been created. just delete it</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">delete_perm</span><span class="p">(</span><span class="s1">'increase_tax'</span><span class="p">);</span> |
||||
</pre></div> |
||||
|
||||
<p>now better. </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-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> |
||||
|
||||
<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>What about User Variables? |
||||
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-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> |
||||
|
||||
<p>For example if you want to keep users phones</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> |
||||
|
||||
<p>to get the variable</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> |
||||
</pre></div> |
||||
|
||||
<p>Aauth also permits you to define System Variables which can be accesed by every user in 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">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>ok lets look at private messages. John (his id=3) will send pm to Ali(id=4)</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">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>sorry John you will be banned :(</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">ban_user</span><span class="p">(</span><span class="mi">3</span><span class="p">);</span> |
||||
</pre></div> |
||||
|
||||
<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> |
||||
|
||||
<p>Dont forget to watch Aauth.<br> |
||||
You can also contribute and help me :)</p> |
||||
</section> |
||||
|
||||
<aside id="sidebar"> |
||||
<a href="https://github.com/emreakay/CodeIgniter-Aauth/zipball/master" class="button"> |
||||
<small>Download</small> |
||||
.zip file |
||||
</a> |
||||
<a href="https://github.com/emreakay/CodeIgniter-Aauth/tarball/master" class="button"> |
||||
<small>Download</small> |
||||
.tar.gz file |
||||
</a> |
||||
|
||||
<p class="repo-owner"><a href="https://github.com/emreakay/CodeIgniter-Aauth"></a> is maintained by <a href="https://github.com/emreakay">emreakay</a>.</p> |
||||
|
||||
<p>This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the Architect theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.</p> |
||||
</aside> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
</html> |
||||
@ -0,0 +1 @@
|
||||
console.log('This would be the main JS file.'); |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,226 @@
|
||||
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; |
||||
} |
||||
body { |
||||
font-size: 13px; |
||||
line-height: 1.5; |
||||
font-family: 'Helvetica Neue', Helvetica, Arial, serif; |
||||
color: #000; |
||||
} |
||||
|
||||
a { |
||||
color: #d5000d; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
header { |
||||
padding-top: 35px; |
||||
padding-bottom: 10px; |
||||
} |
||||
|
||||
header h1 { |
||||
font-weight: bold; |
||||
letter-spacing: -1px; |
||||
font-size: 48px; |
||||
color: #303030; |
||||
line-height: 1.2; |
||||
} |
||||
|
||||
header h2 { |
||||
letter-spacing: -1px; |
||||
font-size: 24px; |
||||
color: #aaa; |
||||
font-weight: normal; |
||||
line-height: 1.3; |
||||
} |
||||
#downloads { |
||||
display: none; |
||||
} |
||||
#main_content { |
||||
padding-top: 20px; |
||||
} |
||||
|
||||
code, pre { |
||||
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; |
||||
color: #222; |
||||
margin-bottom: 30px; |
||||
font-size: 12px; |
||||
} |
||||
|
||||
code { |
||||
padding: 0 3px; |
||||
} |
||||
|
||||
pre { |
||||
border: solid 1px #ddd; |
||||
padding: 20px; |
||||
overflow: auto; |
||||
} |
||||
pre code { |
||||
padding: 0; |
||||
} |
||||
|
||||
ul, ol, dl { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
|
||||
/* COMMON STYLES */ |
||||
|
||||
table { |
||||
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 */ |
||||
|
||||
h1 { |
||||
font-size: 2.8em; |
||||
} |
||||
|
||||
h2 { |
||||
font-size: 22px; |
||||
font-weight: bold; |
||||
color: #303030; |
||||
margin-bottom: 8px; |
||||
} |
||||
|
||||
h3 { |
||||
color: #d5000d; |
||||
font-size: 18px; |
||||
font-weight: bold; |
||||
margin-bottom: 8px; |
||||
} |
||||
|
||||
h4 { |
||||
font-size: 16px; |
||||
color: #303030; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
h5 { |
||||
font-size: 1em; |
||||
color: #303030; |
||||
} |
||||
|
||||
h6 { |
||||
font-size: .8em; |
||||
color: #303030; |
||||
} |
||||
|
||||
p { |
||||
font-weight: 300; |
||||
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 li { |
||||
list-style: disc inside; |
||||
padding-left: 20px; |
||||
} |
||||
|
||||
ol li { |
||||
list-style: decimal inside; |
||||
padding-left: 3px; |
||||
} |
||||
|
||||
dl dd { |
||||
font-style: italic; |
||||
font-weight: 100; |
||||
} |
||||
|
||||
footer { |
||||
margin-top: 40px; |
||||
padding-top: 20px; |
||||
padding-bottom: 30px; |
||||
font-size: 13px; |
||||
color: #aaa; |
||||
} |
||||
|
||||
footer a { |
||||
color: #666; |
||||
} |
||||
|
||||
/* MISC */ |
||||
.clearfix:after { |
||||
clear: both; |
||||
content: '.'; |
||||
display: block; |
||||
visibility: hidden; |
||||
height: 0; |
||||
} |
||||
|
||||
.clearfix {display: inline-block;} |
||||
* html .clearfix {height: 1%;} |
||||
.clearfix {display: block;} |
||||
@ -0,0 +1,69 @@
|
||||
.highlight { background: #ffffff; } |
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */ |
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ |
||||
.highlight .k { font-weight: bold } /* Keyword */ |
||||
.highlight .o { font-weight: bold } /* Operator */ |
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ |
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ |
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ |
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ |
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ |
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ |
||||
.highlight .ge { font-style: italic } /* Generic.Emph */ |
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */ |
||||
.highlight .gh { color: #999999 } /* Generic.Heading */ |
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ |
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ |
||||
.highlight .go { color: #888888 } /* Generic.Output */ |
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */ |
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */ |
||||
.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */ |
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */ |
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */ |
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */ |
||||
.highlight .kn { font-weight: bold } /* Keyword.Namespace */ |
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ |
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */ |
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ |
||||
.highlight .m { color: #009999 } /* Literal.Number */ |
||||
.highlight .s { color: #d14 } /* Literal.String */ |
||||
.highlight .na { color: #008080 } /* Name.Attribute */ |
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */ |
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ |
||||
.highlight .no { color: #008080 } /* Name.Constant */ |
||||
.highlight .ni { color: #800080 } /* Name.Entity */ |
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ |
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ |
||||
.highlight .nn { color: #555555 } /* Name.Namespace */ |
||||
.highlight .nt { color: #000080 } /* Name.Tag */ |
||||
.highlight .nv { color: #008080 } /* Name.Variable */ |
||||
.highlight .ow { font-weight: bold } /* Operator.Word */ |
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */ |
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */ |
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */ |
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */ |
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */ |
||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */ |
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */ |
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */ |
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */ |
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */ |
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ |
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */ |
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */ |
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */ |
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */ |
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */ |
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ |
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */ |
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */ |
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */ |
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ |
||||
|
||||
.type-csharp .highlight .k { color: #0000FF } |
||||
.type-csharp .highlight .kt { color: #0000FF } |
||||
.type-csharp .highlight .nf { color: #000000; font-weight: normal } |
||||
.type-csharp .highlight .nc { color: #2B91AF } |
||||
.type-csharp .highlight .nn { color: #000000 } |
||||
.type-csharp .highlight .s { color: #A31515 } |
||||
.type-csharp .highlight .sc { color: #A31515 } |
||||
@ -0,0 +1,479 @@
|
||||
/* 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; |
||||
} |
||||
|
||||
/* 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; |
||||
} |
||||
|
||||
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; |
||||
} |
||||
|
||||
header h2 { |
||||
font-size: 26px; |
||||
color: #9ddcff; |
||||
font-weight: normal; |
||||
line-height: 1.3; |
||||
width: 540px; |
||||
letter-spacing: 0; |
||||
} |
||||
|
||||
.inner { |
||||
position: relative; |
||||
width: 940px; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
#content-wrapper { |
||||
border-top: solid 1px #fff; |
||||
padding-top: 30px; |
||||
} |
||||
|
||||
#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, |
||||
aside#sidebar p.repo-owner a { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
#downloads { |
||||
margin-bottom: 40px; |
||||
} |
||||
|
||||
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; |
||||
} |
||||
|
||||
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%; |
||||
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: '.'; |
||||
display: block; |
||||
visibility: hidden; |
||||
height: 0; |
||||
} |
||||
|
||||
.clearfix {display: inline-block;} |
||||
* html .clearfix {height: 1%;} |
||||
.clearfix {display: block;} |
||||
|
||||
/* #Media Queries |
||||
================================================== */ |
||||
|
||||
/* 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; |
||||
} |
||||
} |
||||
|
||||
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ |
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {} |
||||
|
||||
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ |
||||
@media only screen and (max-width: 479px) {} |
||||
Loading…
Reference in new issue