dev-fsociety/CrisisFlag
1
0
Fork 0
Code Releases Activity

Users > view + Topbar separator

Browse Source
This commit is contained in:
KansassCityShuffle 2015-12-04 02:15:05 +01:00
commit 8eae54cbef
24 changed files with 201 additions and 123 deletions

4
src/Controller/AppController.php

@ -55,8 +55,8 @@ class AppController extends Controller
],
'authorize' => ['Controller'],
'loginRedirect' => [
'controller' => 'Articles',
'action' => 'index'
'controller' => 'Homes',
'action' => '/'
],
'logoutRedirect' => [
'controller' => 'Articles',

2
src/Controller/UsersController.php

@ -15,7 +15,7 @@ class UsersController extends AppController
public function beforeFilter(Event $event)
{
parent::beforeFilter($event);
$this->Auth->allow('logout');
$this->Auth->allow();
}
public function login()

5
src/Template/Articles/add.ctp

@ -1,9 +1,7 @@
<nav class="large-3 medium-4 columns" id="actions-sidebar">
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Html->link(__('Liste des articles'), ['action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Liste des utilisateurs'), ['controller' => 'Users', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvel utilisateur'), ['controller' => 'Users', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Liste des Articles'), ['action' => 'index']) ?></li>
</ul>
</nav>
<div class="articles form large-9 medium-8 columns content">
@ -13,7 +11,6 @@
<?php
echo $this->Form->input('title', ['label' => 'Titre']);
echo $this->Form->input('body', ['label' => 'Corps du texte']);
// echo $this->Form->input('user_id', ['options' => $users, 'label' => 'ID utilisateur']);
echo $this->Form->input('category', ['label' => 'Catégorie']);
?>
</fieldset>

10
src/Template/Articles/edit.ctp

@ -2,20 +2,18 @@
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Form->postLink(
__('Supprimer l\'article'),
__('Supprimer l\'Article'),
['action' => 'delete', $article->id],
['confirm' => __('Êtes-vous sûr de vouloir supprimer l\'article #{0} ?', $article->id)]
['confirm' => __('Êtes-vous sûr de vouloir supprimer l\'Article #{0} ?', $article->id)]
)
?></li>
<li><?= $this->Html->link(__('Liste des articles'), ['action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Liste des utilisateurs'), ['controller' => 'Users', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvel utilisateur'), ['controller' => 'Users', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Liste des Articles'), ['action' => 'index']) ?></li>
</ul>
</nav>
<div class="articles form large-9 medium-8 columns content">
<?= $this->Form->create($article) ?>
<fieldset>
<legend><?= __('Editer l\'article') ?></legend>
<legend><?= __('Éditer l\'Article') ?></legend>
<?php
echo $this->Form->input('title', ['label' => 'Titre']);
echo $this->Form->input('body', ['label' => 'Corps du texte']);

2
src/Template/Articles/index.ctp

@ -1,7 +1,7 @@
<nav class="large-3 medium-4 columns" id="actions-sidebar">
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Html->link(__('New Article'), ['action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Nouvel Article'), ['action' => 'add']) ?></li>
</ul>
</nav>
<div class="articles index large-9 medium-8 columns content">

2
src/Template/Articles/view.ctp

@ -4,7 +4,7 @@
<li><?= $this->Html->link(__('List Articles'), ['action' => 'index']) ?> </li>
<li><?= $this->Html->link(__('New Article'), ['action' => 'add']) ?> </li>
<li><?= $this->Html->link(__('Edit Article'), ['action' => 'edit', $article->id]) ?> </li>
<li><?= $this->Form->postLink(__('Delete Article'), ['action' => 'delete', $article->id], ['confirm' => __('Are you sure you want to delete # {0}?', $article->id)]) ?> </li>
<li><?= $this->Form->postLink(__('Supprimer l\'Article'), ['action' => 'delete', $article->id], ['confirm' => __('Êtes-vous sûr de vouloir supprimer l\'Article # {0}?', $article->id)]) ?> </li>
</ul>
</nav>
<div class="articles view large-9 medium-8 columns content">

4
src/Template/Crisis/add.ctp

@ -1,9 +1,7 @@
<nav class="large-3 medium-4 columns" id="actions-sidebar">
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Html->link(__('Liste des crises'), ['action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Liste des utilisateurs'), ['controller' => 'Users', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvel utilisateur'), ['controller' => 'Users', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Liste des Crises'), ['action' => 'index']) ?></li>
</ul>
</nav>
<div class="crisis form large-9 medium-8 columns content">

10
src/Template/Crisis/edit.ctp

@ -2,20 +2,18 @@
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Form->postLink(
__('Supprimer la crise'),
__('Supprimer la Crise'),
['action' => 'delete', $crisi->id],
['confirm' => __('Êtes-vous sûr de vouloir supprimer la crise #{0} ?', $crisi->id)]
['confirm' => __('Êtes-vous sûr de vouloir supprimer la Crise #{0} ?', $crisi->id)]
)
?></li>
<li><?= $this->Html->link(__('Liste des crises'), ['action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Liste des utilisateurs'), ['controller' => 'Users', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvel utilisateur'), ['controller' => 'Users', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Liste des Crises'), ['action' => 'index']) ?></li>
</ul>
</nav>
<div class="crisis form large-9 medium-8 columns content">
<?= $this->Form->create($crisi) ?>
<fieldset>
<legend><?= __('Editer la crise') ?></legend>
<legend><?= __('Éditer la crise') ?></legend>
<?php
echo $this->Form->input('abstract', ['label' => 'Résumé']);
echo $this->Form->input('severity', ['label' => 'Gravité']);

2
src/Template/Crisis/index.ctp

@ -1,7 +1,7 @@
<nav class="large-3 medium-4 columns" id="actions-sidebar">
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Html->link(__('New Crisis'), ['action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Nouvelle Crise'), ['action' => 'add']) ?></li>
</ul>
</nav>
<div class="crisis index large-9 medium-8 columns content">

4
src/Template/Infos/add.ctp

@ -1,9 +1,7 @@
<nav class="large-3 medium-4 columns" id="actions-sidebar">
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Html->link(__('Liste des crises'), ['action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Liste des utilisateurs'), ['controller' => 'Users', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvel utilisateur'), ['controller' => 'Users', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Liste des Informations'), ['action' => 'index']) ?></li>
</ul>
</nav>
<div class="infos form large-9 medium-8 columns content">

6
src/Template/Infos/edit.ctp

@ -1,15 +1,13 @@
<nav class="large-3 medium-4 columns" id="actions-sidebar">
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Html->link(__('Liste des Informations'), ['action' => 'index']) ?></li>
<li><?= $this->Form->postLink(
__('Supprimer'),
['action' => 'delete', $info->id],
['confirm' => __('Êtes-vous sûr de vouloir supprimer l\'info #{0} ?', $info->id)]
['confirm' => __('Êtes-vous sûr de vouloir supprimer l\'Information #{0} ?', $info->id)]
)
?></li>
<li><?= $this->Html->link(__('Liste des informations'), ['action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Liste des utilisateurs'), ['controller' => 'Users', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvel utilisateur'), ['controller' => 'Users', 'action' => 'add']) ?></li>
</ul>
</nav>
<div class="infos form large-9 medium-8 columns content">

2
src/Template/Infos/index.ctp

@ -1,7 +1,7 @@
<nav class="large-3 medium-4 columns" id="actions-sidebar">
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Html->link(__('New Info'), ['action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Nouvelle Information'), ['action' => 'add']) ?></li>
</ul>
</nav>
<div class="infos index large-9 medium-8 columns content">

8
src/Template/Infos/view.ctp

@ -1,10 +1,10 @@
<nav class="large-3 medium-4 columns" id="actions-sidebar">
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Html->link(__('List Infos'), ['action' => 'index']) ?> </li>
<li><?= $this->Html->link(__('New Info'), ['action' => 'add']) ?> </li>
<li><?= $this->Html->link(__('Edit Info'), ['action' => 'edit', $info->id]) ?> </li>
<li><?= $this->Form->postLink(__('Delete Info'), ['action' => 'delete', $info->id], ['confirm' => __('Are you sure you want to delete # {0}?', $info->id)]) ?> </li>
<li><?= $this->Html->link(__('Liste des Informations'), ['action' => 'index']) ?> </li>
<li><?= $this->Html->link(__('Nouvelle Information'), ['action' => 'add']) ?> </li>
<li><?= $this->Html->link(__('Éditer l\'Information'), ['action' => 'edit', $info->id]) ?> </li>
<li><?= $this->Form->postLink(__('Supprimer l\'Information'), ['action' => 'delete', $info->id], ['confirm' => __('Are you sure you want to delete # {0}?', $info->id)]) ?> </li>
</ul>
</nav>
<div class="infos view large-9 medium-8 columns content">

9
src/Template/Layout/default.ctp

@ -40,7 +40,8 @@
<?= $this->Html->css('foundation-icons.css') ?>
<?= $this->Html->css('crisis_template.css') ?>
<!-- Topbar style -->
<?= $this->Html->css('topbar.css') ?>
<!-- Footer style -->
<?= $this->Html->css('footer.css') ?>
@ -70,10 +71,11 @@
<nav class="left-off-canvas-menu">
<ul class="off-canvas-list">
<li><label>Menu</label></li>
<li><?= $this->Html->link(__('Home'), ['controller'=>'Home', 'action' => 'index']) ?></li>
<li class="topbar-separator"><?= $this->Html->link(__('Home'), ['controller'=>'Homes', 'action' => '/']) ?></li>
<li><?= $this->Html->link(__('Articles'), ['controller'=>'Articles', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Crisis'), ['controller'=>'Crisis', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Infos'), ['controller'=>'Infos', 'action' => 'index']) ?></li>
<li class="topbar-separator"><?= $this->Html->link(__('Infos'), ['controller'=>'Infos', 'action' => 'index']) ?></li>
<li class="topbar-separator"><?= $this->Html->link(__('User'), ['controller'=>'Users', 'action' => 'index']) ?></li>
<?php if($this->request->session()->read("Auth.User")): ?>
<li><?= $this->Html->link(__('Log out'), ['controller'=>'Users', 'action' => 'logout']) ?></li>
<?php else: ?>
@ -118,7 +120,6 @@
<?= $this->Html->script("foundation/foundation.alert.js") ?>
<?= $this->Html->script("foundation/foundation.topbar.js") ?>
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<!-- <script>tinymce.init({ selector:'body' });</script> -->
<script>tinymce.init({ selector:'textarea' });</script>
<!-- Own script -->
<!-- Topbar -->

8
src/Template/Users/add.ctp

@ -1,13 +1,7 @@
<nav class="large-3 medium-4 columns" id="actions-sidebar">
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Html->link(__('Liste des utilisateurs'), ['action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Liste des articles'), ['controller' => 'Articles', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvel article'), ['controller' => 'Articles', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Liste des crises'), ['controller' => 'Crisis', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvelle crise'), ['controller' => 'Crisis', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Liste des Infos'), ['controller' => 'Infos', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvelle Info'), ['controller' => 'Infos', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Liste des Utilisateurs'), ['action' => 'index']) ?></li>
</ul>
</nav>
<div class="users form large-9 medium-8 columns content">

10
src/Template/Users/edit.ctp

@ -1,19 +1,13 @@
<nav class="large-3 medium-4 columns" id="actions-sidebar">
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Html->link(__('Liste des Utilisateurs'), ['action' => 'index']) ?></li>
<li><?= $this->Form->postLink(
__('Supprimer'),
['action' => 'delete', $user->id],
['confirm' => __('Êtes-vous sûr de vouloir supprimer l\'utilisateur ? #{0} ?', $user->id)]
['confirm' => __('Êtes-vous sûr de vouloir supprimer l\'Utilisateur ? #{0} ?', $user->id)]
)
?></li>
<li><?= $this->Html->link(__('Liste des utilisateurs'), ['action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Liste des articles'), ['controller' => 'Articles', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvel article'), ['controller' => 'Articles', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Liste des crises'), ['controller' => 'Crisis', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvelle crise'), ['controller' => 'Crisis', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Liste des Infos'), ['controller' => 'Infos', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Nouvelle Info'), ['controller' => 'Infos', 'action' => 'add']) ?></li>
</ul>
</nav>
<div class="users form large-9 medium-8 columns content">

8
src/Template/Users/index.ctp

@ -1,13 +1,7 @@
<nav class="large-3 medium-4 columns" id="actions-sidebar">
<ul class="side-nav">
<li class="heading"><?= __('Actions') ?></li>
<li><?= $this->Html->link(__('New User'), ['action' => 'add']) ?></li>
<li><?= $this->Html->link(__('List Articles'), ['controller' => 'Articles', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('New Article'), ['controller' => 'Articles', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('List Crisis'), ['controller' => 'Crisis', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('New Crisi'), ['controller' => 'Crisis', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('List Infos'), ['controller' => 'Infos', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('New Info'), ['controller' => 'Infos', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Nouvel Utilisateur'), ['action' => 'add']) ?></li>
</ul>
</nav>
<div class="users index large-9 medium-8 columns content">

4
src/Template/Users/login.ctp

@ -10,8 +10,8 @@
<?= $this->Form->create(); ?>
<?= $this->Form->input('username'); ?>
<?= $this->Form->input('password'); ?>
<?= $this->Form->button('Log in !', ['class' => 'log-in-button']); ?>
<?= $this->Form->input('password'); ?>
<?= $this->Form->button('Log in', ['class' => 'log-in-button']); ?>
<?= $this->Form->end(); ?>
<p class="text-center"><a href="#">Forgot your password?</a></p>

67
src/Template/Users/view.ctp

@ -1,51 +1,20 @@
<!-- this adds Foundation Icon Fonts!! -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
<div class="row">
<div class="medium-4 columns">
<?php $this->assign('css', 'users_view.css'); ?>
<!-- this adds Foundation Icon Fonts!! -->
<div class="row">
<div class="medium-15 ">
<div class="profile-card">
<img src="http://zurb.com/ink/images/inky-computer.svg" alt="Inky">
<div class="profile-info">
<h4 class="subheader">Inky</h4>
<p>Inky or inking can substitute for any word having to do with cool or awesome.</p>
<p><strong>Used in a scentence -</strong> Yo man, Foundation for Emails is so inky. Coding emails doesn't suck anymore!</p>
<p><a href="http://foundation.zurb.com/forum">Forum</a> | <a href="http://zurb.com/ink/">Website</a></p>
<ul class="inline-list">
<li><a href="https://www.facebook.com/ZURB"><i class="fi-social-facebook"></i></a></li>
<li><a href="https://twitter.com/zurbink"><i class="fi-social-twitter"></i></a></li>
<li><a href="https://github.com/zurb/ink"><i class="fi-social-github"></i></a></li>
</div>
<img src="http://www.demacmedia.com/wp-content/uploads/2014/04/330x330xYeti-Feature-Small-2.png.pagespeed.ic.ASS9EY8apS.png" alt="Yeti">
<div class="profile-info">
<h4 class="subheader"><?= h($user->username) ?></h4>
<p>Organization : <?= h($user->organisation) ?></p>
<p><strong>Description - </strong><?= (h($user->description)); ?></p>
<p><?= h($user->created) ?> | <?= h($user->modified) ?></p>
<ul class="inline-list">
<div class="edit-button"><?= $this->Html->link(__('Edit'), ['action' => 'edit', $user->id]); ?></div>
</div>
</div>
</div>
<div class="medium-4 columns">
<div class="profile-card">
<img src="http://www.demacmedia.com/wp-content/uploads/2014/04/330x330xYeti-Feature-Small-2.png.pagespeed.ic.ASS9EY8apS.png" alt="Yeti">
<div class="profile-info">
<h4 class="subheader">O.G. Yeti</h4>
<p>O.G. stands for original gangsta.</p>
<p><strong>Used in a scentence - </strong>those tru gangstas from way back in the day that jacked ya and left nothing but you boxers and socks. Also, Biggie and Tupac were both O.G.'s</p>
<p><a href="http://foundation.zurb.com/forum">Forum</a> | <a href="http://foundation.zurb.com/">Website</a></p>
<ul class="inline-list">
<li><a href="https://www.facebook.com/ZURB"><i class="fi-social-facebook"></i></a></li>
<li><a href="https://twitter.com/ZURBfoundation"><i class="fi-social-twitter"></i></a></li>
<li><a href="https://github.com/zurb/foundation"><i class="fi-social-github"></i></a></li>
</div>
</div>
</div>
<div class="medium-4 columns">
<div class="profile-card">
<img src="https://pbs.twimg.com/profile_images/540601078916452352/gIke9rjv_bigger.png" alt="Swoll Yeti">
<div class="profile-info">
<h4 class="subheader">Swoll Yeti</h4>
<p>Slang for "Swollen", as in getting "swollen" or "buff" at the gym.</p>
<p><strong>Used in a scentence -</strong> Yo, after a couple months at the Y, I'll be a swoll Yeti.</p>
<p><a href="http://zurb.com/patterntap">Patterns</a> | <a href="http://foundation.zurb.com/apps/">Website</a></p>
<ul class="inline-list">
<li><a href="https://www.facebook.com/ZURB"><i class="fi-social-facebook"></i></a></li>
<li><a href="https://twitter.com/ZURBfoundation"><i class="fi-social-twitter"></i></a></li>
<li><a href="https://github.com/zurb/foundation-apps"><i class="fi-social-github"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

2
webroot/css/footer.css

@ -11,7 +11,7 @@
/* footer */
.footer {
margin-top: 10.5%;
margin-top: 5%;
background-color: #303030;
text-align: center;
font-size: 1.2rem;

7
webroot/css/topbar.css

@ -0,0 +1,7 @@
/***********/
/* Top bar */
/***********/
.topbar-separator {
border-bottom : 1px solid rgba(255, 255, 255, 0.7) !important;
}

17
webroot/css/users_login.css

@ -25,14 +25,14 @@
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 1000px;
border-radius: 0px;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: Heavitas;
font-weight: normal;
line-height: normal;
line-height: normal;
margin: 0 0 1rem;
margin-top: 12px;
position: relative;
@ -41,7 +41,7 @@
display: inline-block;
padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
font-size: 0.6875rem;
font-size: 0.8125rem;
background-color: #008CBA;
border-color: #007095;
@ -49,11 +49,12 @@
transition: background-color 300ms ease-out;
width: 100%;
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: rgb(67,172,106); /* Old browsers */
background: -moz-linear-gradient(top, rgba(67,172,106,1) 0%, rgba(67,198,135,1) 43%, rgba(67,172,106,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,172,106,1) 0%,rgba(67,198,135,1) 43%,rgba(67,172,106,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,172,106,1) 0%,rgba(67,198,135,1) 43%,rgba(67,172,106,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43ac6a', endColorstr='#43ac6a',GradientType=0 ); /* IE6-9 */
}
.log-in-button:hover {
@ -61,5 +62,5 @@
}
.log-in-button:focus {
color: #030303;
color: #020202;
}

131
webroot/css/users_view.css Normal file

@ -0,0 +1,131 @@
/**************/
/* Users view */
/*************/
/* edit button */
.edit-button {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0px;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: Heavitas;
font-weight: normal;
line-height: normal;
margin: 0 0 1rem;
margin-top: 12px;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
font-size: 0.8125rem;
background-color: #008CBA;
border-color: #007095;
transition: background-color 300ms ease-out;
background: rgb(67,172,106); /* Old browsers */
background: -moz-linear-gradient(top, rgba(67,172,106,1) 0%, rgba(67,198,135,1) 43%, rgba(67,172,106,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,172,106,1) 0%,rgba(67,198,135,1) 43%,rgba(67,172,106,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,172,106,1) 0%,rgba(67,198,135,1) 43%,rgba(67,172,106,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43ac6a', endColorstr='#43ac6a',GradientType=0 ); /* IE6-9 */
}
}
.log-in-button:hover {
color: #030303;
}
.log-in-button:focus {
color: #020202;
}
.edit-button a {
color: white ;
}
/* profile card */
.profile-card {
padding: 1rem;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
margin: 2rem 0;
background-color: #fff;
}
.profile-card img {
width: 8rem;
display: block;
margin: 2rem auto;
text-align: center;
border-radius: 50%;
box-shadow: 2px 2px 5px #888888;
}
.profile-card .profile-info {
padding: 1rem;
}
.profile-card .profile-info h4 {
margin-top: 0;
text-align: center;
text-transform: uppercase;
}
.profile-card .profile-info p {
text-align: center;
}
.profile-card .profile-info .inline-list {
text-align: center;
margin-bottom: 1rem;
}
.profile-card .profile-info .inline-list li {
float: none;
display: inline-block;
}
.profile-card .profile-info .inline-list i.fi-social-facebook {
font-size: 1.5rem;
color: #3b5998;
}
.profile-card .profile-info .inline-list i.fi-social-facebook:hover {
transform: scale(1.5);
transition: all .5s ease-in-out;
}
.profile-card .profile-info .inline-list i.fi-social-twitter {
font-size: 1.5rem;
color: #55acee;
}
.profile-card .profile-info .inline-list i.fi-social-twitter:hover {
transform: scale(1.5);
transition: all .5s ease-in-out;
}
.profile-card .profile-info .inline-list i.fi-social-linkedin {
font-size: 1.5rem;
color: #0077b5;
}
.profile-card .profile-info .inline-list i.fi-social-linkedin:hover {
transform: scale(1.5);
transition: all .5s ease-in-out;
}
.profile-card .profile-info .inline-list i.fi-social-github {
font-size: 1.5rem;
color: #333;
}
.profile-card .profile-info .inline-list i.fi-social-github:hover {
transform: scale(1.5);
transition: all .5s ease-in-out;
}
.profile-card .profile-info .inline-list i.fi-social-youtube {
font-size: 1.5rem;
color: #cc181e;
}
.profile-card .profile-info .inline-list i.fi-social-youtube:hover {
transform: scale(1.5);
transition: all .5s ease-in-out;
}

BIN
webroot/img/test.png Normal file

Binary file not shown.
Side by Side

After

(image error) Size: 28 KiB