diff --git a/Asserts/Forgot_password.png b/Asserts/Forgot_password.png new file mode 100644 index 0000000..d1ee3d8 Binary files /dev/null and b/Asserts/Forgot_password.png differ diff --git a/Asserts/High_resolution_wallpaper_background_ID_77701652637.jpg b/Asserts/High_resolution_wallpaper_background_ID_77701652637.jpg new file mode 100644 index 0000000..d203780 Binary files /dev/null and b/Asserts/High_resolution_wallpaper_background_ID_77701652637.jpg differ diff --git a/Asserts/abnavod.jpeg b/Asserts/abnavod.jpeg new file mode 100644 index 0000000..5bf8e07 Binary files /dev/null and b/Asserts/abnavod.jpeg differ diff --git a/Asserts/close.jpg b/Asserts/close.jpg new file mode 100644 index 0000000..66eda17 Binary files /dev/null and b/Asserts/close.jpg differ diff --git a/Asserts/image1.jpg b/Asserts/image1.jpg new file mode 100644 index 0000000..daf2d41 Binary files /dev/null and b/Asserts/image1.jpg differ diff --git a/Asserts/image2.jpg b/Asserts/image2.jpg new file mode 100644 index 0000000..35ae6f7 Binary files /dev/null and b/Asserts/image2.jpg differ diff --git a/Asserts/image3.jfif b/Asserts/image3.jfif new file mode 100644 index 0000000..dffd45f Binary files /dev/null and b/Asserts/image3.jfif differ diff --git a/Asserts/image4.jpeg b/Asserts/image4.jpeg new file mode 100644 index 0000000..68c3558 Binary files /dev/null and b/Asserts/image4.jpeg differ diff --git a/Asserts/image5.jpg b/Asserts/image5.jpg new file mode 100644 index 0000000..accabdc Binary files /dev/null and b/Asserts/image5.jpg differ diff --git a/Asserts/image6.jfif b/Asserts/image6.jfif new file mode 100644 index 0000000..7584d2f Binary files /dev/null and b/Asserts/image6.jfif differ diff --git a/Asserts/image7.jfif b/Asserts/image7.jfif new file mode 100644 index 0000000..ce08aa3 Binary files /dev/null and b/Asserts/image7.jfif differ diff --git a/Asserts/images.jpeg b/Asserts/images.jpeg new file mode 100644 index 0000000..e47b8c3 Binary files /dev/null and b/Asserts/images.jpeg differ diff --git a/Asserts/images.png b/Asserts/images.png new file mode 100644 index 0000000..b3c75f6 Binary files /dev/null and b/Asserts/images.png differ diff --git a/Asserts/reset_password.png b/Asserts/reset_password.png new file mode 100644 index 0000000..9589fa6 Binary files /dev/null and b/Asserts/reset_password.png differ diff --git a/Asserts/viewmem.png b/Asserts/viewmem.png new file mode 100644 index 0000000..b4e89c7 Binary files /dev/null and b/Asserts/viewmem.png differ diff --git a/README.md b/README.md index e332a4b..359e1a0 100644 --- a/README.md +++ b/README.md @@ -1 +1,14 @@ -# CO-WMS-new \ No newline at end of file +# CO-WMS-new + +# Project Description +## An Employee Workflow Managment System +-2nd Year undergraduates of UCSC (University of Colombo School of Computing), SriLanka - Group CS-41 + +### An Introduction +**_Co-WMS_**, an Employee Workflow Management System is the project that our group is currently developing as the 2nd Year Group Project. +Project Timeline => May 2021 - March 2022 + +### Main 3 Business Processes Considered +1. Working hours management +2. Task management +3. Leave management diff --git a/config/DatabaseConf.php b/config/DatabaseConf.php index 861a430..491807b 100644 --- a/config/DatabaseConf.php +++ b/config/DatabaseConf.php @@ -3,5 +3,5 @@ define('DB_TYPE', 'mysql'); define('DB_HOST', 'localhost'); define('DB_USER', 'root'); -define('DB_NAME', 'trialcwms'); +define('DB_NAME', 'cowms'); define('DB_PASSWORD', 'root'); diff --git a/controllers/Department.php b/controllers/Department.php new file mode 100644 index 0000000..66a5e29 --- /dev/null +++ b/controllers/Department.php @@ -0,0 +1,23 @@ +getDepartments(); + return $res; + + } + + +} + diff --git a/controllers/Team.php b/controllers/Team.php new file mode 100644 index 0000000..c761962 --- /dev/null +++ b/controllers/Team.php @@ -0,0 +1,24 @@ +getTeams(); + return $res; + + } + + +} + diff --git a/controllers/admin.php b/controllers/admin.php new file mode 100644 index 0000000..ac16a55 --- /dev/null +++ b/controllers/admin.php @@ -0,0 +1,95 @@ +view->emp=$this->model->searchdata($_POST['empId']); + } + else{ + echo ""; + $this->view->emp=$this->model->getdata(); + } + }else if (isset($_POST['search_all'])){ + $this->view->emp=$this->model->getdata(); + }else{ + $this->view->emp=$this->model->getdata(); + } + $this->view->render('adminHome'); + } + + function manageAccess(){ + $this->view->emp=$this->model->searchdata($_GET['empID']); + $this->view->res1=$this->model->getaccessdata($_GET['empID']); + + if (isset($_POST['submit_btn'])){ + + if (isset($_POST["admin"])){ + $admin = true; + }else{ + $admin = false; + } + + if (isset($_POST["profile"])){ + $profile = true; + }else{ + $profile = false; + } + + if (isset($_POST["login"])){ + $login = true; + }else{ + $login = false; + } + + if (isset($_POST["member"])){ + $member = true; + }else{ + $member = false; + } + + if (isset($_POST["leader"])){ + $leader = true; + }else{ + $leader = false; + } + + if (isset($_POST["manager"])){ + $manager = true; + }else{ + $manager = false; + } + + if (isset($_POST["hr"])){ + $hr = true; + }else{ + $hr = false; + } + + if(count($this->view->res1)>0){ + $this->view->res=$this->model->updatedata($_GET['empID'],$profile,$login,$admin,$member,$leader,$manager,$hr); + echo ""; + } + else{ + $this->view->res=$this->model->insertdata($_GET['empID'],$profile,$login,$admin,$member,$leader,$manager,$hr); + echo ""; + } + + $this->view->res1=$this->model->getaccessdata($_GET['empID']); + } + $this->view->render('manageAccess'); + } +} + +?> \ No newline at end of file diff --git a/controllers/adminHome.php b/controllers/adminHome.php new file mode 100644 index 0000000..3e3c691 --- /dev/null +++ b/controllers/adminHome.php @@ -0,0 +1,24 @@ +view->emp=$this->model->searchdata($_POST['empId']); + }else if (isset($_POST['search_all'])){ + $this->view->emp=$this->model->getdata(); + }else{ + $this->view->emp=$this->model->getdata(); + } + $this->view->render('adminHome'); + } + +} + +?> \ No newline at end of file diff --git a/controllers/assignTasksMember.php b/controllers/assignTasksMember.php new file mode 100644 index 0000000..70536cf --- /dev/null +++ b/controllers/assignTasksMember.php @@ -0,0 +1,30 @@ +view->users = $this->model->getData($_SESSION['teamID']); + + $this->view->render('assignTasksMember'); + + } + + function load($teamId){ + + $_SESSION['teamID'] = $teamId; + + header('location: http://localhost/CO-WMS/assignTasksMember'); + + + } + + +} \ No newline at end of file diff --git a/controllers/assignTasksTeam.php b/controllers/assignTasksTeam.php new file mode 100644 index 0000000..ff008b6 --- /dev/null +++ b/controllers/assignTasksTeam.php @@ -0,0 +1,23 @@ +view->users = $this->model->getData($_SESSION['login_user']); + $this->view->render('assignTasksTeam'); + + } + + function load(){ + + } +} \ No newline at end of file diff --git a/controllers/deptManageTask.php b/controllers/deptManageTask.php new file mode 100644 index 0000000..b81c837 --- /dev/null +++ b/controllers/deptManageTask.php @@ -0,0 +1,28 @@ +view->task = $this->model->getData($_SESSION['login_user']); + + $this->view->render('deptManageTask'); + + } + + function addTask(){ + + $this->model->insertData(); + + header('location: http://localhost/CO-WMS/deptManageTask'); + + } + +} + diff --git a/controllers/employeeWorkProgress.php b/controllers/employeeWorkProgress.php new file mode 100644 index 0000000..fc792b8 --- /dev/null +++ b/controllers/employeeWorkProgress.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('employeeWorkProgress'); + + + } + +} \ No newline at end of file diff --git a/controllers/forgotPassword.php b/controllers/forgotPassword.php new file mode 100644 index 0000000..6087b90 --- /dev/null +++ b/controllers/forgotPassword.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('forgotPassword'); + + + } + +} \ No newline at end of file diff --git a/controllers/home.php b/controllers/home.php new file mode 100644 index 0000000..914639b --- /dev/null +++ b/controllers/home.php @@ -0,0 +1,17 @@ +view->render('home'); + } + +} + +?> \ No newline at end of file diff --git a/controllers/homepage.php b/controllers/homepage.php deleted file mode 100644 index 386355d..0000000 --- a/controllers/homepage.php +++ /dev/null @@ -1,22 +0,0 @@ -view->render('homepage'); - - } - - function run(){ - - $this->model->run(); - - } -} \ No newline at end of file diff --git a/controllers/landingpage.php b/controllers/landingpage.php index d03004d..63b46ba 100644 --- a/controllers/landingpage.php +++ b/controllers/landingpage.php @@ -1,6 +1,6 @@ view->render('depManager'); + if(empty($_SESSION['login_user'])){ + echo ''; + } + + $this->view->data = $this->model->loadData(); + $this->view->hours = $this->model->loadHours(); + + $this->view->render('landingpage'); } diff --git a/controllers/leaderManageTask.php b/controllers/leaderManageTask.php new file mode 100644 index 0000000..febdf45 --- /dev/null +++ b/controllers/leaderManageTask.php @@ -0,0 +1,20 @@ +view->users = $this->model->getData(); + + $this->view->render('leaderManageTask'); + + } + +} \ No newline at end of file diff --git a/controllers/leave.php b/controllers/leave.php new file mode 100644 index 0000000..61b5b0e --- /dev/null +++ b/controllers/leave.php @@ -0,0 +1,56 @@ +view->render('myleaveApproved'); + } + + function myleavePending(){ + $this->view->render('myleavePending'); + } + + function myleaveRequest(){ + if(isset($_POST['request_submit'])){ + if((!empty($_POST["start"]))&&(!empty($_POST["end"]))&&(!empty($_POST["leavetype"]))){ + $this->model->insert($_POST["start"],$_POST["end"],$_POST["leavetype"]); + echo ""; + } + else{ + echo ""; + } + } + $this->view->render('myleaveRequest'); + } + + function dptleaveApproved(){ + $this->view->render('dptleaveApproved'); + } + + function dptleavePending(){ + $this->view->render('dptleavePending'); + } + + function dptleavePendingview(){ + $this->view->render('dptleavePendingview'); + } + + function empLeave(){ + $this->view->render('empLeave'); + } + + function teamLeave(){ + $this->view->render('teamLeave'); + } + +} +?> \ No newline at end of file diff --git a/controllers/login.php b/controllers/login.php index 056d8d9..a0dae3f 100644 --- a/controllers/login.php +++ b/controllers/login.php @@ -1,6 +1,7 @@ view->render('login'); + } + + function showpage_forgotpassword() + { + $this->view->render('forgotPassword'); } - function run(){ - + function showpage_resetpassword() + { + + $this->view->render('resetPassword'); + } + + function run() + { + $res = $this->model->login(); - - echo $res; - - if($res=="Team_Member"){ - header('location: http://localhost/CO-WMS/teamMember'); - } - else if($res=="Team_Leader"){ - header('location: http://localhost/CO-WMS/teamLeader'); - } - else if($res == "Dept_Manager"){ - header('location: http://localhost/CO-WMS/depManager'); - } - else if(!$res){ + echo $_SESSION['msg']; + + if ($res) { + if ($_SESSION['emprole'] == "Admin") { + header('location: http://localhost/CO-WMS/admin/adminHome'); + } else { + header('location: http://localhost/CO-WMS/landingpage'); + } + } else { header('location: http://localhost/CO-WMS/login'); } + } + + function sendOTP() + { + + $user_name = $_POST['username']; + $model = new login_Model(); + $res = $model->doOTP($user_name); + + if ($res) { + echo ''; + $this->view->render('resetPassword'); + } else { + echo ''; + $this->view->render('forgotPassword'); + } } + function resetPassword() + { + + if ($_SERVER["REQUEST_METHOD"] == "POST") { + $otpcode = trim($_POST['otpcode']); + $npassword = $_POST['npassword']; + + + echo $_POST['otpcode']; + + $hash = password_hash($npassword, PASSWORD_DEFAULT); - -} \ No newline at end of file + $res = $this->model->resetPassword($otpcode, $hash); + + if ($res) { + echo ''; + header('location: http://localhost/CO-WMS/login'); + } else { + echo ''; + $this->view->render('forgotPassword'); + } + } + } +} diff --git a/controllers/logout.php b/controllers/logout.php new file mode 100644 index 0000000..981aa47 --- /dev/null +++ b/controllers/logout.php @@ -0,0 +1,25 @@ + + window.location.href="home"; + '; + + } + + +} \ No newline at end of file diff --git a/controllers/manageDepartment.php b/controllers/manageDepartment.php new file mode 100644 index 0000000..384b076 --- /dev/null +++ b/controllers/manageDepartment.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('manageDepartment'); + + + } + +} \ No newline at end of file diff --git a/controllers/manageDepartmentAdd.php b/controllers/manageDepartmentAdd.php new file mode 100644 index 0000000..140a863 --- /dev/null +++ b/controllers/manageDepartmentAdd.php @@ -0,0 +1,40 @@ +view->department = 0; + + // $this->view->users = $this->model->getData(); + $this->view->render('manageDepartmentAdd'); + + + } + function setData(){ + $dName = $_POST['dname']; + $dId = $_POST['dId']; + $dManagerId = NULL; + + if(!empty($_POST['dMId'])){ + $dManagerId = $_POST['dMId']; + } + else{ + $dManagerId = NULL; + } + + $this->model->insertDepartment($dName,$dId,$dManagerId); + + header('location: http://localhost/CO-WMS/manageDepartmentAdd'); + + } + +} \ No newline at end of file diff --git a/controllers/manageDepartmentEditDelete.php b/controllers/manageDepartmentEditDelete.php new file mode 100644 index 0000000..9dde16a --- /dev/null +++ b/controllers/manageDepartmentEditDelete.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('manageDepartmentEditDelete'); + + + } + +} \ No newline at end of file diff --git a/controllers/manageEmployee.php b/controllers/manageEmployee.php new file mode 100644 index 0000000..275c961 --- /dev/null +++ b/controllers/manageEmployee.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('manageEmployee'); + + + } + +} \ No newline at end of file diff --git a/controllers/manageEmployeeAdd.php b/controllers/manageEmployeeAdd.php new file mode 100644 index 0000000..46c6285 --- /dev/null +++ b/controllers/manageEmployeeAdd.php @@ -0,0 +1,80 @@ +view->teams = $team->getTeams(); + $team = new Department(); + $this->view->depts = $team->getDepartments(); + $this->view->render('manageEmployeeAdd'); + + } + + function setData(){ + + session_start(); + + $empid = $_POST['epmId']; + $empname= $_POST['Ename']; + $empemail = $_POST['email']; + $team = $_POST['team']; + $dept = $_POST['dept']; + $emprole = $_POST['role']; + $password = $_POST['password']; + $Cpassword = $_POST['Cpassword']; + + if($password == $Cpassword){ + + $hash = password_hash($password, PASSWORD_DEFAULT); + + $res = $this->model->insertEmployee($empid,$empname,$empemail,$team,$dept,$emprole,$hash,$password); + + if($res){ + /*$to = '$empemail'; + $mail_subject = 'Message from Co-WMS website'; + $email_body = "Hello {$empname},Welcome to the Co-WMS Company \n" ; + $email_body .= "Your User Id : {$empid} \n"; + $email_body .= "Your Password : {$password} \n"; + $email_body .= "Thank you."; + $from = 'From: cowmsofficial@gmail.com'; + + $send_mail_result = mail($empemail, $mail_subject, $email_body, $from); + + if($send_mail_result){ + $_SESSION['add-emp-msg'] = "New record created successfully and Email sent"; + }else{ + $_SESSION['add-emp-msg'] = "New record created successfully and Email was not sent"; + }*/ + $_SESSION['add-emp-msg'] = "New record created successfully"; + + }else{ + $_SESSION['add-emp-msg'] = "Fialed to add New Employee"; + } + + } + + else{ + $_SESSION['add-emp-msg'] = "Fialed to add New Employee password"; + } + + echo $_SESSION['add-emp-msg']; + + header('location: http://localhost/CO-WMS/manageEmployeeAdd'); + + } + +} \ No newline at end of file diff --git a/controllers/manageEmployeeEditDelete.php b/controllers/manageEmployeeEditDelete.php new file mode 100644 index 0000000..f40b4a7 --- /dev/null +++ b/controllers/manageEmployeeEditDelete.php @@ -0,0 +1,45 @@ +view->users = $this->model->getData($_GET['epmId']); + $this->view->employee=0; + $this->view->render('manageEmployeeEditDelete'); + } + function editData(){ + // if ($_SERVER["REQUEST_METHOD"] == "POST") { + + $empid = $_POST['epmId']; + $empname= $_POST['Ename']; + $empemail = $_POST['email']; + $emprole = $_POST['role']; + // $empstatus=$_POST['Estatus']; + // $password = $_POST['password']; + // $Cpassword = $_POST['Cpassword']; + + $this->model->editEmployee($empid,$empname,$empemail,$emprole); + + //$this->view->users = $this->model->getData($_POST['epmId']); + // $this->view->employee=0; + //$this->view->render('manageEmployeeEditDelete'); + header('location: http://localhost/CO-WMS/manageEmployeeEditDelete'); + + // $this->index(); + //header('location: http://localhost/CO-WMS/manageEmployeeEditDelete'); + + // } + + } + + +} \ No newline at end of file diff --git a/controllers/manageTeam.php b/controllers/manageTeam.php new file mode 100644 index 0000000..d9ccc43 --- /dev/null +++ b/controllers/manageTeam.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('manageTeam'); + + + } + +} \ No newline at end of file diff --git a/controllers/manageTeamAdd.php b/controllers/manageTeamAdd.php new file mode 100644 index 0000000..42a9b3e --- /dev/null +++ b/controllers/manageTeamAdd.php @@ -0,0 +1,35 @@ +view->team=0; + + $this->view->render('manageTeamAdd'); + + + } + + function setData(){ + + + $teamName= $_POST['tname']; + $DeptId = $_POST['dId']; + + // $hash = password_hash($password, PASSWORD_DEFAULT); + + $this->model->insertTeam($teamName,$DeptId); + + header('location: http://localhost/CO-WMS/manageTeamAdd'); + + } + +} \ No newline at end of file diff --git a/controllers/manageTeamEditDelete.php b/controllers/manageTeamEditDelete.php new file mode 100644 index 0000000..6cb918e --- /dev/null +++ b/controllers/manageTeamEditDelete.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('manageTeamEditDelete'); + + + } + +} \ No newline at end of file diff --git a/controllers/myprofile.php b/controllers/myprofile.php index 899f8bb..77a2699 100644 --- a/controllers/myprofile.php +++ b/controllers/myprofile.php @@ -17,23 +17,28 @@ function index(){ function saveform(){ + $pass = $_POST['pass']; $cpass = $_POST['cpass']; $npass = $_POST['npass']; - $hash = password_hash($npass, PASSWORD_DEFAULT); + if($pass == $_SESSION['password']){ - if($cpass == $npass){ - $pass = $this->model->setNewPassword($_SESSION['login_user'],$hash); - if($pass == 1) - $_SESSION['pass']="yes"; - else + $hash = password_hash($npass, PASSWORD_DEFAULT); + + if($cpass == $npass){ + $pass = $this->model->setNewPassword($_SESSION['login_user'],$hash); + if($pass == 1) + $_SESSION['pass']="yes"; + else + $_SESSION['pass']="no"; + } + else{ $_SESSION['pass']="no"; - } - else{ + } + }else{ $_SESSION['pass']="no"; } - $this->view->users = $this->model->getData($_SESSION['login_user']); header('location: http://localhost/CO-WMS/myprofile'); } @@ -54,7 +59,6 @@ function savephoto(){ } - $this->view->users = $this->model->getData($_SESSION['login_user']); header('location: http://localhost/CO-WMS/myprofile'); } diff --git a/controllers/myprogressAccepted.php b/controllers/myprogressAccepted.php new file mode 100644 index 0000000..271c3d3 --- /dev/null +++ b/controllers/myprogressAccepted.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('myprogressAccepted'); + + + } + +} \ No newline at end of file diff --git a/controllers/myprogressCompleted.php b/controllers/myprogressCompleted.php new file mode 100644 index 0000000..05e70c4 --- /dev/null +++ b/controllers/myprogressCompleted.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('myprogressCompleted'); + + + } + +} \ No newline at end of file diff --git a/controllers/myprogressInprogressSelect.php b/controllers/myprogressInprogressSelect.php new file mode 100644 index 0000000..c86b7f8 --- /dev/null +++ b/controllers/myprogressInprogressSelect.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('myprogressInprogressSelect'); + + + } + +} \ No newline at end of file diff --git a/controllers/myprogressOverdue.php b/controllers/myprogressOverdue.php new file mode 100644 index 0000000..dcc4570 --- /dev/null +++ b/controllers/myprogressOverdue.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('myprogressOverdue'); + + + } + +} \ No newline at end of file diff --git a/controllers/myprogressPending.php b/controllers/myprogressPending.php new file mode 100644 index 0000000..c0cdc8e --- /dev/null +++ b/controllers/myprogressPending.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('myprogressPending'); + + + } + +} \ No newline at end of file diff --git a/controllers/progressReport.php b/controllers/progressReport.php new file mode 100644 index 0000000..b3aa823 --- /dev/null +++ b/controllers/progressReport.php @@ -0,0 +1,17 @@ +view->render('progressReport'); + } + +} + +?> \ No newline at end of file diff --git a/controllers/resetPassword.php b/controllers/resetPassword.php new file mode 100644 index 0000000..069489c --- /dev/null +++ b/controllers/resetPassword.php @@ -0,0 +1,21 @@ +view->users = $this->model->getData(); + $this->view->render('resetPassword'); + + + } + +} \ No newline at end of file diff --git a/controllers/teamProgress.php b/controllers/teamProgress.php new file mode 100644 index 0000000..9b2352a --- /dev/null +++ b/controllers/teamProgress.php @@ -0,0 +1,34 @@ +view->users = $this->model->getMember(); + //$this->view->task = $this->model->getTask(); + + $this->view->render('teamProgress'); + + } + + function getTask (){ + + $eid = $_POST['empid']; + $task = $this->model->getTask($eid); + + echo json_encode(count($task)==0 ? null : $task); + + + } + +} \ No newline at end of file diff --git a/font-awesome-4.7.0/HELP-US-OUT.txt b/font-awesome-4.7.0/HELP-US-OUT.txt new file mode 100644 index 0000000..83d083d --- /dev/null +++ b/font-awesome-4.7.0/HELP-US-OUT.txt @@ -0,0 +1,7 @@ +I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project, +Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome, +comprehensive icon sets or copy and paste your own. + +Please. Check it out. + +-Dave Gandy diff --git a/font-awesome-4.7.0/css/font-awesome.css b/font-awesome-4.7.0/css/font-awesome.css new file mode 100644 index 0000000..ee906a8 --- /dev/null +++ b/font-awesome-4.7.0/css/font-awesome.css @@ -0,0 +1,2337 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.fa-pull-left { + float: left; +} +.fa-pull-right { + float: right; +} +.fa.fa-pull-left { + margin-right: .3em; +} +.fa.fa-pull-right { + margin-left: .3em; +} +/* Deprecated as of 4.4.0 */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: .3em; +} +.fa.pull-right { + margin-left: .3em; +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-feed:before, +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper-pp:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-resistance:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-y-combinator-square:before, +.fa-yc-square:before, +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3"; +} +.fa-tty:before { + content: "\f1e4"; +} +.fa-binoculars:before { + content: "\f1e5"; +} +.fa-plug:before { + content: "\f1e6"; +} +.fa-slideshare:before { + content: "\f1e7"; +} +.fa-twitch:before { + content: "\f1e8"; +} +.fa-yelp:before { + content: "\f1e9"; +} +.fa-newspaper-o:before { + content: "\f1ea"; +} +.fa-wifi:before { + content: "\f1eb"; +} +.fa-calculator:before { + content: "\f1ec"; +} +.fa-paypal:before { + content: "\f1ed"; +} +.fa-google-wallet:before { + content: "\f1ee"; +} +.fa-cc-visa:before { + content: "\f1f0"; +} +.fa-cc-mastercard:before { + content: "\f1f1"; +} +.fa-cc-discover:before { + content: "\f1f2"; +} +.fa-cc-amex:before { + content: "\f1f3"; +} +.fa-cc-paypal:before { + content: "\f1f4"; +} +.fa-cc-stripe:before { + content: "\f1f5"; +} +.fa-bell-slash:before { + content: "\f1f6"; +} +.fa-bell-slash-o:before { + content: "\f1f7"; +} +.fa-trash:before { + content: "\f1f8"; +} +.fa-copyright:before { + content: "\f1f9"; +} +.fa-at:before { + content: "\f1fa"; +} +.fa-eyedropper:before { + content: "\f1fb"; +} +.fa-paint-brush:before { + content: "\f1fc"; +} +.fa-birthday-cake:before { + content: "\f1fd"; +} +.fa-area-chart:before { + content: "\f1fe"; +} +.fa-pie-chart:before { + content: "\f200"; +} +.fa-line-chart:before { + content: "\f201"; +} +.fa-lastfm:before { + content: "\f202"; +} +.fa-lastfm-square:before { + content: "\f203"; +} +.fa-toggle-off:before { + content: "\f204"; +} +.fa-toggle-on:before { + content: "\f205"; +} +.fa-bicycle:before { + content: "\f206"; +} +.fa-bus:before { + content: "\f207"; +} +.fa-ioxhost:before { + content: "\f208"; +} +.fa-angellist:before { + content: "\f209"; +} +.fa-cc:before { + content: "\f20a"; +} +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b"; +} +.fa-meanpath:before { + content: "\f20c"; +} +.fa-buysellads:before { + content: "\f20d"; +} +.fa-connectdevelop:before { + content: "\f20e"; +} +.fa-dashcube:before { + content: "\f210"; +} +.fa-forumbee:before { + content: "\f211"; +} +.fa-leanpub:before { + content: "\f212"; +} +.fa-sellsy:before { + content: "\f213"; +} +.fa-shirtsinbulk:before { + content: "\f214"; +} +.fa-simplybuilt:before { + content: "\f215"; +} +.fa-skyatlas:before { + content: "\f216"; +} +.fa-cart-plus:before { + content: "\f217"; +} +.fa-cart-arrow-down:before { + content: "\f218"; +} +.fa-diamond:before { + content: "\f219"; +} +.fa-ship:before { + content: "\f21a"; +} +.fa-user-secret:before { + content: "\f21b"; +} +.fa-motorcycle:before { + content: "\f21c"; +} +.fa-street-view:before { + content: "\f21d"; +} +.fa-heartbeat:before { + content: "\f21e"; +} +.fa-venus:before { + content: "\f221"; +} +.fa-mars:before { + content: "\f222"; +} +.fa-mercury:before { + content: "\f223"; +} +.fa-intersex:before, +.fa-transgender:before { + content: "\f224"; +} +.fa-transgender-alt:before { + content: "\f225"; +} +.fa-venus-double:before { + content: "\f226"; +} +.fa-mars-double:before { + content: "\f227"; +} +.fa-venus-mars:before { + content: "\f228"; +} +.fa-mars-stroke:before { + content: "\f229"; +} +.fa-mars-stroke-v:before { + content: "\f22a"; +} +.fa-mars-stroke-h:before { + content: "\f22b"; +} +.fa-neuter:before { + content: "\f22c"; +} +.fa-genderless:before { + content: "\f22d"; +} +.fa-facebook-official:before { + content: "\f230"; +} +.fa-pinterest-p:before { + content: "\f231"; +} +.fa-whatsapp:before { + content: "\f232"; +} +.fa-server:before { + content: "\f233"; +} +.fa-user-plus:before { + content: "\f234"; +} +.fa-user-times:before { + content: "\f235"; +} +.fa-hotel:before, +.fa-bed:before { + content: "\f236"; +} +.fa-viacoin:before { + content: "\f237"; +} +.fa-train:before { + content: "\f238"; +} +.fa-subway:before { + content: "\f239"; +} +.fa-medium:before { + content: "\f23a"; +} +.fa-yc:before, +.fa-y-combinator:before { + content: "\f23b"; +} +.fa-optin-monster:before { + content: "\f23c"; +} +.fa-opencart:before { + content: "\f23d"; +} +.fa-expeditedssl:before { + content: "\f23e"; +} +.fa-battery-4:before, +.fa-battery:before, +.fa-battery-full:before { + content: "\f240"; +} +.fa-battery-3:before, +.fa-battery-three-quarters:before { + content: "\f241"; +} +.fa-battery-2:before, +.fa-battery-half:before { + content: "\f242"; +} +.fa-battery-1:before, +.fa-battery-quarter:before { + content: "\f243"; +} +.fa-battery-0:before, +.fa-battery-empty:before { + content: "\f244"; +} +.fa-mouse-pointer:before { + content: "\f245"; +} +.fa-i-cursor:before { + content: "\f246"; +} +.fa-object-group:before { + content: "\f247"; +} +.fa-object-ungroup:before { + content: "\f248"; +} +.fa-sticky-note:before { + content: "\f249"; +} +.fa-sticky-note-o:before { + content: "\f24a"; +} +.fa-cc-jcb:before { + content: "\f24b"; +} +.fa-cc-diners-club:before { + content: "\f24c"; +} +.fa-clone:before { + content: "\f24d"; +} +.fa-balance-scale:before { + content: "\f24e"; +} +.fa-hourglass-o:before { + content: "\f250"; +} +.fa-hourglass-1:before, +.fa-hourglass-start:before { + content: "\f251"; +} +.fa-hourglass-2:before, +.fa-hourglass-half:before { + content: "\f252"; +} +.fa-hourglass-3:before, +.fa-hourglass-end:before { + content: "\f253"; +} +.fa-hourglass:before { + content: "\f254"; +} +.fa-hand-grab-o:before, +.fa-hand-rock-o:before { + content: "\f255"; +} +.fa-hand-stop-o:before, +.fa-hand-paper-o:before { + content: "\f256"; +} +.fa-hand-scissors-o:before { + content: "\f257"; +} +.fa-hand-lizard-o:before { + content: "\f258"; +} +.fa-hand-spock-o:before { + content: "\f259"; +} +.fa-hand-pointer-o:before { + content: "\f25a"; +} +.fa-hand-peace-o:before { + content: "\f25b"; +} +.fa-trademark:before { + content: "\f25c"; +} +.fa-registered:before { + content: "\f25d"; +} +.fa-creative-commons:before { + content: "\f25e"; +} +.fa-gg:before { + content: "\f260"; +} +.fa-gg-circle:before { + content: "\f261"; +} +.fa-tripadvisor:before { + content: "\f262"; +} +.fa-odnoklassniki:before { + content: "\f263"; +} +.fa-odnoklassniki-square:before { + content: "\f264"; +} +.fa-get-pocket:before { + content: "\f265"; +} +.fa-wikipedia-w:before { + content: "\f266"; +} +.fa-safari:before { + content: "\f267"; +} +.fa-chrome:before { + content: "\f268"; +} +.fa-firefox:before { + content: "\f269"; +} +.fa-opera:before { + content: "\f26a"; +} +.fa-internet-explorer:before { + content: "\f26b"; +} +.fa-tv:before, +.fa-television:before { + content: "\f26c"; +} +.fa-contao:before { + content: "\f26d"; +} +.fa-500px:before { + content: "\f26e"; +} +.fa-amazon:before { + content: "\f270"; +} +.fa-calendar-plus-o:before { + content: "\f271"; +} +.fa-calendar-minus-o:before { + content: "\f272"; +} +.fa-calendar-times-o:before { + content: "\f273"; +} +.fa-calendar-check-o:before { + content: "\f274"; +} +.fa-industry:before { + content: "\f275"; +} +.fa-map-pin:before { + content: "\f276"; +} +.fa-map-signs:before { + content: "\f277"; +} +.fa-map-o:before { + content: "\f278"; +} +.fa-map:before { + content: "\f279"; +} +.fa-commenting:before { + content: "\f27a"; +} +.fa-commenting-o:before { + content: "\f27b"; +} +.fa-houzz:before { + content: "\f27c"; +} +.fa-vimeo:before { + content: "\f27d"; +} +.fa-black-tie:before { + content: "\f27e"; +} +.fa-fonticons:before { + content: "\f280"; +} +.fa-reddit-alien:before { + content: "\f281"; +} +.fa-edge:before { + content: "\f282"; +} +.fa-credit-card-alt:before { + content: "\f283"; +} +.fa-codiepie:before { + content: "\f284"; +} +.fa-modx:before { + content: "\f285"; +} +.fa-fort-awesome:before { + content: "\f286"; +} +.fa-usb:before { + content: "\f287"; +} +.fa-product-hunt:before { + content: "\f288"; +} +.fa-mixcloud:before { + content: "\f289"; +} +.fa-scribd:before { + content: "\f28a"; +} +.fa-pause-circle:before { + content: "\f28b"; +} +.fa-pause-circle-o:before { + content: "\f28c"; +} +.fa-stop-circle:before { + content: "\f28d"; +} +.fa-stop-circle-o:before { + content: "\f28e"; +} +.fa-shopping-bag:before { + content: "\f290"; +} +.fa-shopping-basket:before { + content: "\f291"; +} +.fa-hashtag:before { + content: "\f292"; +} +.fa-bluetooth:before { + content: "\f293"; +} +.fa-bluetooth-b:before { + content: "\f294"; +} +.fa-percent:before { + content: "\f295"; +} +.fa-gitlab:before { + content: "\f296"; +} +.fa-wpbeginner:before { + content: "\f297"; +} +.fa-wpforms:before { + content: "\f298"; +} +.fa-envira:before { + content: "\f299"; +} +.fa-universal-access:before { + content: "\f29a"; +} +.fa-wheelchair-alt:before { + content: "\f29b"; +} +.fa-question-circle-o:before { + content: "\f29c"; +} +.fa-blind:before { + content: "\f29d"; +} +.fa-audio-description:before { + content: "\f29e"; +} +.fa-volume-control-phone:before { + content: "\f2a0"; +} +.fa-braille:before { + content: "\f2a1"; +} +.fa-assistive-listening-systems:before { + content: "\f2a2"; +} +.fa-asl-interpreting:before, +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; +} +.fa-deafness:before, +.fa-hard-of-hearing:before, +.fa-deaf:before { + content: "\f2a4"; +} +.fa-glide:before { + content: "\f2a5"; +} +.fa-glide-g:before { + content: "\f2a6"; +} +.fa-signing:before, +.fa-sign-language:before { + content: "\f2a7"; +} +.fa-low-vision:before { + content: "\f2a8"; +} +.fa-viadeo:before { + content: "\f2a9"; +} +.fa-viadeo-square:before { + content: "\f2aa"; +} +.fa-snapchat:before { + content: "\f2ab"; +} +.fa-snapchat-ghost:before { + content: "\f2ac"; +} +.fa-snapchat-square:before { + content: "\f2ad"; +} +.fa-pied-piper:before { + content: "\f2ae"; +} +.fa-first-order:before { + content: "\f2b0"; +} +.fa-yoast:before { + content: "\f2b1"; +} +.fa-themeisle:before { + content: "\f2b2"; +} +.fa-google-plus-circle:before, +.fa-google-plus-official:before { + content: "\f2b3"; +} +.fa-fa:before, +.fa-font-awesome:before { + content: "\f2b4"; +} +.fa-handshake-o:before { + content: "\f2b5"; +} +.fa-envelope-open:before { + content: "\f2b6"; +} +.fa-envelope-open-o:before { + content: "\f2b7"; +} +.fa-linode:before { + content: "\f2b8"; +} +.fa-address-book:before { + content: "\f2b9"; +} +.fa-address-book-o:before { + content: "\f2ba"; +} +.fa-vcard:before, +.fa-address-card:before { + content: "\f2bb"; +} +.fa-vcard-o:before, +.fa-address-card-o:before { + content: "\f2bc"; +} +.fa-user-circle:before { + content: "\f2bd"; +} +.fa-user-circle-o:before { + content: "\f2be"; +} +.fa-user-o:before { + content: "\f2c0"; +} +.fa-id-badge:before { + content: "\f2c1"; +} +.fa-drivers-license:before, +.fa-id-card:before { + content: "\f2c2"; +} +.fa-drivers-license-o:before, +.fa-id-card-o:before { + content: "\f2c3"; +} +.fa-quora:before { + content: "\f2c4"; +} +.fa-free-code-camp:before { + content: "\f2c5"; +} +.fa-telegram:before { + content: "\f2c6"; +} +.fa-thermometer-4:before, +.fa-thermometer:before, +.fa-thermometer-full:before { + content: "\f2c7"; +} +.fa-thermometer-3:before, +.fa-thermometer-three-quarters:before { + content: "\f2c8"; +} +.fa-thermometer-2:before, +.fa-thermometer-half:before { + content: "\f2c9"; +} +.fa-thermometer-1:before, +.fa-thermometer-quarter:before { + content: "\f2ca"; +} +.fa-thermometer-0:before, +.fa-thermometer-empty:before { + content: "\f2cb"; +} +.fa-shower:before { + content: "\f2cc"; +} +.fa-bathtub:before, +.fa-s15:before, +.fa-bath:before { + content: "\f2cd"; +} +.fa-podcast:before { + content: "\f2ce"; +} +.fa-window-maximize:before { + content: "\f2d0"; +} +.fa-window-minimize:before { + content: "\f2d1"; +} +.fa-window-restore:before { + content: "\f2d2"; +} +.fa-times-rectangle:before, +.fa-window-close:before { + content: "\f2d3"; +} +.fa-times-rectangle-o:before, +.fa-window-close-o:before { + content: "\f2d4"; +} +.fa-bandcamp:before { + content: "\f2d5"; +} +.fa-grav:before { + content: "\f2d6"; +} +.fa-etsy:before { + content: "\f2d7"; +} +.fa-imdb:before { + content: "\f2d8"; +} +.fa-ravelry:before { + content: "\f2d9"; +} +.fa-eercast:before { + content: "\f2da"; +} +.fa-microchip:before { + content: "\f2db"; +} +.fa-snowflake-o:before { + content: "\f2dc"; +} +.fa-superpowers:before { + content: "\f2dd"; +} +.fa-wpexplorer:before { + content: "\f2de"; +} +.fa-meetup:before { + content: "\f2e0"; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} diff --git a/font-awesome-4.7.0/css/font-awesome.min.css b/font-awesome-4.7.0/css/font-awesome.min.css new file mode 100644 index 0000000..540440c --- /dev/null +++ b/font-awesome-4.7.0/css/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} diff --git a/font-awesome-4.7.0/fonts/FontAwesome.otf b/font-awesome-4.7.0/fonts/FontAwesome.otf new file mode 100644 index 0000000..401ec0f Binary files /dev/null and b/font-awesome-4.7.0/fonts/FontAwesome.otf differ diff --git a/font-awesome-4.7.0/fonts/fontawesome-webfont.eot b/font-awesome-4.7.0/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..e9f60ca Binary files /dev/null and b/font-awesome-4.7.0/fonts/fontawesome-webfont.eot differ diff --git a/font-awesome-4.7.0/fonts/fontawesome-webfont.svg b/font-awesome-4.7.0/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..855c845 --- /dev/null +++ b/font-awesome-4.7.0/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf b/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..35acda2 Binary files /dev/null and b/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf differ diff --git a/font-awesome-4.7.0/fonts/fontawesome-webfont.woff b/font-awesome-4.7.0/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..400014a Binary files /dev/null and b/font-awesome-4.7.0/fonts/fontawesome-webfont.woff differ diff --git a/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2 b/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..4d13fc6 Binary files /dev/null and b/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2 differ diff --git a/font-awesome-4.7.0/less/animated.less b/font-awesome-4.7.0/less/animated.less new file mode 100644 index 0000000..66ad52a --- /dev/null +++ b/font-awesome-4.7.0/less/animated.less @@ -0,0 +1,34 @@ +// Animated Icons +// -------------------------- + +.@{fa-css-prefix}-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} + +.@{fa-css-prefix}-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} diff --git a/font-awesome-4.7.0/less/bordered-pulled.less b/font-awesome-4.7.0/less/bordered-pulled.less new file mode 100644 index 0000000..f1c8ad7 --- /dev/null +++ b/font-awesome-4.7.0/less/bordered-pulled.less @@ -0,0 +1,25 @@ +// Bordered & Pulled +// ------------------------- + +.@{fa-css-prefix}-border { + padding: .2em .25em .15em; + border: solid .08em @fa-border-color; + border-radius: .1em; +} + +.@{fa-css-prefix}-pull-left { float: left; } +.@{fa-css-prefix}-pull-right { float: right; } + +.@{fa-css-prefix} { + &.@{fa-css-prefix}-pull-left { margin-right: .3em; } + &.@{fa-css-prefix}-pull-right { margin-left: .3em; } +} + +/* Deprecated as of 4.4.0 */ +.pull-right { float: right; } +.pull-left { float: left; } + +.@{fa-css-prefix} { + &.pull-left { margin-right: .3em; } + &.pull-right { margin-left: .3em; } +} diff --git a/font-awesome-4.7.0/less/core.less b/font-awesome-4.7.0/less/core.less new file mode 100644 index 0000000..c577ac8 --- /dev/null +++ b/font-awesome-4.7.0/less/core.less @@ -0,0 +1,12 @@ +// Base Class Definition +// ------------------------- + +.@{fa-css-prefix} { + display: inline-block; + font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + +} diff --git a/font-awesome-4.7.0/less/fixed-width.less b/font-awesome-4.7.0/less/fixed-width.less new file mode 100644 index 0000000..110289f --- /dev/null +++ b/font-awesome-4.7.0/less/fixed-width.less @@ -0,0 +1,6 @@ +// Fixed Width Icons +// ------------------------- +.@{fa-css-prefix}-fw { + width: (18em / 14); + text-align: center; +} diff --git a/font-awesome-4.7.0/less/font-awesome.less b/font-awesome-4.7.0/less/font-awesome.less new file mode 100644 index 0000000..c3677de --- /dev/null +++ b/font-awesome-4.7.0/less/font-awesome.less @@ -0,0 +1,18 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ + +@import "variables.less"; +@import "mixins.less"; +@import "path.less"; +@import "core.less"; +@import "larger.less"; +@import "fixed-width.less"; +@import "list.less"; +@import "bordered-pulled.less"; +@import "animated.less"; +@import "rotated-flipped.less"; +@import "stacked.less"; +@import "icons.less"; +@import "screen-reader.less"; diff --git a/font-awesome-4.7.0/less/icons.less b/font-awesome-4.7.0/less/icons.less new file mode 100644 index 0000000..159d600 --- /dev/null +++ b/font-awesome-4.7.0/less/icons.less @@ -0,0 +1,789 @@ +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ + +.@{fa-css-prefix}-glass:before { content: @fa-var-glass; } +.@{fa-css-prefix}-music:before { content: @fa-var-music; } +.@{fa-css-prefix}-search:before { content: @fa-var-search; } +.@{fa-css-prefix}-envelope-o:before { content: @fa-var-envelope-o; } +.@{fa-css-prefix}-heart:before { content: @fa-var-heart; } +.@{fa-css-prefix}-star:before { content: @fa-var-star; } +.@{fa-css-prefix}-star-o:before { content: @fa-var-star-o; } +.@{fa-css-prefix}-user:before { content: @fa-var-user; } +.@{fa-css-prefix}-film:before { content: @fa-var-film; } +.@{fa-css-prefix}-th-large:before { content: @fa-var-th-large; } +.@{fa-css-prefix}-th:before { content: @fa-var-th; } +.@{fa-css-prefix}-th-list:before { content: @fa-var-th-list; } +.@{fa-css-prefix}-check:before { content: @fa-var-check; } +.@{fa-css-prefix}-remove:before, +.@{fa-css-prefix}-close:before, +.@{fa-css-prefix}-times:before { content: @fa-var-times; } +.@{fa-css-prefix}-search-plus:before { content: @fa-var-search-plus; } +.@{fa-css-prefix}-search-minus:before { content: @fa-var-search-minus; } +.@{fa-css-prefix}-power-off:before { content: @fa-var-power-off; } +.@{fa-css-prefix}-signal:before { content: @fa-var-signal; } +.@{fa-css-prefix}-gear:before, +.@{fa-css-prefix}-cog:before { content: @fa-var-cog; } +.@{fa-css-prefix}-trash-o:before { content: @fa-var-trash-o; } +.@{fa-css-prefix}-home:before { content: @fa-var-home; } +.@{fa-css-prefix}-file-o:before { content: @fa-var-file-o; } +.@{fa-css-prefix}-clock-o:before { content: @fa-var-clock-o; } +.@{fa-css-prefix}-road:before { content: @fa-var-road; } +.@{fa-css-prefix}-download:before { content: @fa-var-download; } +.@{fa-css-prefix}-arrow-circle-o-down:before { content: @fa-var-arrow-circle-o-down; } +.@{fa-css-prefix}-arrow-circle-o-up:before { content: @fa-var-arrow-circle-o-up; } +.@{fa-css-prefix}-inbox:before { content: @fa-var-inbox; } +.@{fa-css-prefix}-play-circle-o:before { content: @fa-var-play-circle-o; } +.@{fa-css-prefix}-rotate-right:before, +.@{fa-css-prefix}-repeat:before { content: @fa-var-repeat; } +.@{fa-css-prefix}-refresh:before { content: @fa-var-refresh; } +.@{fa-css-prefix}-list-alt:before { content: @fa-var-list-alt; } +.@{fa-css-prefix}-lock:before { content: @fa-var-lock; } +.@{fa-css-prefix}-flag:before { content: @fa-var-flag; } +.@{fa-css-prefix}-headphones:before { content: @fa-var-headphones; } +.@{fa-css-prefix}-volume-off:before { content: @fa-var-volume-off; } +.@{fa-css-prefix}-volume-down:before { content: @fa-var-volume-down; } +.@{fa-css-prefix}-volume-up:before { content: @fa-var-volume-up; } +.@{fa-css-prefix}-qrcode:before { content: @fa-var-qrcode; } +.@{fa-css-prefix}-barcode:before { content: @fa-var-barcode; } +.@{fa-css-prefix}-tag:before { content: @fa-var-tag; } +.@{fa-css-prefix}-tags:before { content: @fa-var-tags; } +.@{fa-css-prefix}-book:before { content: @fa-var-book; } +.@{fa-css-prefix}-bookmark:before { content: @fa-var-bookmark; } +.@{fa-css-prefix}-print:before { content: @fa-var-print; } +.@{fa-css-prefix}-camera:before { content: @fa-var-camera; } +.@{fa-css-prefix}-font:before { content: @fa-var-font; } +.@{fa-css-prefix}-bold:before { content: @fa-var-bold; } +.@{fa-css-prefix}-italic:before { content: @fa-var-italic; } +.@{fa-css-prefix}-text-height:before { content: @fa-var-text-height; } +.@{fa-css-prefix}-text-width:before { content: @fa-var-text-width; } +.@{fa-css-prefix}-align-left:before { content: @fa-var-align-left; } +.@{fa-css-prefix}-align-center:before { content: @fa-var-align-center; } +.@{fa-css-prefix}-align-right:before { content: @fa-var-align-right; } +.@{fa-css-prefix}-align-justify:before { content: @fa-var-align-justify; } +.@{fa-css-prefix}-list:before { content: @fa-var-list; } +.@{fa-css-prefix}-dedent:before, +.@{fa-css-prefix}-outdent:before { content: @fa-var-outdent; } +.@{fa-css-prefix}-indent:before { content: @fa-var-indent; } +.@{fa-css-prefix}-video-camera:before { content: @fa-var-video-camera; } +.@{fa-css-prefix}-photo:before, +.@{fa-css-prefix}-image:before, +.@{fa-css-prefix}-picture-o:before { content: @fa-var-picture-o; } +.@{fa-css-prefix}-pencil:before { content: @fa-var-pencil; } +.@{fa-css-prefix}-map-marker:before { content: @fa-var-map-marker; } +.@{fa-css-prefix}-adjust:before { content: @fa-var-adjust; } +.@{fa-css-prefix}-tint:before { content: @fa-var-tint; } +.@{fa-css-prefix}-edit:before, +.@{fa-css-prefix}-pencil-square-o:before { content: @fa-var-pencil-square-o; } +.@{fa-css-prefix}-share-square-o:before { content: @fa-var-share-square-o; } +.@{fa-css-prefix}-check-square-o:before { content: @fa-var-check-square-o; } +.@{fa-css-prefix}-arrows:before { content: @fa-var-arrows; } +.@{fa-css-prefix}-step-backward:before { content: @fa-var-step-backward; } +.@{fa-css-prefix}-fast-backward:before { content: @fa-var-fast-backward; } +.@{fa-css-prefix}-backward:before { content: @fa-var-backward; } +.@{fa-css-prefix}-play:before { content: @fa-var-play; } +.@{fa-css-prefix}-pause:before { content: @fa-var-pause; } +.@{fa-css-prefix}-stop:before { content: @fa-var-stop; } +.@{fa-css-prefix}-forward:before { content: @fa-var-forward; } +.@{fa-css-prefix}-fast-forward:before { content: @fa-var-fast-forward; } +.@{fa-css-prefix}-step-forward:before { content: @fa-var-step-forward; } +.@{fa-css-prefix}-eject:before { content: @fa-var-eject; } +.@{fa-css-prefix}-chevron-left:before { content: @fa-var-chevron-left; } +.@{fa-css-prefix}-chevron-right:before { content: @fa-var-chevron-right; } +.@{fa-css-prefix}-plus-circle:before { content: @fa-var-plus-circle; } +.@{fa-css-prefix}-minus-circle:before { content: @fa-var-minus-circle; } +.@{fa-css-prefix}-times-circle:before { content: @fa-var-times-circle; } +.@{fa-css-prefix}-check-circle:before { content: @fa-var-check-circle; } +.@{fa-css-prefix}-question-circle:before { content: @fa-var-question-circle; } +.@{fa-css-prefix}-info-circle:before { content: @fa-var-info-circle; } +.@{fa-css-prefix}-crosshairs:before { content: @fa-var-crosshairs; } +.@{fa-css-prefix}-times-circle-o:before { content: @fa-var-times-circle-o; } +.@{fa-css-prefix}-check-circle-o:before { content: @fa-var-check-circle-o; } +.@{fa-css-prefix}-ban:before { content: @fa-var-ban; } +.@{fa-css-prefix}-arrow-left:before { content: @fa-var-arrow-left; } +.@{fa-css-prefix}-arrow-right:before { content: @fa-var-arrow-right; } +.@{fa-css-prefix}-arrow-up:before { content: @fa-var-arrow-up; } +.@{fa-css-prefix}-arrow-down:before { content: @fa-var-arrow-down; } +.@{fa-css-prefix}-mail-forward:before, +.@{fa-css-prefix}-share:before { content: @fa-var-share; } +.@{fa-css-prefix}-expand:before { content: @fa-var-expand; } +.@{fa-css-prefix}-compress:before { content: @fa-var-compress; } +.@{fa-css-prefix}-plus:before { content: @fa-var-plus; } +.@{fa-css-prefix}-minus:before { content: @fa-var-minus; } +.@{fa-css-prefix}-asterisk:before { content: @fa-var-asterisk; } +.@{fa-css-prefix}-exclamation-circle:before { content: @fa-var-exclamation-circle; } +.@{fa-css-prefix}-gift:before { content: @fa-var-gift; } +.@{fa-css-prefix}-leaf:before { content: @fa-var-leaf; } +.@{fa-css-prefix}-fire:before { content: @fa-var-fire; } +.@{fa-css-prefix}-eye:before { content: @fa-var-eye; } +.@{fa-css-prefix}-eye-slash:before { content: @fa-var-eye-slash; } +.@{fa-css-prefix}-warning:before, +.@{fa-css-prefix}-exclamation-triangle:before { content: @fa-var-exclamation-triangle; } +.@{fa-css-prefix}-plane:before { content: @fa-var-plane; } +.@{fa-css-prefix}-calendar:before { content: @fa-var-calendar; } +.@{fa-css-prefix}-random:before { content: @fa-var-random; } +.@{fa-css-prefix}-comment:before { content: @fa-var-comment; } +.@{fa-css-prefix}-magnet:before { content: @fa-var-magnet; } +.@{fa-css-prefix}-chevron-up:before { content: @fa-var-chevron-up; } +.@{fa-css-prefix}-chevron-down:before { content: @fa-var-chevron-down; } +.@{fa-css-prefix}-retweet:before { content: @fa-var-retweet; } +.@{fa-css-prefix}-shopping-cart:before { content: @fa-var-shopping-cart; } +.@{fa-css-prefix}-folder:before { content: @fa-var-folder; } +.@{fa-css-prefix}-folder-open:before { content: @fa-var-folder-open; } +.@{fa-css-prefix}-arrows-v:before { content: @fa-var-arrows-v; } +.@{fa-css-prefix}-arrows-h:before { content: @fa-var-arrows-h; } +.@{fa-css-prefix}-bar-chart-o:before, +.@{fa-css-prefix}-bar-chart:before { content: @fa-var-bar-chart; } +.@{fa-css-prefix}-twitter-square:before { content: @fa-var-twitter-square; } +.@{fa-css-prefix}-facebook-square:before { content: @fa-var-facebook-square; } +.@{fa-css-prefix}-camera-retro:before { content: @fa-var-camera-retro; } +.@{fa-css-prefix}-key:before { content: @fa-var-key; } +.@{fa-css-prefix}-gears:before, +.@{fa-css-prefix}-cogs:before { content: @fa-var-cogs; } +.@{fa-css-prefix}-comments:before { content: @fa-var-comments; } +.@{fa-css-prefix}-thumbs-o-up:before { content: @fa-var-thumbs-o-up; } +.@{fa-css-prefix}-thumbs-o-down:before { content: @fa-var-thumbs-o-down; } +.@{fa-css-prefix}-star-half:before { content: @fa-var-star-half; } +.@{fa-css-prefix}-heart-o:before { content: @fa-var-heart-o; } +.@{fa-css-prefix}-sign-out:before { content: @fa-var-sign-out; } +.@{fa-css-prefix}-linkedin-square:before { content: @fa-var-linkedin-square; } +.@{fa-css-prefix}-thumb-tack:before { content: @fa-var-thumb-tack; } +.@{fa-css-prefix}-external-link:before { content: @fa-var-external-link; } +.@{fa-css-prefix}-sign-in:before { content: @fa-var-sign-in; } +.@{fa-css-prefix}-trophy:before { content: @fa-var-trophy; } +.@{fa-css-prefix}-github-square:before { content: @fa-var-github-square; } +.@{fa-css-prefix}-upload:before { content: @fa-var-upload; } +.@{fa-css-prefix}-lemon-o:before { content: @fa-var-lemon-o; } +.@{fa-css-prefix}-phone:before { content: @fa-var-phone; } +.@{fa-css-prefix}-square-o:before { content: @fa-var-square-o; } +.@{fa-css-prefix}-bookmark-o:before { content: @fa-var-bookmark-o; } +.@{fa-css-prefix}-phone-square:before { content: @fa-var-phone-square; } +.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; } +.@{fa-css-prefix}-facebook-f:before, +.@{fa-css-prefix}-facebook:before { content: @fa-var-facebook; } +.@{fa-css-prefix}-github:before { content: @fa-var-github; } +.@{fa-css-prefix}-unlock:before { content: @fa-var-unlock; } +.@{fa-css-prefix}-credit-card:before { content: @fa-var-credit-card; } +.@{fa-css-prefix}-feed:before, +.@{fa-css-prefix}-rss:before { content: @fa-var-rss; } +.@{fa-css-prefix}-hdd-o:before { content: @fa-var-hdd-o; } +.@{fa-css-prefix}-bullhorn:before { content: @fa-var-bullhorn; } +.@{fa-css-prefix}-bell:before { content: @fa-var-bell; } +.@{fa-css-prefix}-certificate:before { content: @fa-var-certificate; } +.@{fa-css-prefix}-hand-o-right:before { content: @fa-var-hand-o-right; } +.@{fa-css-prefix}-hand-o-left:before { content: @fa-var-hand-o-left; } +.@{fa-css-prefix}-hand-o-up:before { content: @fa-var-hand-o-up; } +.@{fa-css-prefix}-hand-o-down:before { content: @fa-var-hand-o-down; } +.@{fa-css-prefix}-arrow-circle-left:before { content: @fa-var-arrow-circle-left; } +.@{fa-css-prefix}-arrow-circle-right:before { content: @fa-var-arrow-circle-right; } +.@{fa-css-prefix}-arrow-circle-up:before { content: @fa-var-arrow-circle-up; } +.@{fa-css-prefix}-arrow-circle-down:before { content: @fa-var-arrow-circle-down; } +.@{fa-css-prefix}-globe:before { content: @fa-var-globe; } +.@{fa-css-prefix}-wrench:before { content: @fa-var-wrench; } +.@{fa-css-prefix}-tasks:before { content: @fa-var-tasks; } +.@{fa-css-prefix}-filter:before { content: @fa-var-filter; } +.@{fa-css-prefix}-briefcase:before { content: @fa-var-briefcase; } +.@{fa-css-prefix}-arrows-alt:before { content: @fa-var-arrows-alt; } +.@{fa-css-prefix}-group:before, +.@{fa-css-prefix}-users:before { content: @fa-var-users; } +.@{fa-css-prefix}-chain:before, +.@{fa-css-prefix}-link:before { content: @fa-var-link; } +.@{fa-css-prefix}-cloud:before { content: @fa-var-cloud; } +.@{fa-css-prefix}-flask:before { content: @fa-var-flask; } +.@{fa-css-prefix}-cut:before, +.@{fa-css-prefix}-scissors:before { content: @fa-var-scissors; } +.@{fa-css-prefix}-copy:before, +.@{fa-css-prefix}-files-o:before { content: @fa-var-files-o; } +.@{fa-css-prefix}-paperclip:before { content: @fa-var-paperclip; } +.@{fa-css-prefix}-save:before, +.@{fa-css-prefix}-floppy-o:before { content: @fa-var-floppy-o; } +.@{fa-css-prefix}-square:before { content: @fa-var-square; } +.@{fa-css-prefix}-navicon:before, +.@{fa-css-prefix}-reorder:before, +.@{fa-css-prefix}-bars:before { content: @fa-var-bars; } +.@{fa-css-prefix}-list-ul:before { content: @fa-var-list-ul; } +.@{fa-css-prefix}-list-ol:before { content: @fa-var-list-ol; } +.@{fa-css-prefix}-strikethrough:before { content: @fa-var-strikethrough; } +.@{fa-css-prefix}-underline:before { content: @fa-var-underline; } +.@{fa-css-prefix}-table:before { content: @fa-var-table; } +.@{fa-css-prefix}-magic:before { content: @fa-var-magic; } +.@{fa-css-prefix}-truck:before { content: @fa-var-truck; } +.@{fa-css-prefix}-pinterest:before { content: @fa-var-pinterest; } +.@{fa-css-prefix}-pinterest-square:before { content: @fa-var-pinterest-square; } +.@{fa-css-prefix}-google-plus-square:before { content: @fa-var-google-plus-square; } +.@{fa-css-prefix}-google-plus:before { content: @fa-var-google-plus; } +.@{fa-css-prefix}-money:before { content: @fa-var-money; } +.@{fa-css-prefix}-caret-down:before { content: @fa-var-caret-down; } +.@{fa-css-prefix}-caret-up:before { content: @fa-var-caret-up; } +.@{fa-css-prefix}-caret-left:before { content: @fa-var-caret-left; } +.@{fa-css-prefix}-caret-right:before { content: @fa-var-caret-right; } +.@{fa-css-prefix}-columns:before { content: @fa-var-columns; } +.@{fa-css-prefix}-unsorted:before, +.@{fa-css-prefix}-sort:before { content: @fa-var-sort; } +.@{fa-css-prefix}-sort-down:before, +.@{fa-css-prefix}-sort-desc:before { content: @fa-var-sort-desc; } +.@{fa-css-prefix}-sort-up:before, +.@{fa-css-prefix}-sort-asc:before { content: @fa-var-sort-asc; } +.@{fa-css-prefix}-envelope:before { content: @fa-var-envelope; } +.@{fa-css-prefix}-linkedin:before { content: @fa-var-linkedin; } +.@{fa-css-prefix}-rotate-left:before, +.@{fa-css-prefix}-undo:before { content: @fa-var-undo; } +.@{fa-css-prefix}-legal:before, +.@{fa-css-prefix}-gavel:before { content: @fa-var-gavel; } +.@{fa-css-prefix}-dashboard:before, +.@{fa-css-prefix}-tachometer:before { content: @fa-var-tachometer; } +.@{fa-css-prefix}-comment-o:before { content: @fa-var-comment-o; } +.@{fa-css-prefix}-comments-o:before { content: @fa-var-comments-o; } +.@{fa-css-prefix}-flash:before, +.@{fa-css-prefix}-bolt:before { content: @fa-var-bolt; } +.@{fa-css-prefix}-sitemap:before { content: @fa-var-sitemap; } +.@{fa-css-prefix}-umbrella:before { content: @fa-var-umbrella; } +.@{fa-css-prefix}-paste:before, +.@{fa-css-prefix}-clipboard:before { content: @fa-var-clipboard; } +.@{fa-css-prefix}-lightbulb-o:before { content: @fa-var-lightbulb-o; } +.@{fa-css-prefix}-exchange:before { content: @fa-var-exchange; } +.@{fa-css-prefix}-cloud-download:before { content: @fa-var-cloud-download; } +.@{fa-css-prefix}-cloud-upload:before { content: @fa-var-cloud-upload; } +.@{fa-css-prefix}-user-md:before { content: @fa-var-user-md; } +.@{fa-css-prefix}-stethoscope:before { content: @fa-var-stethoscope; } +.@{fa-css-prefix}-suitcase:before { content: @fa-var-suitcase; } +.@{fa-css-prefix}-bell-o:before { content: @fa-var-bell-o; } +.@{fa-css-prefix}-coffee:before { content: @fa-var-coffee; } +.@{fa-css-prefix}-cutlery:before { content: @fa-var-cutlery; } +.@{fa-css-prefix}-file-text-o:before { content: @fa-var-file-text-o; } +.@{fa-css-prefix}-building-o:before { content: @fa-var-building-o; } +.@{fa-css-prefix}-hospital-o:before { content: @fa-var-hospital-o; } +.@{fa-css-prefix}-ambulance:before { content: @fa-var-ambulance; } +.@{fa-css-prefix}-medkit:before { content: @fa-var-medkit; } +.@{fa-css-prefix}-fighter-jet:before { content: @fa-var-fighter-jet; } +.@{fa-css-prefix}-beer:before { content: @fa-var-beer; } +.@{fa-css-prefix}-h-square:before { content: @fa-var-h-square; } +.@{fa-css-prefix}-plus-square:before { content: @fa-var-plus-square; } +.@{fa-css-prefix}-angle-double-left:before { content: @fa-var-angle-double-left; } +.@{fa-css-prefix}-angle-double-right:before { content: @fa-var-angle-double-right; } +.@{fa-css-prefix}-angle-double-up:before { content: @fa-var-angle-double-up; } +.@{fa-css-prefix}-angle-double-down:before { content: @fa-var-angle-double-down; } +.@{fa-css-prefix}-angle-left:before { content: @fa-var-angle-left; } +.@{fa-css-prefix}-angle-right:before { content: @fa-var-angle-right; } +.@{fa-css-prefix}-angle-up:before { content: @fa-var-angle-up; } +.@{fa-css-prefix}-angle-down:before { content: @fa-var-angle-down; } +.@{fa-css-prefix}-desktop:before { content: @fa-var-desktop; } +.@{fa-css-prefix}-laptop:before { content: @fa-var-laptop; } +.@{fa-css-prefix}-tablet:before { content: @fa-var-tablet; } +.@{fa-css-prefix}-mobile-phone:before, +.@{fa-css-prefix}-mobile:before { content: @fa-var-mobile; } +.@{fa-css-prefix}-circle-o:before { content: @fa-var-circle-o; } +.@{fa-css-prefix}-quote-left:before { content: @fa-var-quote-left; } +.@{fa-css-prefix}-quote-right:before { content: @fa-var-quote-right; } +.@{fa-css-prefix}-spinner:before { content: @fa-var-spinner; } +.@{fa-css-prefix}-circle:before { content: @fa-var-circle; } +.@{fa-css-prefix}-mail-reply:before, +.@{fa-css-prefix}-reply:before { content: @fa-var-reply; } +.@{fa-css-prefix}-github-alt:before { content: @fa-var-github-alt; } +.@{fa-css-prefix}-folder-o:before { content: @fa-var-folder-o; } +.@{fa-css-prefix}-folder-open-o:before { content: @fa-var-folder-open-o; } +.@{fa-css-prefix}-smile-o:before { content: @fa-var-smile-o; } +.@{fa-css-prefix}-frown-o:before { content: @fa-var-frown-o; } +.@{fa-css-prefix}-meh-o:before { content: @fa-var-meh-o; } +.@{fa-css-prefix}-gamepad:before { content: @fa-var-gamepad; } +.@{fa-css-prefix}-keyboard-o:before { content: @fa-var-keyboard-o; } +.@{fa-css-prefix}-flag-o:before { content: @fa-var-flag-o; } +.@{fa-css-prefix}-flag-checkered:before { content: @fa-var-flag-checkered; } +.@{fa-css-prefix}-terminal:before { content: @fa-var-terminal; } +.@{fa-css-prefix}-code:before { content: @fa-var-code; } +.@{fa-css-prefix}-mail-reply-all:before, +.@{fa-css-prefix}-reply-all:before { content: @fa-var-reply-all; } +.@{fa-css-prefix}-star-half-empty:before, +.@{fa-css-prefix}-star-half-full:before, +.@{fa-css-prefix}-star-half-o:before { content: @fa-var-star-half-o; } +.@{fa-css-prefix}-location-arrow:before { content: @fa-var-location-arrow; } +.@{fa-css-prefix}-crop:before { content: @fa-var-crop; } +.@{fa-css-prefix}-code-fork:before { content: @fa-var-code-fork; } +.@{fa-css-prefix}-unlink:before, +.@{fa-css-prefix}-chain-broken:before { content: @fa-var-chain-broken; } +.@{fa-css-prefix}-question:before { content: @fa-var-question; } +.@{fa-css-prefix}-info:before { content: @fa-var-info; } +.@{fa-css-prefix}-exclamation:before { content: @fa-var-exclamation; } +.@{fa-css-prefix}-superscript:before { content: @fa-var-superscript; } +.@{fa-css-prefix}-subscript:before { content: @fa-var-subscript; } +.@{fa-css-prefix}-eraser:before { content: @fa-var-eraser; } +.@{fa-css-prefix}-puzzle-piece:before { content: @fa-var-puzzle-piece; } +.@{fa-css-prefix}-microphone:before { content: @fa-var-microphone; } +.@{fa-css-prefix}-microphone-slash:before { content: @fa-var-microphone-slash; } +.@{fa-css-prefix}-shield:before { content: @fa-var-shield; } +.@{fa-css-prefix}-calendar-o:before { content: @fa-var-calendar-o; } +.@{fa-css-prefix}-fire-extinguisher:before { content: @fa-var-fire-extinguisher; } +.@{fa-css-prefix}-rocket:before { content: @fa-var-rocket; } +.@{fa-css-prefix}-maxcdn:before { content: @fa-var-maxcdn; } +.@{fa-css-prefix}-chevron-circle-left:before { content: @fa-var-chevron-circle-left; } +.@{fa-css-prefix}-chevron-circle-right:before { content: @fa-var-chevron-circle-right; } +.@{fa-css-prefix}-chevron-circle-up:before { content: @fa-var-chevron-circle-up; } +.@{fa-css-prefix}-chevron-circle-down:before { content: @fa-var-chevron-circle-down; } +.@{fa-css-prefix}-html5:before { content: @fa-var-html5; } +.@{fa-css-prefix}-css3:before { content: @fa-var-css3; } +.@{fa-css-prefix}-anchor:before { content: @fa-var-anchor; } +.@{fa-css-prefix}-unlock-alt:before { content: @fa-var-unlock-alt; } +.@{fa-css-prefix}-bullseye:before { content: @fa-var-bullseye; } +.@{fa-css-prefix}-ellipsis-h:before { content: @fa-var-ellipsis-h; } +.@{fa-css-prefix}-ellipsis-v:before { content: @fa-var-ellipsis-v; } +.@{fa-css-prefix}-rss-square:before { content: @fa-var-rss-square; } +.@{fa-css-prefix}-play-circle:before { content: @fa-var-play-circle; } +.@{fa-css-prefix}-ticket:before { content: @fa-var-ticket; } +.@{fa-css-prefix}-minus-square:before { content: @fa-var-minus-square; } +.@{fa-css-prefix}-minus-square-o:before { content: @fa-var-minus-square-o; } +.@{fa-css-prefix}-level-up:before { content: @fa-var-level-up; } +.@{fa-css-prefix}-level-down:before { content: @fa-var-level-down; } +.@{fa-css-prefix}-check-square:before { content: @fa-var-check-square; } +.@{fa-css-prefix}-pencil-square:before { content: @fa-var-pencil-square; } +.@{fa-css-prefix}-external-link-square:before { content: @fa-var-external-link-square; } +.@{fa-css-prefix}-share-square:before { content: @fa-var-share-square; } +.@{fa-css-prefix}-compass:before { content: @fa-var-compass; } +.@{fa-css-prefix}-toggle-down:before, +.@{fa-css-prefix}-caret-square-o-down:before { content: @fa-var-caret-square-o-down; } +.@{fa-css-prefix}-toggle-up:before, +.@{fa-css-prefix}-caret-square-o-up:before { content: @fa-var-caret-square-o-up; } +.@{fa-css-prefix}-toggle-right:before, +.@{fa-css-prefix}-caret-square-o-right:before { content: @fa-var-caret-square-o-right; } +.@{fa-css-prefix}-euro:before, +.@{fa-css-prefix}-eur:before { content: @fa-var-eur; } +.@{fa-css-prefix}-gbp:before { content: @fa-var-gbp; } +.@{fa-css-prefix}-dollar:before, +.@{fa-css-prefix}-usd:before { content: @fa-var-usd; } +.@{fa-css-prefix}-rupee:before, +.@{fa-css-prefix}-inr:before { content: @fa-var-inr; } +.@{fa-css-prefix}-cny:before, +.@{fa-css-prefix}-rmb:before, +.@{fa-css-prefix}-yen:before, +.@{fa-css-prefix}-jpy:before { content: @fa-var-jpy; } +.@{fa-css-prefix}-ruble:before, +.@{fa-css-prefix}-rouble:before, +.@{fa-css-prefix}-rub:before { content: @fa-var-rub; } +.@{fa-css-prefix}-won:before, +.@{fa-css-prefix}-krw:before { content: @fa-var-krw; } +.@{fa-css-prefix}-bitcoin:before, +.@{fa-css-prefix}-btc:before { content: @fa-var-btc; } +.@{fa-css-prefix}-file:before { content: @fa-var-file; } +.@{fa-css-prefix}-file-text:before { content: @fa-var-file-text; } +.@{fa-css-prefix}-sort-alpha-asc:before { content: @fa-var-sort-alpha-asc; } +.@{fa-css-prefix}-sort-alpha-desc:before { content: @fa-var-sort-alpha-desc; } +.@{fa-css-prefix}-sort-amount-asc:before { content: @fa-var-sort-amount-asc; } +.@{fa-css-prefix}-sort-amount-desc:before { content: @fa-var-sort-amount-desc; } +.@{fa-css-prefix}-sort-numeric-asc:before { content: @fa-var-sort-numeric-asc; } +.@{fa-css-prefix}-sort-numeric-desc:before { content: @fa-var-sort-numeric-desc; } +.@{fa-css-prefix}-thumbs-up:before { content: @fa-var-thumbs-up; } +.@{fa-css-prefix}-thumbs-down:before { content: @fa-var-thumbs-down; } +.@{fa-css-prefix}-youtube-square:before { content: @fa-var-youtube-square; } +.@{fa-css-prefix}-youtube:before { content: @fa-var-youtube; } +.@{fa-css-prefix}-xing:before { content: @fa-var-xing; } +.@{fa-css-prefix}-xing-square:before { content: @fa-var-xing-square; } +.@{fa-css-prefix}-youtube-play:before { content: @fa-var-youtube-play; } +.@{fa-css-prefix}-dropbox:before { content: @fa-var-dropbox; } +.@{fa-css-prefix}-stack-overflow:before { content: @fa-var-stack-overflow; } +.@{fa-css-prefix}-instagram:before { content: @fa-var-instagram; } +.@{fa-css-prefix}-flickr:before { content: @fa-var-flickr; } +.@{fa-css-prefix}-adn:before { content: @fa-var-adn; } +.@{fa-css-prefix}-bitbucket:before { content: @fa-var-bitbucket; } +.@{fa-css-prefix}-bitbucket-square:before { content: @fa-var-bitbucket-square; } +.@{fa-css-prefix}-tumblr:before { content: @fa-var-tumblr; } +.@{fa-css-prefix}-tumblr-square:before { content: @fa-var-tumblr-square; } +.@{fa-css-prefix}-long-arrow-down:before { content: @fa-var-long-arrow-down; } +.@{fa-css-prefix}-long-arrow-up:before { content: @fa-var-long-arrow-up; } +.@{fa-css-prefix}-long-arrow-left:before { content: @fa-var-long-arrow-left; } +.@{fa-css-prefix}-long-arrow-right:before { content: @fa-var-long-arrow-right; } +.@{fa-css-prefix}-apple:before { content: @fa-var-apple; } +.@{fa-css-prefix}-windows:before { content: @fa-var-windows; } +.@{fa-css-prefix}-android:before { content: @fa-var-android; } +.@{fa-css-prefix}-linux:before { content: @fa-var-linux; } +.@{fa-css-prefix}-dribbble:before { content: @fa-var-dribbble; } +.@{fa-css-prefix}-skype:before { content: @fa-var-skype; } +.@{fa-css-prefix}-foursquare:before { content: @fa-var-foursquare; } +.@{fa-css-prefix}-trello:before { content: @fa-var-trello; } +.@{fa-css-prefix}-female:before { content: @fa-var-female; } +.@{fa-css-prefix}-male:before { content: @fa-var-male; } +.@{fa-css-prefix}-gittip:before, +.@{fa-css-prefix}-gratipay:before { content: @fa-var-gratipay; } +.@{fa-css-prefix}-sun-o:before { content: @fa-var-sun-o; } +.@{fa-css-prefix}-moon-o:before { content: @fa-var-moon-o; } +.@{fa-css-prefix}-archive:before { content: @fa-var-archive; } +.@{fa-css-prefix}-bug:before { content: @fa-var-bug; } +.@{fa-css-prefix}-vk:before { content: @fa-var-vk; } +.@{fa-css-prefix}-weibo:before { content: @fa-var-weibo; } +.@{fa-css-prefix}-renren:before { content: @fa-var-renren; } +.@{fa-css-prefix}-pagelines:before { content: @fa-var-pagelines; } +.@{fa-css-prefix}-stack-exchange:before { content: @fa-var-stack-exchange; } +.@{fa-css-prefix}-arrow-circle-o-right:before { content: @fa-var-arrow-circle-o-right; } +.@{fa-css-prefix}-arrow-circle-o-left:before { content: @fa-var-arrow-circle-o-left; } +.@{fa-css-prefix}-toggle-left:before, +.@{fa-css-prefix}-caret-square-o-left:before { content: @fa-var-caret-square-o-left; } +.@{fa-css-prefix}-dot-circle-o:before { content: @fa-var-dot-circle-o; } +.@{fa-css-prefix}-wheelchair:before { content: @fa-var-wheelchair; } +.@{fa-css-prefix}-vimeo-square:before { content: @fa-var-vimeo-square; } +.@{fa-css-prefix}-turkish-lira:before, +.@{fa-css-prefix}-try:before { content: @fa-var-try; } +.@{fa-css-prefix}-plus-square-o:before { content: @fa-var-plus-square-o; } +.@{fa-css-prefix}-space-shuttle:before { content: @fa-var-space-shuttle; } +.@{fa-css-prefix}-slack:before { content: @fa-var-slack; } +.@{fa-css-prefix}-envelope-square:before { content: @fa-var-envelope-square; } +.@{fa-css-prefix}-wordpress:before { content: @fa-var-wordpress; } +.@{fa-css-prefix}-openid:before { content: @fa-var-openid; } +.@{fa-css-prefix}-institution:before, +.@{fa-css-prefix}-bank:before, +.@{fa-css-prefix}-university:before { content: @fa-var-university; } +.@{fa-css-prefix}-mortar-board:before, +.@{fa-css-prefix}-graduation-cap:before { content: @fa-var-graduation-cap; } +.@{fa-css-prefix}-yahoo:before { content: @fa-var-yahoo; } +.@{fa-css-prefix}-google:before { content: @fa-var-google; } +.@{fa-css-prefix}-reddit:before { content: @fa-var-reddit; } +.@{fa-css-prefix}-reddit-square:before { content: @fa-var-reddit-square; } +.@{fa-css-prefix}-stumbleupon-circle:before { content: @fa-var-stumbleupon-circle; } +.@{fa-css-prefix}-stumbleupon:before { content: @fa-var-stumbleupon; } +.@{fa-css-prefix}-delicious:before { content: @fa-var-delicious; } +.@{fa-css-prefix}-digg:before { content: @fa-var-digg; } +.@{fa-css-prefix}-pied-piper-pp:before { content: @fa-var-pied-piper-pp; } +.@{fa-css-prefix}-pied-piper-alt:before { content: @fa-var-pied-piper-alt; } +.@{fa-css-prefix}-drupal:before { content: @fa-var-drupal; } +.@{fa-css-prefix}-joomla:before { content: @fa-var-joomla; } +.@{fa-css-prefix}-language:before { content: @fa-var-language; } +.@{fa-css-prefix}-fax:before { content: @fa-var-fax; } +.@{fa-css-prefix}-building:before { content: @fa-var-building; } +.@{fa-css-prefix}-child:before { content: @fa-var-child; } +.@{fa-css-prefix}-paw:before { content: @fa-var-paw; } +.@{fa-css-prefix}-spoon:before { content: @fa-var-spoon; } +.@{fa-css-prefix}-cube:before { content: @fa-var-cube; } +.@{fa-css-prefix}-cubes:before { content: @fa-var-cubes; } +.@{fa-css-prefix}-behance:before { content: @fa-var-behance; } +.@{fa-css-prefix}-behance-square:before { content: @fa-var-behance-square; } +.@{fa-css-prefix}-steam:before { content: @fa-var-steam; } +.@{fa-css-prefix}-steam-square:before { content: @fa-var-steam-square; } +.@{fa-css-prefix}-recycle:before { content: @fa-var-recycle; } +.@{fa-css-prefix}-automobile:before, +.@{fa-css-prefix}-car:before { content: @fa-var-car; } +.@{fa-css-prefix}-cab:before, +.@{fa-css-prefix}-taxi:before { content: @fa-var-taxi; } +.@{fa-css-prefix}-tree:before { content: @fa-var-tree; } +.@{fa-css-prefix}-spotify:before { content: @fa-var-spotify; } +.@{fa-css-prefix}-deviantart:before { content: @fa-var-deviantart; } +.@{fa-css-prefix}-soundcloud:before { content: @fa-var-soundcloud; } +.@{fa-css-prefix}-database:before { content: @fa-var-database; } +.@{fa-css-prefix}-file-pdf-o:before { content: @fa-var-file-pdf-o; } +.@{fa-css-prefix}-file-word-o:before { content: @fa-var-file-word-o; } +.@{fa-css-prefix}-file-excel-o:before { content: @fa-var-file-excel-o; } +.@{fa-css-prefix}-file-powerpoint-o:before { content: @fa-var-file-powerpoint-o; } +.@{fa-css-prefix}-file-photo-o:before, +.@{fa-css-prefix}-file-picture-o:before, +.@{fa-css-prefix}-file-image-o:before { content: @fa-var-file-image-o; } +.@{fa-css-prefix}-file-zip-o:before, +.@{fa-css-prefix}-file-archive-o:before { content: @fa-var-file-archive-o; } +.@{fa-css-prefix}-file-sound-o:before, +.@{fa-css-prefix}-file-audio-o:before { content: @fa-var-file-audio-o; } +.@{fa-css-prefix}-file-movie-o:before, +.@{fa-css-prefix}-file-video-o:before { content: @fa-var-file-video-o; } +.@{fa-css-prefix}-file-code-o:before { content: @fa-var-file-code-o; } +.@{fa-css-prefix}-vine:before { content: @fa-var-vine; } +.@{fa-css-prefix}-codepen:before { content: @fa-var-codepen; } +.@{fa-css-prefix}-jsfiddle:before { content: @fa-var-jsfiddle; } +.@{fa-css-prefix}-life-bouy:before, +.@{fa-css-prefix}-life-buoy:before, +.@{fa-css-prefix}-life-saver:before, +.@{fa-css-prefix}-support:before, +.@{fa-css-prefix}-life-ring:before { content: @fa-var-life-ring; } +.@{fa-css-prefix}-circle-o-notch:before { content: @fa-var-circle-o-notch; } +.@{fa-css-prefix}-ra:before, +.@{fa-css-prefix}-resistance:before, +.@{fa-css-prefix}-rebel:before { content: @fa-var-rebel; } +.@{fa-css-prefix}-ge:before, +.@{fa-css-prefix}-empire:before { content: @fa-var-empire; } +.@{fa-css-prefix}-git-square:before { content: @fa-var-git-square; } +.@{fa-css-prefix}-git:before { content: @fa-var-git; } +.@{fa-css-prefix}-y-combinator-square:before, +.@{fa-css-prefix}-yc-square:before, +.@{fa-css-prefix}-hacker-news:before { content: @fa-var-hacker-news; } +.@{fa-css-prefix}-tencent-weibo:before { content: @fa-var-tencent-weibo; } +.@{fa-css-prefix}-qq:before { content: @fa-var-qq; } +.@{fa-css-prefix}-wechat:before, +.@{fa-css-prefix}-weixin:before { content: @fa-var-weixin; } +.@{fa-css-prefix}-send:before, +.@{fa-css-prefix}-paper-plane:before { content: @fa-var-paper-plane; } +.@{fa-css-prefix}-send-o:before, +.@{fa-css-prefix}-paper-plane-o:before { content: @fa-var-paper-plane-o; } +.@{fa-css-prefix}-history:before { content: @fa-var-history; } +.@{fa-css-prefix}-circle-thin:before { content: @fa-var-circle-thin; } +.@{fa-css-prefix}-header:before { content: @fa-var-header; } +.@{fa-css-prefix}-paragraph:before { content: @fa-var-paragraph; } +.@{fa-css-prefix}-sliders:before { content: @fa-var-sliders; } +.@{fa-css-prefix}-share-alt:before { content: @fa-var-share-alt; } +.@{fa-css-prefix}-share-alt-square:before { content: @fa-var-share-alt-square; } +.@{fa-css-prefix}-bomb:before { content: @fa-var-bomb; } +.@{fa-css-prefix}-soccer-ball-o:before, +.@{fa-css-prefix}-futbol-o:before { content: @fa-var-futbol-o; } +.@{fa-css-prefix}-tty:before { content: @fa-var-tty; } +.@{fa-css-prefix}-binoculars:before { content: @fa-var-binoculars; } +.@{fa-css-prefix}-plug:before { content: @fa-var-plug; } +.@{fa-css-prefix}-slideshare:before { content: @fa-var-slideshare; } +.@{fa-css-prefix}-twitch:before { content: @fa-var-twitch; } +.@{fa-css-prefix}-yelp:before { content: @fa-var-yelp; } +.@{fa-css-prefix}-newspaper-o:before { content: @fa-var-newspaper-o; } +.@{fa-css-prefix}-wifi:before { content: @fa-var-wifi; } +.@{fa-css-prefix}-calculator:before { content: @fa-var-calculator; } +.@{fa-css-prefix}-paypal:before { content: @fa-var-paypal; } +.@{fa-css-prefix}-google-wallet:before { content: @fa-var-google-wallet; } +.@{fa-css-prefix}-cc-visa:before { content: @fa-var-cc-visa; } +.@{fa-css-prefix}-cc-mastercard:before { content: @fa-var-cc-mastercard; } +.@{fa-css-prefix}-cc-discover:before { content: @fa-var-cc-discover; } +.@{fa-css-prefix}-cc-amex:before { content: @fa-var-cc-amex; } +.@{fa-css-prefix}-cc-paypal:before { content: @fa-var-cc-paypal; } +.@{fa-css-prefix}-cc-stripe:before { content: @fa-var-cc-stripe; } +.@{fa-css-prefix}-bell-slash:before { content: @fa-var-bell-slash; } +.@{fa-css-prefix}-bell-slash-o:before { content: @fa-var-bell-slash-o; } +.@{fa-css-prefix}-trash:before { content: @fa-var-trash; } +.@{fa-css-prefix}-copyright:before { content: @fa-var-copyright; } +.@{fa-css-prefix}-at:before { content: @fa-var-at; } +.@{fa-css-prefix}-eyedropper:before { content: @fa-var-eyedropper; } +.@{fa-css-prefix}-paint-brush:before { content: @fa-var-paint-brush; } +.@{fa-css-prefix}-birthday-cake:before { content: @fa-var-birthday-cake; } +.@{fa-css-prefix}-area-chart:before { content: @fa-var-area-chart; } +.@{fa-css-prefix}-pie-chart:before { content: @fa-var-pie-chart; } +.@{fa-css-prefix}-line-chart:before { content: @fa-var-line-chart; } +.@{fa-css-prefix}-lastfm:before { content: @fa-var-lastfm; } +.@{fa-css-prefix}-lastfm-square:before { content: @fa-var-lastfm-square; } +.@{fa-css-prefix}-toggle-off:before { content: @fa-var-toggle-off; } +.@{fa-css-prefix}-toggle-on:before { content: @fa-var-toggle-on; } +.@{fa-css-prefix}-bicycle:before { content: @fa-var-bicycle; } +.@{fa-css-prefix}-bus:before { content: @fa-var-bus; } +.@{fa-css-prefix}-ioxhost:before { content: @fa-var-ioxhost; } +.@{fa-css-prefix}-angellist:before { content: @fa-var-angellist; } +.@{fa-css-prefix}-cc:before { content: @fa-var-cc; } +.@{fa-css-prefix}-shekel:before, +.@{fa-css-prefix}-sheqel:before, +.@{fa-css-prefix}-ils:before { content: @fa-var-ils; } +.@{fa-css-prefix}-meanpath:before { content: @fa-var-meanpath; } +.@{fa-css-prefix}-buysellads:before { content: @fa-var-buysellads; } +.@{fa-css-prefix}-connectdevelop:before { content: @fa-var-connectdevelop; } +.@{fa-css-prefix}-dashcube:before { content: @fa-var-dashcube; } +.@{fa-css-prefix}-forumbee:before { content: @fa-var-forumbee; } +.@{fa-css-prefix}-leanpub:before { content: @fa-var-leanpub; } +.@{fa-css-prefix}-sellsy:before { content: @fa-var-sellsy; } +.@{fa-css-prefix}-shirtsinbulk:before { content: @fa-var-shirtsinbulk; } +.@{fa-css-prefix}-simplybuilt:before { content: @fa-var-simplybuilt; } +.@{fa-css-prefix}-skyatlas:before { content: @fa-var-skyatlas; } +.@{fa-css-prefix}-cart-plus:before { content: @fa-var-cart-plus; } +.@{fa-css-prefix}-cart-arrow-down:before { content: @fa-var-cart-arrow-down; } +.@{fa-css-prefix}-diamond:before { content: @fa-var-diamond; } +.@{fa-css-prefix}-ship:before { content: @fa-var-ship; } +.@{fa-css-prefix}-user-secret:before { content: @fa-var-user-secret; } +.@{fa-css-prefix}-motorcycle:before { content: @fa-var-motorcycle; } +.@{fa-css-prefix}-street-view:before { content: @fa-var-street-view; } +.@{fa-css-prefix}-heartbeat:before { content: @fa-var-heartbeat; } +.@{fa-css-prefix}-venus:before { content: @fa-var-venus; } +.@{fa-css-prefix}-mars:before { content: @fa-var-mars; } +.@{fa-css-prefix}-mercury:before { content: @fa-var-mercury; } +.@{fa-css-prefix}-intersex:before, +.@{fa-css-prefix}-transgender:before { content: @fa-var-transgender; } +.@{fa-css-prefix}-transgender-alt:before { content: @fa-var-transgender-alt; } +.@{fa-css-prefix}-venus-double:before { content: @fa-var-venus-double; } +.@{fa-css-prefix}-mars-double:before { content: @fa-var-mars-double; } +.@{fa-css-prefix}-venus-mars:before { content: @fa-var-venus-mars; } +.@{fa-css-prefix}-mars-stroke:before { content: @fa-var-mars-stroke; } +.@{fa-css-prefix}-mars-stroke-v:before { content: @fa-var-mars-stroke-v; } +.@{fa-css-prefix}-mars-stroke-h:before { content: @fa-var-mars-stroke-h; } +.@{fa-css-prefix}-neuter:before { content: @fa-var-neuter; } +.@{fa-css-prefix}-genderless:before { content: @fa-var-genderless; } +.@{fa-css-prefix}-facebook-official:before { content: @fa-var-facebook-official; } +.@{fa-css-prefix}-pinterest-p:before { content: @fa-var-pinterest-p; } +.@{fa-css-prefix}-whatsapp:before { content: @fa-var-whatsapp; } +.@{fa-css-prefix}-server:before { content: @fa-var-server; } +.@{fa-css-prefix}-user-plus:before { content: @fa-var-user-plus; } +.@{fa-css-prefix}-user-times:before { content: @fa-var-user-times; } +.@{fa-css-prefix}-hotel:before, +.@{fa-css-prefix}-bed:before { content: @fa-var-bed; } +.@{fa-css-prefix}-viacoin:before { content: @fa-var-viacoin; } +.@{fa-css-prefix}-train:before { content: @fa-var-train; } +.@{fa-css-prefix}-subway:before { content: @fa-var-subway; } +.@{fa-css-prefix}-medium:before { content: @fa-var-medium; } +.@{fa-css-prefix}-yc:before, +.@{fa-css-prefix}-y-combinator:before { content: @fa-var-y-combinator; } +.@{fa-css-prefix}-optin-monster:before { content: @fa-var-optin-monster; } +.@{fa-css-prefix}-opencart:before { content: @fa-var-opencart; } +.@{fa-css-prefix}-expeditedssl:before { content: @fa-var-expeditedssl; } +.@{fa-css-prefix}-battery-4:before, +.@{fa-css-prefix}-battery:before, +.@{fa-css-prefix}-battery-full:before { content: @fa-var-battery-full; } +.@{fa-css-prefix}-battery-3:before, +.@{fa-css-prefix}-battery-three-quarters:before { content: @fa-var-battery-three-quarters; } +.@{fa-css-prefix}-battery-2:before, +.@{fa-css-prefix}-battery-half:before { content: @fa-var-battery-half; } +.@{fa-css-prefix}-battery-1:before, +.@{fa-css-prefix}-battery-quarter:before { content: @fa-var-battery-quarter; } +.@{fa-css-prefix}-battery-0:before, +.@{fa-css-prefix}-battery-empty:before { content: @fa-var-battery-empty; } +.@{fa-css-prefix}-mouse-pointer:before { content: @fa-var-mouse-pointer; } +.@{fa-css-prefix}-i-cursor:before { content: @fa-var-i-cursor; } +.@{fa-css-prefix}-object-group:before { content: @fa-var-object-group; } +.@{fa-css-prefix}-object-ungroup:before { content: @fa-var-object-ungroup; } +.@{fa-css-prefix}-sticky-note:before { content: @fa-var-sticky-note; } +.@{fa-css-prefix}-sticky-note-o:before { content: @fa-var-sticky-note-o; } +.@{fa-css-prefix}-cc-jcb:before { content: @fa-var-cc-jcb; } +.@{fa-css-prefix}-cc-diners-club:before { content: @fa-var-cc-diners-club; } +.@{fa-css-prefix}-clone:before { content: @fa-var-clone; } +.@{fa-css-prefix}-balance-scale:before { content: @fa-var-balance-scale; } +.@{fa-css-prefix}-hourglass-o:before { content: @fa-var-hourglass-o; } +.@{fa-css-prefix}-hourglass-1:before, +.@{fa-css-prefix}-hourglass-start:before { content: @fa-var-hourglass-start; } +.@{fa-css-prefix}-hourglass-2:before, +.@{fa-css-prefix}-hourglass-half:before { content: @fa-var-hourglass-half; } +.@{fa-css-prefix}-hourglass-3:before, +.@{fa-css-prefix}-hourglass-end:before { content: @fa-var-hourglass-end; } +.@{fa-css-prefix}-hourglass:before { content: @fa-var-hourglass; } +.@{fa-css-prefix}-hand-grab-o:before, +.@{fa-css-prefix}-hand-rock-o:before { content: @fa-var-hand-rock-o; } +.@{fa-css-prefix}-hand-stop-o:before, +.@{fa-css-prefix}-hand-paper-o:before { content: @fa-var-hand-paper-o; } +.@{fa-css-prefix}-hand-scissors-o:before { content: @fa-var-hand-scissors-o; } +.@{fa-css-prefix}-hand-lizard-o:before { content: @fa-var-hand-lizard-o; } +.@{fa-css-prefix}-hand-spock-o:before { content: @fa-var-hand-spock-o; } +.@{fa-css-prefix}-hand-pointer-o:before { content: @fa-var-hand-pointer-o; } +.@{fa-css-prefix}-hand-peace-o:before { content: @fa-var-hand-peace-o; } +.@{fa-css-prefix}-trademark:before { content: @fa-var-trademark; } +.@{fa-css-prefix}-registered:before { content: @fa-var-registered; } +.@{fa-css-prefix}-creative-commons:before { content: @fa-var-creative-commons; } +.@{fa-css-prefix}-gg:before { content: @fa-var-gg; } +.@{fa-css-prefix}-gg-circle:before { content: @fa-var-gg-circle; } +.@{fa-css-prefix}-tripadvisor:before { content: @fa-var-tripadvisor; } +.@{fa-css-prefix}-odnoklassniki:before { content: @fa-var-odnoklassniki; } +.@{fa-css-prefix}-odnoklassniki-square:before { content: @fa-var-odnoklassniki-square; } +.@{fa-css-prefix}-get-pocket:before { content: @fa-var-get-pocket; } +.@{fa-css-prefix}-wikipedia-w:before { content: @fa-var-wikipedia-w; } +.@{fa-css-prefix}-safari:before { content: @fa-var-safari; } +.@{fa-css-prefix}-chrome:before { content: @fa-var-chrome; } +.@{fa-css-prefix}-firefox:before { content: @fa-var-firefox; } +.@{fa-css-prefix}-opera:before { content: @fa-var-opera; } +.@{fa-css-prefix}-internet-explorer:before { content: @fa-var-internet-explorer; } +.@{fa-css-prefix}-tv:before, +.@{fa-css-prefix}-television:before { content: @fa-var-television; } +.@{fa-css-prefix}-contao:before { content: @fa-var-contao; } +.@{fa-css-prefix}-500px:before { content: @fa-var-500px; } +.@{fa-css-prefix}-amazon:before { content: @fa-var-amazon; } +.@{fa-css-prefix}-calendar-plus-o:before { content: @fa-var-calendar-plus-o; } +.@{fa-css-prefix}-calendar-minus-o:before { content: @fa-var-calendar-minus-o; } +.@{fa-css-prefix}-calendar-times-o:before { content: @fa-var-calendar-times-o; } +.@{fa-css-prefix}-calendar-check-o:before { content: @fa-var-calendar-check-o; } +.@{fa-css-prefix}-industry:before { content: @fa-var-industry; } +.@{fa-css-prefix}-map-pin:before { content: @fa-var-map-pin; } +.@{fa-css-prefix}-map-signs:before { content: @fa-var-map-signs; } +.@{fa-css-prefix}-map-o:before { content: @fa-var-map-o; } +.@{fa-css-prefix}-map:before { content: @fa-var-map; } +.@{fa-css-prefix}-commenting:before { content: @fa-var-commenting; } +.@{fa-css-prefix}-commenting-o:before { content: @fa-var-commenting-o; } +.@{fa-css-prefix}-houzz:before { content: @fa-var-houzz; } +.@{fa-css-prefix}-vimeo:before { content: @fa-var-vimeo; } +.@{fa-css-prefix}-black-tie:before { content: @fa-var-black-tie; } +.@{fa-css-prefix}-fonticons:before { content: @fa-var-fonticons; } +.@{fa-css-prefix}-reddit-alien:before { content: @fa-var-reddit-alien; } +.@{fa-css-prefix}-edge:before { content: @fa-var-edge; } +.@{fa-css-prefix}-credit-card-alt:before { content: @fa-var-credit-card-alt; } +.@{fa-css-prefix}-codiepie:before { content: @fa-var-codiepie; } +.@{fa-css-prefix}-modx:before { content: @fa-var-modx; } +.@{fa-css-prefix}-fort-awesome:before { content: @fa-var-fort-awesome; } +.@{fa-css-prefix}-usb:before { content: @fa-var-usb; } +.@{fa-css-prefix}-product-hunt:before { content: @fa-var-product-hunt; } +.@{fa-css-prefix}-mixcloud:before { content: @fa-var-mixcloud; } +.@{fa-css-prefix}-scribd:before { content: @fa-var-scribd; } +.@{fa-css-prefix}-pause-circle:before { content: @fa-var-pause-circle; } +.@{fa-css-prefix}-pause-circle-o:before { content: @fa-var-pause-circle-o; } +.@{fa-css-prefix}-stop-circle:before { content: @fa-var-stop-circle; } +.@{fa-css-prefix}-stop-circle-o:before { content: @fa-var-stop-circle-o; } +.@{fa-css-prefix}-shopping-bag:before { content: @fa-var-shopping-bag; } +.@{fa-css-prefix}-shopping-basket:before { content: @fa-var-shopping-basket; } +.@{fa-css-prefix}-hashtag:before { content: @fa-var-hashtag; } +.@{fa-css-prefix}-bluetooth:before { content: @fa-var-bluetooth; } +.@{fa-css-prefix}-bluetooth-b:before { content: @fa-var-bluetooth-b; } +.@{fa-css-prefix}-percent:before { content: @fa-var-percent; } +.@{fa-css-prefix}-gitlab:before { content: @fa-var-gitlab; } +.@{fa-css-prefix}-wpbeginner:before { content: @fa-var-wpbeginner; } +.@{fa-css-prefix}-wpforms:before { content: @fa-var-wpforms; } +.@{fa-css-prefix}-envira:before { content: @fa-var-envira; } +.@{fa-css-prefix}-universal-access:before { content: @fa-var-universal-access; } +.@{fa-css-prefix}-wheelchair-alt:before { content: @fa-var-wheelchair-alt; } +.@{fa-css-prefix}-question-circle-o:before { content: @fa-var-question-circle-o; } +.@{fa-css-prefix}-blind:before { content: @fa-var-blind; } +.@{fa-css-prefix}-audio-description:before { content: @fa-var-audio-description; } +.@{fa-css-prefix}-volume-control-phone:before { content: @fa-var-volume-control-phone; } +.@{fa-css-prefix}-braille:before { content: @fa-var-braille; } +.@{fa-css-prefix}-assistive-listening-systems:before { content: @fa-var-assistive-listening-systems; } +.@{fa-css-prefix}-asl-interpreting:before, +.@{fa-css-prefix}-american-sign-language-interpreting:before { content: @fa-var-american-sign-language-interpreting; } +.@{fa-css-prefix}-deafness:before, +.@{fa-css-prefix}-hard-of-hearing:before, +.@{fa-css-prefix}-deaf:before { content: @fa-var-deaf; } +.@{fa-css-prefix}-glide:before { content: @fa-var-glide; } +.@{fa-css-prefix}-glide-g:before { content: @fa-var-glide-g; } +.@{fa-css-prefix}-signing:before, +.@{fa-css-prefix}-sign-language:before { content: @fa-var-sign-language; } +.@{fa-css-prefix}-low-vision:before { content: @fa-var-low-vision; } +.@{fa-css-prefix}-viadeo:before { content: @fa-var-viadeo; } +.@{fa-css-prefix}-viadeo-square:before { content: @fa-var-viadeo-square; } +.@{fa-css-prefix}-snapchat:before { content: @fa-var-snapchat; } +.@{fa-css-prefix}-snapchat-ghost:before { content: @fa-var-snapchat-ghost; } +.@{fa-css-prefix}-snapchat-square:before { content: @fa-var-snapchat-square; } +.@{fa-css-prefix}-pied-piper:before { content: @fa-var-pied-piper; } +.@{fa-css-prefix}-first-order:before { content: @fa-var-first-order; } +.@{fa-css-prefix}-yoast:before { content: @fa-var-yoast; } +.@{fa-css-prefix}-themeisle:before { content: @fa-var-themeisle; } +.@{fa-css-prefix}-google-plus-circle:before, +.@{fa-css-prefix}-google-plus-official:before { content: @fa-var-google-plus-official; } +.@{fa-css-prefix}-fa:before, +.@{fa-css-prefix}-font-awesome:before { content: @fa-var-font-awesome; } +.@{fa-css-prefix}-handshake-o:before { content: @fa-var-handshake-o; } +.@{fa-css-prefix}-envelope-open:before { content: @fa-var-envelope-open; } +.@{fa-css-prefix}-envelope-open-o:before { content: @fa-var-envelope-open-o; } +.@{fa-css-prefix}-linode:before { content: @fa-var-linode; } +.@{fa-css-prefix}-address-book:before { content: @fa-var-address-book; } +.@{fa-css-prefix}-address-book-o:before { content: @fa-var-address-book-o; } +.@{fa-css-prefix}-vcard:before, +.@{fa-css-prefix}-address-card:before { content: @fa-var-address-card; } +.@{fa-css-prefix}-vcard-o:before, +.@{fa-css-prefix}-address-card-o:before { content: @fa-var-address-card-o; } +.@{fa-css-prefix}-user-circle:before { content: @fa-var-user-circle; } +.@{fa-css-prefix}-user-circle-o:before { content: @fa-var-user-circle-o; } +.@{fa-css-prefix}-user-o:before { content: @fa-var-user-o; } +.@{fa-css-prefix}-id-badge:before { content: @fa-var-id-badge; } +.@{fa-css-prefix}-drivers-license:before, +.@{fa-css-prefix}-id-card:before { content: @fa-var-id-card; } +.@{fa-css-prefix}-drivers-license-o:before, +.@{fa-css-prefix}-id-card-o:before { content: @fa-var-id-card-o; } +.@{fa-css-prefix}-quora:before { content: @fa-var-quora; } +.@{fa-css-prefix}-free-code-camp:before { content: @fa-var-free-code-camp; } +.@{fa-css-prefix}-telegram:before { content: @fa-var-telegram; } +.@{fa-css-prefix}-thermometer-4:before, +.@{fa-css-prefix}-thermometer:before, +.@{fa-css-prefix}-thermometer-full:before { content: @fa-var-thermometer-full; } +.@{fa-css-prefix}-thermometer-3:before, +.@{fa-css-prefix}-thermometer-three-quarters:before { content: @fa-var-thermometer-three-quarters; } +.@{fa-css-prefix}-thermometer-2:before, +.@{fa-css-prefix}-thermometer-half:before { content: @fa-var-thermometer-half; } +.@{fa-css-prefix}-thermometer-1:before, +.@{fa-css-prefix}-thermometer-quarter:before { content: @fa-var-thermometer-quarter; } +.@{fa-css-prefix}-thermometer-0:before, +.@{fa-css-prefix}-thermometer-empty:before { content: @fa-var-thermometer-empty; } +.@{fa-css-prefix}-shower:before { content: @fa-var-shower; } +.@{fa-css-prefix}-bathtub:before, +.@{fa-css-prefix}-s15:before, +.@{fa-css-prefix}-bath:before { content: @fa-var-bath; } +.@{fa-css-prefix}-podcast:before { content: @fa-var-podcast; } +.@{fa-css-prefix}-window-maximize:before { content: @fa-var-window-maximize; } +.@{fa-css-prefix}-window-minimize:before { content: @fa-var-window-minimize; } +.@{fa-css-prefix}-window-restore:before { content: @fa-var-window-restore; } +.@{fa-css-prefix}-times-rectangle:before, +.@{fa-css-prefix}-window-close:before { content: @fa-var-window-close; } +.@{fa-css-prefix}-times-rectangle-o:before, +.@{fa-css-prefix}-window-close-o:before { content: @fa-var-window-close-o; } +.@{fa-css-prefix}-bandcamp:before { content: @fa-var-bandcamp; } +.@{fa-css-prefix}-grav:before { content: @fa-var-grav; } +.@{fa-css-prefix}-etsy:before { content: @fa-var-etsy; } +.@{fa-css-prefix}-imdb:before { content: @fa-var-imdb; } +.@{fa-css-prefix}-ravelry:before { content: @fa-var-ravelry; } +.@{fa-css-prefix}-eercast:before { content: @fa-var-eercast; } +.@{fa-css-prefix}-microchip:before { content: @fa-var-microchip; } +.@{fa-css-prefix}-snowflake-o:before { content: @fa-var-snowflake-o; } +.@{fa-css-prefix}-superpowers:before { content: @fa-var-superpowers; } +.@{fa-css-prefix}-wpexplorer:before { content: @fa-var-wpexplorer; } +.@{fa-css-prefix}-meetup:before { content: @fa-var-meetup; } diff --git a/font-awesome-4.7.0/less/larger.less b/font-awesome-4.7.0/less/larger.less new file mode 100644 index 0000000..c9d6467 --- /dev/null +++ b/font-awesome-4.7.0/less/larger.less @@ -0,0 +1,13 @@ +// Icon Sizes +// ------------------------- + +/* makes the font 33% larger relative to the icon container */ +.@{fa-css-prefix}-lg { + font-size: (4em / 3); + line-height: (3em / 4); + vertical-align: -15%; +} +.@{fa-css-prefix}-2x { font-size: 2em; } +.@{fa-css-prefix}-3x { font-size: 3em; } +.@{fa-css-prefix}-4x { font-size: 4em; } +.@{fa-css-prefix}-5x { font-size: 5em; } diff --git a/font-awesome-4.7.0/less/list.less b/font-awesome-4.7.0/less/list.less new file mode 100644 index 0000000..0b44038 --- /dev/null +++ b/font-awesome-4.7.0/less/list.less @@ -0,0 +1,19 @@ +// List Icons +// ------------------------- + +.@{fa-css-prefix}-ul { + padding-left: 0; + margin-left: @fa-li-width; + list-style-type: none; + > li { position: relative; } +} +.@{fa-css-prefix}-li { + position: absolute; + left: -@fa-li-width; + width: @fa-li-width; + top: (2em / 14); + text-align: center; + &.@{fa-css-prefix}-lg { + left: (-@fa-li-width + (4em / 14)); + } +} diff --git a/font-awesome-4.7.0/less/mixins.less b/font-awesome-4.7.0/less/mixins.less new file mode 100644 index 0000000..beef231 --- /dev/null +++ b/font-awesome-4.7.0/less/mixins.less @@ -0,0 +1,60 @@ +// Mixins +// -------------------------- + +.fa-icon() { + display: inline-block; + font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + +} + +.fa-icon-rotate(@degrees, @rotation) { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})"; + -webkit-transform: rotate(@degrees); + -ms-transform: rotate(@degrees); + transform: rotate(@degrees); +} + +.fa-icon-flip(@horiz, @vert, @rotation) { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)"; + -webkit-transform: scale(@horiz, @vert); + -ms-transform: scale(@horiz, @vert); + transform: scale(@horiz, @vert); +} + + +// Only display content to screen readers. A la Bootstrap 4. +// +// See: http://a11yproject.com/posts/how-to-hide-content/ + +.sr-only() { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +// Use in conjunction with .sr-only to only display content when it's focused. +// +// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// +// Credit: HTML5 Boilerplate + +.sr-only-focusable() { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} diff --git a/font-awesome-4.7.0/less/path.less b/font-awesome-4.7.0/less/path.less new file mode 100644 index 0000000..835be41 --- /dev/null +++ b/font-awesome-4.7.0/less/path.less @@ -0,0 +1,15 @@ +/* FONT PATH + * -------------------------- */ + +@font-face { + font-family: 'FontAwesome'; + src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}'); + src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'), + url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'), + url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'), + url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'), + url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg'); + // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts + font-weight: normal; + font-style: normal; +} diff --git a/font-awesome-4.7.0/less/rotated-flipped.less b/font-awesome-4.7.0/less/rotated-flipped.less new file mode 100644 index 0000000..f6ba814 --- /dev/null +++ b/font-awesome-4.7.0/less/rotated-flipped.less @@ -0,0 +1,20 @@ +// Rotated & Flipped Icons +// ------------------------- + +.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); } +.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); } +.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); } + +.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } +.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } + +// Hook for IE8-9 +// ------------------------- + +:root .@{fa-css-prefix}-rotate-90, +:root .@{fa-css-prefix}-rotate-180, +:root .@{fa-css-prefix}-rotate-270, +:root .@{fa-css-prefix}-flip-horizontal, +:root .@{fa-css-prefix}-flip-vertical { + filter: none; +} diff --git a/font-awesome-4.7.0/less/screen-reader.less b/font-awesome-4.7.0/less/screen-reader.less new file mode 100644 index 0000000..11c1881 --- /dev/null +++ b/font-awesome-4.7.0/less/screen-reader.less @@ -0,0 +1,5 @@ +// Screen Readers +// ------------------------- + +.sr-only { .sr-only(); } +.sr-only-focusable { .sr-only-focusable(); } diff --git a/font-awesome-4.7.0/less/stacked.less b/font-awesome-4.7.0/less/stacked.less new file mode 100644 index 0000000..fc53fb0 --- /dev/null +++ b/font-awesome-4.7.0/less/stacked.less @@ -0,0 +1,20 @@ +// Stacked Icons +// ------------------------- + +.@{fa-css-prefix}-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.@{fa-css-prefix}-stack-1x { line-height: inherit; } +.@{fa-css-prefix}-stack-2x { font-size: 2em; } +.@{fa-css-prefix}-inverse { color: @fa-inverse; } diff --git a/font-awesome-4.7.0/less/variables.less b/font-awesome-4.7.0/less/variables.less new file mode 100644 index 0000000..7ddbbc0 --- /dev/null +++ b/font-awesome-4.7.0/less/variables.less @@ -0,0 +1,800 @@ +// Variables +// -------------------------- + +@fa-font-path: "../fonts"; +@fa-font-size-base: 14px; +@fa-line-height-base: 1; +//@fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts"; // for referencing Bootstrap CDN font files directly +@fa-css-prefix: fa; +@fa-version: "4.7.0"; +@fa-border-color: #eee; +@fa-inverse: #fff; +@fa-li-width: (30em / 14); + +@fa-var-500px: "\f26e"; +@fa-var-address-book: "\f2b9"; +@fa-var-address-book-o: "\f2ba"; +@fa-var-address-card: "\f2bb"; +@fa-var-address-card-o: "\f2bc"; +@fa-var-adjust: "\f042"; +@fa-var-adn: "\f170"; +@fa-var-align-center: "\f037"; +@fa-var-align-justify: "\f039"; +@fa-var-align-left: "\f036"; +@fa-var-align-right: "\f038"; +@fa-var-amazon: "\f270"; +@fa-var-ambulance: "\f0f9"; +@fa-var-american-sign-language-interpreting: "\f2a3"; +@fa-var-anchor: "\f13d"; +@fa-var-android: "\f17b"; +@fa-var-angellist: "\f209"; +@fa-var-angle-double-down: "\f103"; +@fa-var-angle-double-left: "\f100"; +@fa-var-angle-double-right: "\f101"; +@fa-var-angle-double-up: "\f102"; +@fa-var-angle-down: "\f107"; +@fa-var-angle-left: "\f104"; +@fa-var-angle-right: "\f105"; +@fa-var-angle-up: "\f106"; +@fa-var-apple: "\f179"; +@fa-var-archive: "\f187"; +@fa-var-area-chart: "\f1fe"; +@fa-var-arrow-circle-down: "\f0ab"; +@fa-var-arrow-circle-left: "\f0a8"; +@fa-var-arrow-circle-o-down: "\f01a"; +@fa-var-arrow-circle-o-left: "\f190"; +@fa-var-arrow-circle-o-right: "\f18e"; +@fa-var-arrow-circle-o-up: "\f01b"; +@fa-var-arrow-circle-right: "\f0a9"; +@fa-var-arrow-circle-up: "\f0aa"; +@fa-var-arrow-down: "\f063"; +@fa-var-arrow-left: "\f060"; +@fa-var-arrow-right: "\f061"; +@fa-var-arrow-up: "\f062"; +@fa-var-arrows: "\f047"; +@fa-var-arrows-alt: "\f0b2"; +@fa-var-arrows-h: "\f07e"; +@fa-var-arrows-v: "\f07d"; +@fa-var-asl-interpreting: "\f2a3"; +@fa-var-assistive-listening-systems: "\f2a2"; +@fa-var-asterisk: "\f069"; +@fa-var-at: "\f1fa"; +@fa-var-audio-description: "\f29e"; +@fa-var-automobile: "\f1b9"; +@fa-var-backward: "\f04a"; +@fa-var-balance-scale: "\f24e"; +@fa-var-ban: "\f05e"; +@fa-var-bandcamp: "\f2d5"; +@fa-var-bank: "\f19c"; +@fa-var-bar-chart: "\f080"; +@fa-var-bar-chart-o: "\f080"; +@fa-var-barcode: "\f02a"; +@fa-var-bars: "\f0c9"; +@fa-var-bath: "\f2cd"; +@fa-var-bathtub: "\f2cd"; +@fa-var-battery: "\f240"; +@fa-var-battery-0: "\f244"; +@fa-var-battery-1: "\f243"; +@fa-var-battery-2: "\f242"; +@fa-var-battery-3: "\f241"; +@fa-var-battery-4: "\f240"; +@fa-var-battery-empty: "\f244"; +@fa-var-battery-full: "\f240"; +@fa-var-battery-half: "\f242"; +@fa-var-battery-quarter: "\f243"; +@fa-var-battery-three-quarters: "\f241"; +@fa-var-bed: "\f236"; +@fa-var-beer: "\f0fc"; +@fa-var-behance: "\f1b4"; +@fa-var-behance-square: "\f1b5"; +@fa-var-bell: "\f0f3"; +@fa-var-bell-o: "\f0a2"; +@fa-var-bell-slash: "\f1f6"; +@fa-var-bell-slash-o: "\f1f7"; +@fa-var-bicycle: "\f206"; +@fa-var-binoculars: "\f1e5"; +@fa-var-birthday-cake: "\f1fd"; +@fa-var-bitbucket: "\f171"; +@fa-var-bitbucket-square: "\f172"; +@fa-var-bitcoin: "\f15a"; +@fa-var-black-tie: "\f27e"; +@fa-var-blind: "\f29d"; +@fa-var-bluetooth: "\f293"; +@fa-var-bluetooth-b: "\f294"; +@fa-var-bold: "\f032"; +@fa-var-bolt: "\f0e7"; +@fa-var-bomb: "\f1e2"; +@fa-var-book: "\f02d"; +@fa-var-bookmark: "\f02e"; +@fa-var-bookmark-o: "\f097"; +@fa-var-braille: "\f2a1"; +@fa-var-briefcase: "\f0b1"; +@fa-var-btc: "\f15a"; +@fa-var-bug: "\f188"; +@fa-var-building: "\f1ad"; +@fa-var-building-o: "\f0f7"; +@fa-var-bullhorn: "\f0a1"; +@fa-var-bullseye: "\f140"; +@fa-var-bus: "\f207"; +@fa-var-buysellads: "\f20d"; +@fa-var-cab: "\f1ba"; +@fa-var-calculator: "\f1ec"; +@fa-var-calendar: "\f073"; +@fa-var-calendar-check-o: "\f274"; +@fa-var-calendar-minus-o: "\f272"; +@fa-var-calendar-o: "\f133"; +@fa-var-calendar-plus-o: "\f271"; +@fa-var-calendar-times-o: "\f273"; +@fa-var-camera: "\f030"; +@fa-var-camera-retro: "\f083"; +@fa-var-car: "\f1b9"; +@fa-var-caret-down: "\f0d7"; +@fa-var-caret-left: "\f0d9"; +@fa-var-caret-right: "\f0da"; +@fa-var-caret-square-o-down: "\f150"; +@fa-var-caret-square-o-left: "\f191"; +@fa-var-caret-square-o-right: "\f152"; +@fa-var-caret-square-o-up: "\f151"; +@fa-var-caret-up: "\f0d8"; +@fa-var-cart-arrow-down: "\f218"; +@fa-var-cart-plus: "\f217"; +@fa-var-cc: "\f20a"; +@fa-var-cc-amex: "\f1f3"; +@fa-var-cc-diners-club: "\f24c"; +@fa-var-cc-discover: "\f1f2"; +@fa-var-cc-jcb: "\f24b"; +@fa-var-cc-mastercard: "\f1f1"; +@fa-var-cc-paypal: "\f1f4"; +@fa-var-cc-stripe: "\f1f5"; +@fa-var-cc-visa: "\f1f0"; +@fa-var-certificate: "\f0a3"; +@fa-var-chain: "\f0c1"; +@fa-var-chain-broken: "\f127"; +@fa-var-check: "\f00c"; +@fa-var-check-circle: "\f058"; +@fa-var-check-circle-o: "\f05d"; +@fa-var-check-square: "\f14a"; +@fa-var-check-square-o: "\f046"; +@fa-var-chevron-circle-down: "\f13a"; +@fa-var-chevron-circle-left: "\f137"; +@fa-var-chevron-circle-right: "\f138"; +@fa-var-chevron-circle-up: "\f139"; +@fa-var-chevron-down: "\f078"; +@fa-var-chevron-left: "\f053"; +@fa-var-chevron-right: "\f054"; +@fa-var-chevron-up: "\f077"; +@fa-var-child: "\f1ae"; +@fa-var-chrome: "\f268"; +@fa-var-circle: "\f111"; +@fa-var-circle-o: "\f10c"; +@fa-var-circle-o-notch: "\f1ce"; +@fa-var-circle-thin: "\f1db"; +@fa-var-clipboard: "\f0ea"; +@fa-var-clock-o: "\f017"; +@fa-var-clone: "\f24d"; +@fa-var-close: "\f00d"; +@fa-var-cloud: "\f0c2"; +@fa-var-cloud-download: "\f0ed"; +@fa-var-cloud-upload: "\f0ee"; +@fa-var-cny: "\f157"; +@fa-var-code: "\f121"; +@fa-var-code-fork: "\f126"; +@fa-var-codepen: "\f1cb"; +@fa-var-codiepie: "\f284"; +@fa-var-coffee: "\f0f4"; +@fa-var-cog: "\f013"; +@fa-var-cogs: "\f085"; +@fa-var-columns: "\f0db"; +@fa-var-comment: "\f075"; +@fa-var-comment-o: "\f0e5"; +@fa-var-commenting: "\f27a"; +@fa-var-commenting-o: "\f27b"; +@fa-var-comments: "\f086"; +@fa-var-comments-o: "\f0e6"; +@fa-var-compass: "\f14e"; +@fa-var-compress: "\f066"; +@fa-var-connectdevelop: "\f20e"; +@fa-var-contao: "\f26d"; +@fa-var-copy: "\f0c5"; +@fa-var-copyright: "\f1f9"; +@fa-var-creative-commons: "\f25e"; +@fa-var-credit-card: "\f09d"; +@fa-var-credit-card-alt: "\f283"; +@fa-var-crop: "\f125"; +@fa-var-crosshairs: "\f05b"; +@fa-var-css3: "\f13c"; +@fa-var-cube: "\f1b2"; +@fa-var-cubes: "\f1b3"; +@fa-var-cut: "\f0c4"; +@fa-var-cutlery: "\f0f5"; +@fa-var-dashboard: "\f0e4"; +@fa-var-dashcube: "\f210"; +@fa-var-database: "\f1c0"; +@fa-var-deaf: "\f2a4"; +@fa-var-deafness: "\f2a4"; +@fa-var-dedent: "\f03b"; +@fa-var-delicious: "\f1a5"; +@fa-var-desktop: "\f108"; +@fa-var-deviantart: "\f1bd"; +@fa-var-diamond: "\f219"; +@fa-var-digg: "\f1a6"; +@fa-var-dollar: "\f155"; +@fa-var-dot-circle-o: "\f192"; +@fa-var-download: "\f019"; +@fa-var-dribbble: "\f17d"; +@fa-var-drivers-license: "\f2c2"; +@fa-var-drivers-license-o: "\f2c3"; +@fa-var-dropbox: "\f16b"; +@fa-var-drupal: "\f1a9"; +@fa-var-edge: "\f282"; +@fa-var-edit: "\f044"; +@fa-var-eercast: "\f2da"; +@fa-var-eject: "\f052"; +@fa-var-ellipsis-h: "\f141"; +@fa-var-ellipsis-v: "\f142"; +@fa-var-empire: "\f1d1"; +@fa-var-envelope: "\f0e0"; +@fa-var-envelope-o: "\f003"; +@fa-var-envelope-open: "\f2b6"; +@fa-var-envelope-open-o: "\f2b7"; +@fa-var-envelope-square: "\f199"; +@fa-var-envira: "\f299"; +@fa-var-eraser: "\f12d"; +@fa-var-etsy: "\f2d7"; +@fa-var-eur: "\f153"; +@fa-var-euro: "\f153"; +@fa-var-exchange: "\f0ec"; +@fa-var-exclamation: "\f12a"; +@fa-var-exclamation-circle: "\f06a"; +@fa-var-exclamation-triangle: "\f071"; +@fa-var-expand: "\f065"; +@fa-var-expeditedssl: "\f23e"; +@fa-var-external-link: "\f08e"; +@fa-var-external-link-square: "\f14c"; +@fa-var-eye: "\f06e"; +@fa-var-eye-slash: "\f070"; +@fa-var-eyedropper: "\f1fb"; +@fa-var-fa: "\f2b4"; +@fa-var-facebook: "\f09a"; +@fa-var-facebook-f: "\f09a"; +@fa-var-facebook-official: "\f230"; +@fa-var-facebook-square: "\f082"; +@fa-var-fast-backward: "\f049"; +@fa-var-fast-forward: "\f050"; +@fa-var-fax: "\f1ac"; +@fa-var-feed: "\f09e"; +@fa-var-female: "\f182"; +@fa-var-fighter-jet: "\f0fb"; +@fa-var-file: "\f15b"; +@fa-var-file-archive-o: "\f1c6"; +@fa-var-file-audio-o: "\f1c7"; +@fa-var-file-code-o: "\f1c9"; +@fa-var-file-excel-o: "\f1c3"; +@fa-var-file-image-o: "\f1c5"; +@fa-var-file-movie-o: "\f1c8"; +@fa-var-file-o: "\f016"; +@fa-var-file-pdf-o: "\f1c1"; +@fa-var-file-photo-o: "\f1c5"; +@fa-var-file-picture-o: "\f1c5"; +@fa-var-file-powerpoint-o: "\f1c4"; +@fa-var-file-sound-o: "\f1c7"; +@fa-var-file-text: "\f15c"; +@fa-var-file-text-o: "\f0f6"; +@fa-var-file-video-o: "\f1c8"; +@fa-var-file-word-o: "\f1c2"; +@fa-var-file-zip-o: "\f1c6"; +@fa-var-files-o: "\f0c5"; +@fa-var-film: "\f008"; +@fa-var-filter: "\f0b0"; +@fa-var-fire: "\f06d"; +@fa-var-fire-extinguisher: "\f134"; +@fa-var-firefox: "\f269"; +@fa-var-first-order: "\f2b0"; +@fa-var-flag: "\f024"; +@fa-var-flag-checkered: "\f11e"; +@fa-var-flag-o: "\f11d"; +@fa-var-flash: "\f0e7"; +@fa-var-flask: "\f0c3"; +@fa-var-flickr: "\f16e"; +@fa-var-floppy-o: "\f0c7"; +@fa-var-folder: "\f07b"; +@fa-var-folder-o: "\f114"; +@fa-var-folder-open: "\f07c"; +@fa-var-folder-open-o: "\f115"; +@fa-var-font: "\f031"; +@fa-var-font-awesome: "\f2b4"; +@fa-var-fonticons: "\f280"; +@fa-var-fort-awesome: "\f286"; +@fa-var-forumbee: "\f211"; +@fa-var-forward: "\f04e"; +@fa-var-foursquare: "\f180"; +@fa-var-free-code-camp: "\f2c5"; +@fa-var-frown-o: "\f119"; +@fa-var-futbol-o: "\f1e3"; +@fa-var-gamepad: "\f11b"; +@fa-var-gavel: "\f0e3"; +@fa-var-gbp: "\f154"; +@fa-var-ge: "\f1d1"; +@fa-var-gear: "\f013"; +@fa-var-gears: "\f085"; +@fa-var-genderless: "\f22d"; +@fa-var-get-pocket: "\f265"; +@fa-var-gg: "\f260"; +@fa-var-gg-circle: "\f261"; +@fa-var-gift: "\f06b"; +@fa-var-git: "\f1d3"; +@fa-var-git-square: "\f1d2"; +@fa-var-github: "\f09b"; +@fa-var-github-alt: "\f113"; +@fa-var-github-square: "\f092"; +@fa-var-gitlab: "\f296"; +@fa-var-gittip: "\f184"; +@fa-var-glass: "\f000"; +@fa-var-glide: "\f2a5"; +@fa-var-glide-g: "\f2a6"; +@fa-var-globe: "\f0ac"; +@fa-var-google: "\f1a0"; +@fa-var-google-plus: "\f0d5"; +@fa-var-google-plus-circle: "\f2b3"; +@fa-var-google-plus-official: "\f2b3"; +@fa-var-google-plus-square: "\f0d4"; +@fa-var-google-wallet: "\f1ee"; +@fa-var-graduation-cap: "\f19d"; +@fa-var-gratipay: "\f184"; +@fa-var-grav: "\f2d6"; +@fa-var-group: "\f0c0"; +@fa-var-h-square: "\f0fd"; +@fa-var-hacker-news: "\f1d4"; +@fa-var-hand-grab-o: "\f255"; +@fa-var-hand-lizard-o: "\f258"; +@fa-var-hand-o-down: "\f0a7"; +@fa-var-hand-o-left: "\f0a5"; +@fa-var-hand-o-right: "\f0a4"; +@fa-var-hand-o-up: "\f0a6"; +@fa-var-hand-paper-o: "\f256"; +@fa-var-hand-peace-o: "\f25b"; +@fa-var-hand-pointer-o: "\f25a"; +@fa-var-hand-rock-o: "\f255"; +@fa-var-hand-scissors-o: "\f257"; +@fa-var-hand-spock-o: "\f259"; +@fa-var-hand-stop-o: "\f256"; +@fa-var-handshake-o: "\f2b5"; +@fa-var-hard-of-hearing: "\f2a4"; +@fa-var-hashtag: "\f292"; +@fa-var-hdd-o: "\f0a0"; +@fa-var-header: "\f1dc"; +@fa-var-headphones: "\f025"; +@fa-var-heart: "\f004"; +@fa-var-heart-o: "\f08a"; +@fa-var-heartbeat: "\f21e"; +@fa-var-history: "\f1da"; +@fa-var-home: "\f015"; +@fa-var-hospital-o: "\f0f8"; +@fa-var-hotel: "\f236"; +@fa-var-hourglass: "\f254"; +@fa-var-hourglass-1: "\f251"; +@fa-var-hourglass-2: "\f252"; +@fa-var-hourglass-3: "\f253"; +@fa-var-hourglass-end: "\f253"; +@fa-var-hourglass-half: "\f252"; +@fa-var-hourglass-o: "\f250"; +@fa-var-hourglass-start: "\f251"; +@fa-var-houzz: "\f27c"; +@fa-var-html5: "\f13b"; +@fa-var-i-cursor: "\f246"; +@fa-var-id-badge: "\f2c1"; +@fa-var-id-card: "\f2c2"; +@fa-var-id-card-o: "\f2c3"; +@fa-var-ils: "\f20b"; +@fa-var-image: "\f03e"; +@fa-var-imdb: "\f2d8"; +@fa-var-inbox: "\f01c"; +@fa-var-indent: "\f03c"; +@fa-var-industry: "\f275"; +@fa-var-info: "\f129"; +@fa-var-info-circle: "\f05a"; +@fa-var-inr: "\f156"; +@fa-var-instagram: "\f16d"; +@fa-var-institution: "\f19c"; +@fa-var-internet-explorer: "\f26b"; +@fa-var-intersex: "\f224"; +@fa-var-ioxhost: "\f208"; +@fa-var-italic: "\f033"; +@fa-var-joomla: "\f1aa"; +@fa-var-jpy: "\f157"; +@fa-var-jsfiddle: "\f1cc"; +@fa-var-key: "\f084"; +@fa-var-keyboard-o: "\f11c"; +@fa-var-krw: "\f159"; +@fa-var-language: "\f1ab"; +@fa-var-laptop: "\f109"; +@fa-var-lastfm: "\f202"; +@fa-var-lastfm-square: "\f203"; +@fa-var-leaf: "\f06c"; +@fa-var-leanpub: "\f212"; +@fa-var-legal: "\f0e3"; +@fa-var-lemon-o: "\f094"; +@fa-var-level-down: "\f149"; +@fa-var-level-up: "\f148"; +@fa-var-life-bouy: "\f1cd"; +@fa-var-life-buoy: "\f1cd"; +@fa-var-life-ring: "\f1cd"; +@fa-var-life-saver: "\f1cd"; +@fa-var-lightbulb-o: "\f0eb"; +@fa-var-line-chart: "\f201"; +@fa-var-link: "\f0c1"; +@fa-var-linkedin: "\f0e1"; +@fa-var-linkedin-square: "\f08c"; +@fa-var-linode: "\f2b8"; +@fa-var-linux: "\f17c"; +@fa-var-list: "\f03a"; +@fa-var-list-alt: "\f022"; +@fa-var-list-ol: "\f0cb"; +@fa-var-list-ul: "\f0ca"; +@fa-var-location-arrow: "\f124"; +@fa-var-lock: "\f023"; +@fa-var-long-arrow-down: "\f175"; +@fa-var-long-arrow-left: "\f177"; +@fa-var-long-arrow-right: "\f178"; +@fa-var-long-arrow-up: "\f176"; +@fa-var-low-vision: "\f2a8"; +@fa-var-magic: "\f0d0"; +@fa-var-magnet: "\f076"; +@fa-var-mail-forward: "\f064"; +@fa-var-mail-reply: "\f112"; +@fa-var-mail-reply-all: "\f122"; +@fa-var-male: "\f183"; +@fa-var-map: "\f279"; +@fa-var-map-marker: "\f041"; +@fa-var-map-o: "\f278"; +@fa-var-map-pin: "\f276"; +@fa-var-map-signs: "\f277"; +@fa-var-mars: "\f222"; +@fa-var-mars-double: "\f227"; +@fa-var-mars-stroke: "\f229"; +@fa-var-mars-stroke-h: "\f22b"; +@fa-var-mars-stroke-v: "\f22a"; +@fa-var-maxcdn: "\f136"; +@fa-var-meanpath: "\f20c"; +@fa-var-medium: "\f23a"; +@fa-var-medkit: "\f0fa"; +@fa-var-meetup: "\f2e0"; +@fa-var-meh-o: "\f11a"; +@fa-var-mercury: "\f223"; +@fa-var-microchip: "\f2db"; +@fa-var-microphone: "\f130"; +@fa-var-microphone-slash: "\f131"; +@fa-var-minus: "\f068"; +@fa-var-minus-circle: "\f056"; +@fa-var-minus-square: "\f146"; +@fa-var-minus-square-o: "\f147"; +@fa-var-mixcloud: "\f289"; +@fa-var-mobile: "\f10b"; +@fa-var-mobile-phone: "\f10b"; +@fa-var-modx: "\f285"; +@fa-var-money: "\f0d6"; +@fa-var-moon-o: "\f186"; +@fa-var-mortar-board: "\f19d"; +@fa-var-motorcycle: "\f21c"; +@fa-var-mouse-pointer: "\f245"; +@fa-var-music: "\f001"; +@fa-var-navicon: "\f0c9"; +@fa-var-neuter: "\f22c"; +@fa-var-newspaper-o: "\f1ea"; +@fa-var-object-group: "\f247"; +@fa-var-object-ungroup: "\f248"; +@fa-var-odnoklassniki: "\f263"; +@fa-var-odnoklassniki-square: "\f264"; +@fa-var-opencart: "\f23d"; +@fa-var-openid: "\f19b"; +@fa-var-opera: "\f26a"; +@fa-var-optin-monster: "\f23c"; +@fa-var-outdent: "\f03b"; +@fa-var-pagelines: "\f18c"; +@fa-var-paint-brush: "\f1fc"; +@fa-var-paper-plane: "\f1d8"; +@fa-var-paper-plane-o: "\f1d9"; +@fa-var-paperclip: "\f0c6"; +@fa-var-paragraph: "\f1dd"; +@fa-var-paste: "\f0ea"; +@fa-var-pause: "\f04c"; +@fa-var-pause-circle: "\f28b"; +@fa-var-pause-circle-o: "\f28c"; +@fa-var-paw: "\f1b0"; +@fa-var-paypal: "\f1ed"; +@fa-var-pencil: "\f040"; +@fa-var-pencil-square: "\f14b"; +@fa-var-pencil-square-o: "\f044"; +@fa-var-percent: "\f295"; +@fa-var-phone: "\f095"; +@fa-var-phone-square: "\f098"; +@fa-var-photo: "\f03e"; +@fa-var-picture-o: "\f03e"; +@fa-var-pie-chart: "\f200"; +@fa-var-pied-piper: "\f2ae"; +@fa-var-pied-piper-alt: "\f1a8"; +@fa-var-pied-piper-pp: "\f1a7"; +@fa-var-pinterest: "\f0d2"; +@fa-var-pinterest-p: "\f231"; +@fa-var-pinterest-square: "\f0d3"; +@fa-var-plane: "\f072"; +@fa-var-play: "\f04b"; +@fa-var-play-circle: "\f144"; +@fa-var-play-circle-o: "\f01d"; +@fa-var-plug: "\f1e6"; +@fa-var-plus: "\f067"; +@fa-var-plus-circle: "\f055"; +@fa-var-plus-square: "\f0fe"; +@fa-var-plus-square-o: "\f196"; +@fa-var-podcast: "\f2ce"; +@fa-var-power-off: "\f011"; +@fa-var-print: "\f02f"; +@fa-var-product-hunt: "\f288"; +@fa-var-puzzle-piece: "\f12e"; +@fa-var-qq: "\f1d6"; +@fa-var-qrcode: "\f029"; +@fa-var-question: "\f128"; +@fa-var-question-circle: "\f059"; +@fa-var-question-circle-o: "\f29c"; +@fa-var-quora: "\f2c4"; +@fa-var-quote-left: "\f10d"; +@fa-var-quote-right: "\f10e"; +@fa-var-ra: "\f1d0"; +@fa-var-random: "\f074"; +@fa-var-ravelry: "\f2d9"; +@fa-var-rebel: "\f1d0"; +@fa-var-recycle: "\f1b8"; +@fa-var-reddit: "\f1a1"; +@fa-var-reddit-alien: "\f281"; +@fa-var-reddit-square: "\f1a2"; +@fa-var-refresh: "\f021"; +@fa-var-registered: "\f25d"; +@fa-var-remove: "\f00d"; +@fa-var-renren: "\f18b"; +@fa-var-reorder: "\f0c9"; +@fa-var-repeat: "\f01e"; +@fa-var-reply: "\f112"; +@fa-var-reply-all: "\f122"; +@fa-var-resistance: "\f1d0"; +@fa-var-retweet: "\f079"; +@fa-var-rmb: "\f157"; +@fa-var-road: "\f018"; +@fa-var-rocket: "\f135"; +@fa-var-rotate-left: "\f0e2"; +@fa-var-rotate-right: "\f01e"; +@fa-var-rouble: "\f158"; +@fa-var-rss: "\f09e"; +@fa-var-rss-square: "\f143"; +@fa-var-rub: "\f158"; +@fa-var-ruble: "\f158"; +@fa-var-rupee: "\f156"; +@fa-var-s15: "\f2cd"; +@fa-var-safari: "\f267"; +@fa-var-save: "\f0c7"; +@fa-var-scissors: "\f0c4"; +@fa-var-scribd: "\f28a"; +@fa-var-search: "\f002"; +@fa-var-search-minus: "\f010"; +@fa-var-search-plus: "\f00e"; +@fa-var-sellsy: "\f213"; +@fa-var-send: "\f1d8"; +@fa-var-send-o: "\f1d9"; +@fa-var-server: "\f233"; +@fa-var-share: "\f064"; +@fa-var-share-alt: "\f1e0"; +@fa-var-share-alt-square: "\f1e1"; +@fa-var-share-square: "\f14d"; +@fa-var-share-square-o: "\f045"; +@fa-var-shekel: "\f20b"; +@fa-var-sheqel: "\f20b"; +@fa-var-shield: "\f132"; +@fa-var-ship: "\f21a"; +@fa-var-shirtsinbulk: "\f214"; +@fa-var-shopping-bag: "\f290"; +@fa-var-shopping-basket: "\f291"; +@fa-var-shopping-cart: "\f07a"; +@fa-var-shower: "\f2cc"; +@fa-var-sign-in: "\f090"; +@fa-var-sign-language: "\f2a7"; +@fa-var-sign-out: "\f08b"; +@fa-var-signal: "\f012"; +@fa-var-signing: "\f2a7"; +@fa-var-simplybuilt: "\f215"; +@fa-var-sitemap: "\f0e8"; +@fa-var-skyatlas: "\f216"; +@fa-var-skype: "\f17e"; +@fa-var-slack: "\f198"; +@fa-var-sliders: "\f1de"; +@fa-var-slideshare: "\f1e7"; +@fa-var-smile-o: "\f118"; +@fa-var-snapchat: "\f2ab"; +@fa-var-snapchat-ghost: "\f2ac"; +@fa-var-snapchat-square: "\f2ad"; +@fa-var-snowflake-o: "\f2dc"; +@fa-var-soccer-ball-o: "\f1e3"; +@fa-var-sort: "\f0dc"; +@fa-var-sort-alpha-asc: "\f15d"; +@fa-var-sort-alpha-desc: "\f15e"; +@fa-var-sort-amount-asc: "\f160"; +@fa-var-sort-amount-desc: "\f161"; +@fa-var-sort-asc: "\f0de"; +@fa-var-sort-desc: "\f0dd"; +@fa-var-sort-down: "\f0dd"; +@fa-var-sort-numeric-asc: "\f162"; +@fa-var-sort-numeric-desc: "\f163"; +@fa-var-sort-up: "\f0de"; +@fa-var-soundcloud: "\f1be"; +@fa-var-space-shuttle: "\f197"; +@fa-var-spinner: "\f110"; +@fa-var-spoon: "\f1b1"; +@fa-var-spotify: "\f1bc"; +@fa-var-square: "\f0c8"; +@fa-var-square-o: "\f096"; +@fa-var-stack-exchange: "\f18d"; +@fa-var-stack-overflow: "\f16c"; +@fa-var-star: "\f005"; +@fa-var-star-half: "\f089"; +@fa-var-star-half-empty: "\f123"; +@fa-var-star-half-full: "\f123"; +@fa-var-star-half-o: "\f123"; +@fa-var-star-o: "\f006"; +@fa-var-steam: "\f1b6"; +@fa-var-steam-square: "\f1b7"; +@fa-var-step-backward: "\f048"; +@fa-var-step-forward: "\f051"; +@fa-var-stethoscope: "\f0f1"; +@fa-var-sticky-note: "\f249"; +@fa-var-sticky-note-o: "\f24a"; +@fa-var-stop: "\f04d"; +@fa-var-stop-circle: "\f28d"; +@fa-var-stop-circle-o: "\f28e"; +@fa-var-street-view: "\f21d"; +@fa-var-strikethrough: "\f0cc"; +@fa-var-stumbleupon: "\f1a4"; +@fa-var-stumbleupon-circle: "\f1a3"; +@fa-var-subscript: "\f12c"; +@fa-var-subway: "\f239"; +@fa-var-suitcase: "\f0f2"; +@fa-var-sun-o: "\f185"; +@fa-var-superpowers: "\f2dd"; +@fa-var-superscript: "\f12b"; +@fa-var-support: "\f1cd"; +@fa-var-table: "\f0ce"; +@fa-var-tablet: "\f10a"; +@fa-var-tachometer: "\f0e4"; +@fa-var-tag: "\f02b"; +@fa-var-tags: "\f02c"; +@fa-var-tasks: "\f0ae"; +@fa-var-taxi: "\f1ba"; +@fa-var-telegram: "\f2c6"; +@fa-var-television: "\f26c"; +@fa-var-tencent-weibo: "\f1d5"; +@fa-var-terminal: "\f120"; +@fa-var-text-height: "\f034"; +@fa-var-text-width: "\f035"; +@fa-var-th: "\f00a"; +@fa-var-th-large: "\f009"; +@fa-var-th-list: "\f00b"; +@fa-var-themeisle: "\f2b2"; +@fa-var-thermometer: "\f2c7"; +@fa-var-thermometer-0: "\f2cb"; +@fa-var-thermometer-1: "\f2ca"; +@fa-var-thermometer-2: "\f2c9"; +@fa-var-thermometer-3: "\f2c8"; +@fa-var-thermometer-4: "\f2c7"; +@fa-var-thermometer-empty: "\f2cb"; +@fa-var-thermometer-full: "\f2c7"; +@fa-var-thermometer-half: "\f2c9"; +@fa-var-thermometer-quarter: "\f2ca"; +@fa-var-thermometer-three-quarters: "\f2c8"; +@fa-var-thumb-tack: "\f08d"; +@fa-var-thumbs-down: "\f165"; +@fa-var-thumbs-o-down: "\f088"; +@fa-var-thumbs-o-up: "\f087"; +@fa-var-thumbs-up: "\f164"; +@fa-var-ticket: "\f145"; +@fa-var-times: "\f00d"; +@fa-var-times-circle: "\f057"; +@fa-var-times-circle-o: "\f05c"; +@fa-var-times-rectangle: "\f2d3"; +@fa-var-times-rectangle-o: "\f2d4"; +@fa-var-tint: "\f043"; +@fa-var-toggle-down: "\f150"; +@fa-var-toggle-left: "\f191"; +@fa-var-toggle-off: "\f204"; +@fa-var-toggle-on: "\f205"; +@fa-var-toggle-right: "\f152"; +@fa-var-toggle-up: "\f151"; +@fa-var-trademark: "\f25c"; +@fa-var-train: "\f238"; +@fa-var-transgender: "\f224"; +@fa-var-transgender-alt: "\f225"; +@fa-var-trash: "\f1f8"; +@fa-var-trash-o: "\f014"; +@fa-var-tree: "\f1bb"; +@fa-var-trello: "\f181"; +@fa-var-tripadvisor: "\f262"; +@fa-var-trophy: "\f091"; +@fa-var-truck: "\f0d1"; +@fa-var-try: "\f195"; +@fa-var-tty: "\f1e4"; +@fa-var-tumblr: "\f173"; +@fa-var-tumblr-square: "\f174"; +@fa-var-turkish-lira: "\f195"; +@fa-var-tv: "\f26c"; +@fa-var-twitch: "\f1e8"; +@fa-var-twitter: "\f099"; +@fa-var-twitter-square: "\f081"; +@fa-var-umbrella: "\f0e9"; +@fa-var-underline: "\f0cd"; +@fa-var-undo: "\f0e2"; +@fa-var-universal-access: "\f29a"; +@fa-var-university: "\f19c"; +@fa-var-unlink: "\f127"; +@fa-var-unlock: "\f09c"; +@fa-var-unlock-alt: "\f13e"; +@fa-var-unsorted: "\f0dc"; +@fa-var-upload: "\f093"; +@fa-var-usb: "\f287"; +@fa-var-usd: "\f155"; +@fa-var-user: "\f007"; +@fa-var-user-circle: "\f2bd"; +@fa-var-user-circle-o: "\f2be"; +@fa-var-user-md: "\f0f0"; +@fa-var-user-o: "\f2c0"; +@fa-var-user-plus: "\f234"; +@fa-var-user-secret: "\f21b"; +@fa-var-user-times: "\f235"; +@fa-var-users: "\f0c0"; +@fa-var-vcard: "\f2bb"; +@fa-var-vcard-o: "\f2bc"; +@fa-var-venus: "\f221"; +@fa-var-venus-double: "\f226"; +@fa-var-venus-mars: "\f228"; +@fa-var-viacoin: "\f237"; +@fa-var-viadeo: "\f2a9"; +@fa-var-viadeo-square: "\f2aa"; +@fa-var-video-camera: "\f03d"; +@fa-var-vimeo: "\f27d"; +@fa-var-vimeo-square: "\f194"; +@fa-var-vine: "\f1ca"; +@fa-var-vk: "\f189"; +@fa-var-volume-control-phone: "\f2a0"; +@fa-var-volume-down: "\f027"; +@fa-var-volume-off: "\f026"; +@fa-var-volume-up: "\f028"; +@fa-var-warning: "\f071"; +@fa-var-wechat: "\f1d7"; +@fa-var-weibo: "\f18a"; +@fa-var-weixin: "\f1d7"; +@fa-var-whatsapp: "\f232"; +@fa-var-wheelchair: "\f193"; +@fa-var-wheelchair-alt: "\f29b"; +@fa-var-wifi: "\f1eb"; +@fa-var-wikipedia-w: "\f266"; +@fa-var-window-close: "\f2d3"; +@fa-var-window-close-o: "\f2d4"; +@fa-var-window-maximize: "\f2d0"; +@fa-var-window-minimize: "\f2d1"; +@fa-var-window-restore: "\f2d2"; +@fa-var-windows: "\f17a"; +@fa-var-won: "\f159"; +@fa-var-wordpress: "\f19a"; +@fa-var-wpbeginner: "\f297"; +@fa-var-wpexplorer: "\f2de"; +@fa-var-wpforms: "\f298"; +@fa-var-wrench: "\f0ad"; +@fa-var-xing: "\f168"; +@fa-var-xing-square: "\f169"; +@fa-var-y-combinator: "\f23b"; +@fa-var-y-combinator-square: "\f1d4"; +@fa-var-yahoo: "\f19e"; +@fa-var-yc: "\f23b"; +@fa-var-yc-square: "\f1d4"; +@fa-var-yelp: "\f1e9"; +@fa-var-yen: "\f157"; +@fa-var-yoast: "\f2b1"; +@fa-var-youtube: "\f167"; +@fa-var-youtube-play: "\f16a"; +@fa-var-youtube-square: "\f166"; + diff --git a/font-awesome-4.7.0/scss/_animated.scss b/font-awesome-4.7.0/scss/_animated.scss new file mode 100644 index 0000000..8a020db --- /dev/null +++ b/font-awesome-4.7.0/scss/_animated.scss @@ -0,0 +1,34 @@ +// Spinning Icons +// -------------------------- + +.#{$fa-css-prefix}-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} + +.#{$fa-css-prefix}-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} diff --git a/font-awesome-4.7.0/scss/_bordered-pulled.scss b/font-awesome-4.7.0/scss/_bordered-pulled.scss new file mode 100644 index 0000000..d4b85a0 --- /dev/null +++ b/font-awesome-4.7.0/scss/_bordered-pulled.scss @@ -0,0 +1,25 @@ +// Bordered & Pulled +// ------------------------- + +.#{$fa-css-prefix}-border { + padding: .2em .25em .15em; + border: solid .08em $fa-border-color; + border-radius: .1em; +} + +.#{$fa-css-prefix}-pull-left { float: left; } +.#{$fa-css-prefix}-pull-right { float: right; } + +.#{$fa-css-prefix} { + &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } + &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } +} + +/* Deprecated as of 4.4.0 */ +.pull-right { float: right; } +.pull-left { float: left; } + +.#{$fa-css-prefix} { + &.pull-left { margin-right: .3em; } + &.pull-right { margin-left: .3em; } +} diff --git a/font-awesome-4.7.0/scss/_core.scss b/font-awesome-4.7.0/scss/_core.scss new file mode 100644 index 0000000..7425ef8 --- /dev/null +++ b/font-awesome-4.7.0/scss/_core.scss @@ -0,0 +1,12 @@ +// Base Class Definition +// ------------------------- + +.#{$fa-css-prefix} { + display: inline-block; + font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + +} diff --git a/font-awesome-4.7.0/scss/_fixed-width.scss b/font-awesome-4.7.0/scss/_fixed-width.scss new file mode 100644 index 0000000..b221c98 --- /dev/null +++ b/font-awesome-4.7.0/scss/_fixed-width.scss @@ -0,0 +1,6 @@ +// Fixed Width Icons +// ------------------------- +.#{$fa-css-prefix}-fw { + width: (18em / 14); + text-align: center; +} diff --git a/font-awesome-4.7.0/scss/_icons.scss b/font-awesome-4.7.0/scss/_icons.scss new file mode 100644 index 0000000..e63e702 --- /dev/null +++ b/font-awesome-4.7.0/scss/_icons.scss @@ -0,0 +1,789 @@ +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ + +.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; } +.#{$fa-css-prefix}-music:before { content: $fa-var-music; } +.#{$fa-css-prefix}-search:before { content: $fa-var-search; } +.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; } +.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; } +.#{$fa-css-prefix}-star:before { content: $fa-var-star; } +.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; } +.#{$fa-css-prefix}-user:before { content: $fa-var-user; } +.#{$fa-css-prefix}-film:before { content: $fa-var-film; } +.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; } +.#{$fa-css-prefix}-th:before { content: $fa-var-th; } +.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; } +.#{$fa-css-prefix}-check:before { content: $fa-var-check; } +.#{$fa-css-prefix}-remove:before, +.#{$fa-css-prefix}-close:before, +.#{$fa-css-prefix}-times:before { content: $fa-var-times; } +.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; } +.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; } +.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; } +.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; } +.#{$fa-css-prefix}-gear:before, +.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; } +.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; } +.#{$fa-css-prefix}-home:before { content: $fa-var-home; } +.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; } +.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; } +.#{$fa-css-prefix}-road:before { content: $fa-var-road; } +.#{$fa-css-prefix}-download:before { content: $fa-var-download; } +.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; } +.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; } +.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; } +.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; } +.#{$fa-css-prefix}-rotate-right:before, +.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; } +.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; } +.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; } +.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; } +.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; } +.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; } +.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; } +.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; } +.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; } +.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; } +.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; } +.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; } +.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; } +.#{$fa-css-prefix}-book:before { content: $fa-var-book; } +.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; } +.#{$fa-css-prefix}-print:before { content: $fa-var-print; } +.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; } +.#{$fa-css-prefix}-font:before { content: $fa-var-font; } +.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; } +.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; } +.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; } +.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; } +.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; } +.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; } +.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; } +.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; } +.#{$fa-css-prefix}-list:before { content: $fa-var-list; } +.#{$fa-css-prefix}-dedent:before, +.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; } +.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; } +.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; } +.#{$fa-css-prefix}-photo:before, +.#{$fa-css-prefix}-image:before, +.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; } +.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; } +.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; } +.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; } +.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; } +.#{$fa-css-prefix}-edit:before, +.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; } +.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; } +.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; } +.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; } +.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; } +.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; } +.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; } +.#{$fa-css-prefix}-play:before { content: $fa-var-play; } +.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; } +.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; } +.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; } +.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; } +.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; } +.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; } +.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; } +.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; } +.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; } +.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; } +.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; } +.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; } +.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; } +.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; } +.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; } +.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; } +.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; } +.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; } +.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; } +.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; } +.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; } +.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; } +.#{$fa-css-prefix}-mail-forward:before, +.#{$fa-css-prefix}-share:before { content: $fa-var-share; } +.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; } +.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; } +.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; } +.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; } +.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; } +.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; } +.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; } +.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; } +.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; } +.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; } +.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; } +.#{$fa-css-prefix}-warning:before, +.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; } +.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; } +.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; } +.#{$fa-css-prefix}-random:before { content: $fa-var-random; } +.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; } +.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; } +.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; } +.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; } +.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; } +.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; } +.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; } +.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; } +.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; } +.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; } +.#{$fa-css-prefix}-bar-chart-o:before, +.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; } +.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; } +.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; } +.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; } +.#{$fa-css-prefix}-key:before { content: $fa-var-key; } +.#{$fa-css-prefix}-gears:before, +.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; } +.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; } +.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; } +.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; } +.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; } +.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; } +.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; } +.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; } +.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; } +.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; } +.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; } +.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; } +.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; } +.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; } +.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; } +.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; } +.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; } +.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; } +.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; } +.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; } +.#{$fa-css-prefix}-facebook-f:before, +.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; } +.#{$fa-css-prefix}-github:before { content: $fa-var-github; } +.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; } +.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; } +.#{$fa-css-prefix}-feed:before, +.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; } +.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; } +.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; } +.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; } +.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; } +.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; } +.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; } +.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; } +.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; } +.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; } +.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; } +.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; } +.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; } +.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; } +.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; } +.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; } +.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; } +.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; } +.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; } +.#{$fa-css-prefix}-group:before, +.#{$fa-css-prefix}-users:before { content: $fa-var-users; } +.#{$fa-css-prefix}-chain:before, +.#{$fa-css-prefix}-link:before { content: $fa-var-link; } +.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; } +.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; } +.#{$fa-css-prefix}-cut:before, +.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; } +.#{$fa-css-prefix}-copy:before, +.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; } +.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; } +.#{$fa-css-prefix}-save:before, +.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; } +.#{$fa-css-prefix}-square:before { content: $fa-var-square; } +.#{$fa-css-prefix}-navicon:before, +.#{$fa-css-prefix}-reorder:before, +.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; } +.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; } +.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; } +.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; } +.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; } +.#{$fa-css-prefix}-table:before { content: $fa-var-table; } +.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; } +.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; } +.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; } +.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; } +.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; } +.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; } +.#{$fa-css-prefix}-money:before { content: $fa-var-money; } +.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; } +.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; } +.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; } +.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; } +.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; } +.#{$fa-css-prefix}-unsorted:before, +.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; } +.#{$fa-css-prefix}-sort-down:before, +.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; } +.#{$fa-css-prefix}-sort-up:before, +.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; } +.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; } +.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; } +.#{$fa-css-prefix}-rotate-left:before, +.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; } +.#{$fa-css-prefix}-legal:before, +.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; } +.#{$fa-css-prefix}-dashboard:before, +.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; } +.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; } +.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; } +.#{$fa-css-prefix}-flash:before, +.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; } +.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; } +.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; } +.#{$fa-css-prefix}-paste:before, +.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; } +.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; } +.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; } +.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; } +.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; } +.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; } +.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; } +.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; } +.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; } +.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; } +.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; } +.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; } +.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; } +.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; } +.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; } +.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; } +.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; } +.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; } +.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; } +.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; } +.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; } +.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; } +.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; } +.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; } +.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; } +.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; } +.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; } +.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; } +.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; } +.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; } +.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; } +.#{$fa-css-prefix}-mobile-phone:before, +.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; } +.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; } +.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; } +.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; } +.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; } +.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; } +.#{$fa-css-prefix}-mail-reply:before, +.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; } +.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; } +.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; } +.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; } +.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; } +.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; } +.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; } +.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; } +.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; } +.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; } +.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; } +.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; } +.#{$fa-css-prefix}-code:before { content: $fa-var-code; } +.#{$fa-css-prefix}-mail-reply-all:before, +.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; } +.#{$fa-css-prefix}-star-half-empty:before, +.#{$fa-css-prefix}-star-half-full:before, +.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; } +.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; } +.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; } +.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; } +.#{$fa-css-prefix}-unlink:before, +.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; } +.#{$fa-css-prefix}-question:before { content: $fa-var-question; } +.#{$fa-css-prefix}-info:before { content: $fa-var-info; } +.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; } +.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; } +.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; } +.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; } +.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; } +.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; } +.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; } +.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; } +.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; } +.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; } +.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; } +.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; } +.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; } +.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; } +.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; } +.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; } +.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; } +.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; } +.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; } +.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; } +.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; } +.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; } +.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; } +.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; } +.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; } +.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; } +.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; } +.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; } +.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; } +.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; } +.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; } +.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; } +.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; } +.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; } +.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; } +.#{$fa-css-prefix}-toggle-down:before, +.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; } +.#{$fa-css-prefix}-toggle-up:before, +.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; } +.#{$fa-css-prefix}-toggle-right:before, +.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; } +.#{$fa-css-prefix}-euro:before, +.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; } +.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; } +.#{$fa-css-prefix}-dollar:before, +.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; } +.#{$fa-css-prefix}-rupee:before, +.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; } +.#{$fa-css-prefix}-cny:before, +.#{$fa-css-prefix}-rmb:before, +.#{$fa-css-prefix}-yen:before, +.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; } +.#{$fa-css-prefix}-ruble:before, +.#{$fa-css-prefix}-rouble:before, +.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; } +.#{$fa-css-prefix}-won:before, +.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; } +.#{$fa-css-prefix}-bitcoin:before, +.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; } +.#{$fa-css-prefix}-file:before { content: $fa-var-file; } +.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; } +.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; } +.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; } +.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; } +.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; } +.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; } +.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; } +.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; } +.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; } +.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; } +.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; } +.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; } +.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; } +.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; } +.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; } +.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; } +.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; } +.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; } +.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; } +.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; } +.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; } +.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; } +.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; } +.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; } +.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; } +.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; } +.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; } +.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; } +.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; } +.#{$fa-css-prefix}-android:before { content: $fa-var-android; } +.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; } +.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; } +.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; } +.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; } +.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; } +.#{$fa-css-prefix}-female:before { content: $fa-var-female; } +.#{$fa-css-prefix}-male:before { content: $fa-var-male; } +.#{$fa-css-prefix}-gittip:before, +.#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; } +.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; } +.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; } +.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; } +.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; } +.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; } +.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; } +.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; } +.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; } +.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; } +.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; } +.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; } +.#{$fa-css-prefix}-toggle-left:before, +.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; } +.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; } +.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; } +.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; } +.#{$fa-css-prefix}-turkish-lira:before, +.#{$fa-css-prefix}-try:before { content: $fa-var-try; } +.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; } +.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; } +.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; } +.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; } +.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; } +.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; } +.#{$fa-css-prefix}-institution:before, +.#{$fa-css-prefix}-bank:before, +.#{$fa-css-prefix}-university:before { content: $fa-var-university; } +.#{$fa-css-prefix}-mortar-board:before, +.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; } +.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; } +.#{$fa-css-prefix}-google:before { content: $fa-var-google; } +.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; } +.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; } +.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; } +.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; } +.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; } +.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; } +.#{$fa-css-prefix}-pied-piper-pp:before { content: $fa-var-pied-piper-pp; } +.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; } +.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; } +.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; } +.#{$fa-css-prefix}-language:before { content: $fa-var-language; } +.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; } +.#{$fa-css-prefix}-building:before { content: $fa-var-building; } +.#{$fa-css-prefix}-child:before { content: $fa-var-child; } +.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; } +.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; } +.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; } +.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; } +.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; } +.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; } +.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; } +.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; } +.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; } +.#{$fa-css-prefix}-automobile:before, +.#{$fa-css-prefix}-car:before { content: $fa-var-car; } +.#{$fa-css-prefix}-cab:before, +.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; } +.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; } +.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; } +.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; } +.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; } +.#{$fa-css-prefix}-database:before { content: $fa-var-database; } +.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; } +.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; } +.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; } +.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; } +.#{$fa-css-prefix}-file-photo-o:before, +.#{$fa-css-prefix}-file-picture-o:before, +.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; } +.#{$fa-css-prefix}-file-zip-o:before, +.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; } +.#{$fa-css-prefix}-file-sound-o:before, +.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; } +.#{$fa-css-prefix}-file-movie-o:before, +.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; } +.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; } +.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; } +.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; } +.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; } +.#{$fa-css-prefix}-life-bouy:before, +.#{$fa-css-prefix}-life-buoy:before, +.#{$fa-css-prefix}-life-saver:before, +.#{$fa-css-prefix}-support:before, +.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; } +.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; } +.#{$fa-css-prefix}-ra:before, +.#{$fa-css-prefix}-resistance:before, +.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; } +.#{$fa-css-prefix}-ge:before, +.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; } +.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; } +.#{$fa-css-prefix}-git:before { content: $fa-var-git; } +.#{$fa-css-prefix}-y-combinator-square:before, +.#{$fa-css-prefix}-yc-square:before, +.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; } +.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; } +.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; } +.#{$fa-css-prefix}-wechat:before, +.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; } +.#{$fa-css-prefix}-send:before, +.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; } +.#{$fa-css-prefix}-send-o:before, +.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; } +.#{$fa-css-prefix}-history:before { content: $fa-var-history; } +.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; } +.#{$fa-css-prefix}-header:before { content: $fa-var-header; } +.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; } +.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; } +.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; } +.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; } +.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; } +.#{$fa-css-prefix}-soccer-ball-o:before, +.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; } +.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; } +.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; } +.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; } +.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; } +.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; } +.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; } +.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; } +.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; } +.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; } +.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; } +.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; } +.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; } +.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; } +.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; } +.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; } +.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; } +.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; } +.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; } +.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; } +.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; } +.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; } +.#{$fa-css-prefix}-at:before { content: $fa-var-at; } +.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; } +.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; } +.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; } +.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; } +.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; } +.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; } +.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; } +.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; } +.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; } +.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; } +.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; } +.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; } +.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; } +.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; } +.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; } +.#{$fa-css-prefix}-shekel:before, +.#{$fa-css-prefix}-sheqel:before, +.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; } +.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; } +.#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; } +.#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; } +.#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; } +.#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; } +.#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; } +.#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; } +.#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; } +.#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; } +.#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; } +.#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; } +.#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; } +.#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; } +.#{$fa-css-prefix}-ship:before { content: $fa-var-ship; } +.#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; } +.#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; } +.#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; } +.#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; } +.#{$fa-css-prefix}-venus:before { content: $fa-var-venus; } +.#{$fa-css-prefix}-mars:before { content: $fa-var-mars; } +.#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; } +.#{$fa-css-prefix}-intersex:before, +.#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; } +.#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; } +.#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; } +.#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; } +.#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; } +.#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; } +.#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; } +.#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; } +.#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; } +.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; } +.#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; } +.#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; } +.#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; } +.#{$fa-css-prefix}-server:before { content: $fa-var-server; } +.#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; } +.#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; } +.#{$fa-css-prefix}-hotel:before, +.#{$fa-css-prefix}-bed:before { content: $fa-var-bed; } +.#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; } +.#{$fa-css-prefix}-train:before { content: $fa-var-train; } +.#{$fa-css-prefix}-subway:before { content: $fa-var-subway; } +.#{$fa-css-prefix}-medium:before { content: $fa-var-medium; } +.#{$fa-css-prefix}-yc:before, +.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; } +.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; } +.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; } +.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; } +.#{$fa-css-prefix}-battery-4:before, +.#{$fa-css-prefix}-battery:before, +.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; } +.#{$fa-css-prefix}-battery-3:before, +.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; } +.#{$fa-css-prefix}-battery-2:before, +.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; } +.#{$fa-css-prefix}-battery-1:before, +.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; } +.#{$fa-css-prefix}-battery-0:before, +.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; } +.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; } +.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; } +.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; } +.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; } +.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; } +.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; } +.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; } +.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; } +.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; } +.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; } +.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; } +.#{$fa-css-prefix}-hourglass-1:before, +.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; } +.#{$fa-css-prefix}-hourglass-2:before, +.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; } +.#{$fa-css-prefix}-hourglass-3:before, +.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; } +.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; } +.#{$fa-css-prefix}-hand-grab-o:before, +.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; } +.#{$fa-css-prefix}-hand-stop-o:before, +.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; } +.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; } +.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; } +.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; } +.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; } +.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; } +.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; } +.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; } +.#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; } +.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; } +.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; } +.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; } +.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; } +.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; } +.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; } +.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; } +.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; } +.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; } +.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; } +.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; } +.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; } +.#{$fa-css-prefix}-tv:before, +.#{$fa-css-prefix}-television:before { content: $fa-var-television; } +.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; } +.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; } +.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; } +.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; } +.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; } +.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; } +.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; } +.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; } +.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; } +.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; } +.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; } +.#{$fa-css-prefix}-map:before { content: $fa-var-map; } +.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; } +.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; } +.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; } +.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; } +.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; } +.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; } +.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; } +.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; } +.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; } +.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; } +.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; } +.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; } +.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; } +.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; } +.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; } +.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; } +.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; } +.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; } +.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; } +.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; } +.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; } +.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; } +.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; } +.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; } +.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; } +.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; } +.#{$fa-css-prefix}-gitlab:before { content: $fa-var-gitlab; } +.#{$fa-css-prefix}-wpbeginner:before { content: $fa-var-wpbeginner; } +.#{$fa-css-prefix}-wpforms:before { content: $fa-var-wpforms; } +.#{$fa-css-prefix}-envira:before { content: $fa-var-envira; } +.#{$fa-css-prefix}-universal-access:before { content: $fa-var-universal-access; } +.#{$fa-css-prefix}-wheelchair-alt:before { content: $fa-var-wheelchair-alt; } +.#{$fa-css-prefix}-question-circle-o:before { content: $fa-var-question-circle-o; } +.#{$fa-css-prefix}-blind:before { content: $fa-var-blind; } +.#{$fa-css-prefix}-audio-description:before { content: $fa-var-audio-description; } +.#{$fa-css-prefix}-volume-control-phone:before { content: $fa-var-volume-control-phone; } +.#{$fa-css-prefix}-braille:before { content: $fa-var-braille; } +.#{$fa-css-prefix}-assistive-listening-systems:before { content: $fa-var-assistive-listening-systems; } +.#{$fa-css-prefix}-asl-interpreting:before, +.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: $fa-var-american-sign-language-interpreting; } +.#{$fa-css-prefix}-deafness:before, +.#{$fa-css-prefix}-hard-of-hearing:before, +.#{$fa-css-prefix}-deaf:before { content: $fa-var-deaf; } +.#{$fa-css-prefix}-glide:before { content: $fa-var-glide; } +.#{$fa-css-prefix}-glide-g:before { content: $fa-var-glide-g; } +.#{$fa-css-prefix}-signing:before, +.#{$fa-css-prefix}-sign-language:before { content: $fa-var-sign-language; } +.#{$fa-css-prefix}-low-vision:before { content: $fa-var-low-vision; } +.#{$fa-css-prefix}-viadeo:before { content: $fa-var-viadeo; } +.#{$fa-css-prefix}-viadeo-square:before { content: $fa-var-viadeo-square; } +.#{$fa-css-prefix}-snapchat:before { content: $fa-var-snapchat; } +.#{$fa-css-prefix}-snapchat-ghost:before { content: $fa-var-snapchat-ghost; } +.#{$fa-css-prefix}-snapchat-square:before { content: $fa-var-snapchat-square; } +.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; } +.#{$fa-css-prefix}-first-order:before { content: $fa-var-first-order; } +.#{$fa-css-prefix}-yoast:before { content: $fa-var-yoast; } +.#{$fa-css-prefix}-themeisle:before { content: $fa-var-themeisle; } +.#{$fa-css-prefix}-google-plus-circle:before, +.#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; } +.#{$fa-css-prefix}-fa:before, +.#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; } +.#{$fa-css-prefix}-handshake-o:before { content: $fa-var-handshake-o; } +.#{$fa-css-prefix}-envelope-open:before { content: $fa-var-envelope-open; } +.#{$fa-css-prefix}-envelope-open-o:before { content: $fa-var-envelope-open-o; } +.#{$fa-css-prefix}-linode:before { content: $fa-var-linode; } +.#{$fa-css-prefix}-address-book:before { content: $fa-var-address-book; } +.#{$fa-css-prefix}-address-book-o:before { content: $fa-var-address-book-o; } +.#{$fa-css-prefix}-vcard:before, +.#{$fa-css-prefix}-address-card:before { content: $fa-var-address-card; } +.#{$fa-css-prefix}-vcard-o:before, +.#{$fa-css-prefix}-address-card-o:before { content: $fa-var-address-card-o; } +.#{$fa-css-prefix}-user-circle:before { content: $fa-var-user-circle; } +.#{$fa-css-prefix}-user-circle-o:before { content: $fa-var-user-circle-o; } +.#{$fa-css-prefix}-user-o:before { content: $fa-var-user-o; } +.#{$fa-css-prefix}-id-badge:before { content: $fa-var-id-badge; } +.#{$fa-css-prefix}-drivers-license:before, +.#{$fa-css-prefix}-id-card:before { content: $fa-var-id-card; } +.#{$fa-css-prefix}-drivers-license-o:before, +.#{$fa-css-prefix}-id-card-o:before { content: $fa-var-id-card-o; } +.#{$fa-css-prefix}-quora:before { content: $fa-var-quora; } +.#{$fa-css-prefix}-free-code-camp:before { content: $fa-var-free-code-camp; } +.#{$fa-css-prefix}-telegram:before { content: $fa-var-telegram; } +.#{$fa-css-prefix}-thermometer-4:before, +.#{$fa-css-prefix}-thermometer:before, +.#{$fa-css-prefix}-thermometer-full:before { content: $fa-var-thermometer-full; } +.#{$fa-css-prefix}-thermometer-3:before, +.#{$fa-css-prefix}-thermometer-three-quarters:before { content: $fa-var-thermometer-three-quarters; } +.#{$fa-css-prefix}-thermometer-2:before, +.#{$fa-css-prefix}-thermometer-half:before { content: $fa-var-thermometer-half; } +.#{$fa-css-prefix}-thermometer-1:before, +.#{$fa-css-prefix}-thermometer-quarter:before { content: $fa-var-thermometer-quarter; } +.#{$fa-css-prefix}-thermometer-0:before, +.#{$fa-css-prefix}-thermometer-empty:before { content: $fa-var-thermometer-empty; } +.#{$fa-css-prefix}-shower:before { content: $fa-var-shower; } +.#{$fa-css-prefix}-bathtub:before, +.#{$fa-css-prefix}-s15:before, +.#{$fa-css-prefix}-bath:before { content: $fa-var-bath; } +.#{$fa-css-prefix}-podcast:before { content: $fa-var-podcast; } +.#{$fa-css-prefix}-window-maximize:before { content: $fa-var-window-maximize; } +.#{$fa-css-prefix}-window-minimize:before { content: $fa-var-window-minimize; } +.#{$fa-css-prefix}-window-restore:before { content: $fa-var-window-restore; } +.#{$fa-css-prefix}-times-rectangle:before, +.#{$fa-css-prefix}-window-close:before { content: $fa-var-window-close; } +.#{$fa-css-prefix}-times-rectangle-o:before, +.#{$fa-css-prefix}-window-close-o:before { content: $fa-var-window-close-o; } +.#{$fa-css-prefix}-bandcamp:before { content: $fa-var-bandcamp; } +.#{$fa-css-prefix}-grav:before { content: $fa-var-grav; } +.#{$fa-css-prefix}-etsy:before { content: $fa-var-etsy; } +.#{$fa-css-prefix}-imdb:before { content: $fa-var-imdb; } +.#{$fa-css-prefix}-ravelry:before { content: $fa-var-ravelry; } +.#{$fa-css-prefix}-eercast:before { content: $fa-var-eercast; } +.#{$fa-css-prefix}-microchip:before { content: $fa-var-microchip; } +.#{$fa-css-prefix}-snowflake-o:before { content: $fa-var-snowflake-o; } +.#{$fa-css-prefix}-superpowers:before { content: $fa-var-superpowers; } +.#{$fa-css-prefix}-wpexplorer:before { content: $fa-var-wpexplorer; } +.#{$fa-css-prefix}-meetup:before { content: $fa-var-meetup; } diff --git a/font-awesome-4.7.0/scss/_larger.scss b/font-awesome-4.7.0/scss/_larger.scss new file mode 100644 index 0000000..41e9a81 --- /dev/null +++ b/font-awesome-4.7.0/scss/_larger.scss @@ -0,0 +1,13 @@ +// Icon Sizes +// ------------------------- + +/* makes the font 33% larger relative to the icon container */ +.#{$fa-css-prefix}-lg { + font-size: (4em / 3); + line-height: (3em / 4); + vertical-align: -15%; +} +.#{$fa-css-prefix}-2x { font-size: 2em; } +.#{$fa-css-prefix}-3x { font-size: 3em; } +.#{$fa-css-prefix}-4x { font-size: 4em; } +.#{$fa-css-prefix}-5x { font-size: 5em; } diff --git a/font-awesome-4.7.0/scss/_list.scss b/font-awesome-4.7.0/scss/_list.scss new file mode 100644 index 0000000..7d1e4d5 --- /dev/null +++ b/font-awesome-4.7.0/scss/_list.scss @@ -0,0 +1,19 @@ +// List Icons +// ------------------------- + +.#{$fa-css-prefix}-ul { + padding-left: 0; + margin-left: $fa-li-width; + list-style-type: none; + > li { position: relative; } +} +.#{$fa-css-prefix}-li { + position: absolute; + left: -$fa-li-width; + width: $fa-li-width; + top: (2em / 14); + text-align: center; + &.#{$fa-css-prefix}-lg { + left: -$fa-li-width + (4em / 14); + } +} diff --git a/font-awesome-4.7.0/scss/_mixins.scss b/font-awesome-4.7.0/scss/_mixins.scss new file mode 100644 index 0000000..c3bbd57 --- /dev/null +++ b/font-awesome-4.7.0/scss/_mixins.scss @@ -0,0 +1,60 @@ +// Mixins +// -------------------------- + +@mixin fa-icon() { + display: inline-block; + font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + +} + +@mixin fa-icon-rotate($degrees, $rotation) { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})"; + -webkit-transform: rotate($degrees); + -ms-transform: rotate($degrees); + transform: rotate($degrees); +} + +@mixin fa-icon-flip($horiz, $vert, $rotation) { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)"; + -webkit-transform: scale($horiz, $vert); + -ms-transform: scale($horiz, $vert); + transform: scale($horiz, $vert); +} + + +// Only display content to screen readers. A la Bootstrap 4. +// +// See: http://a11yproject.com/posts/how-to-hide-content/ + +@mixin sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +// Use in conjunction with .sr-only to only display content when it's focused. +// +// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// +// Credit: HTML5 Boilerplate + +@mixin sr-only-focusable { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} diff --git a/font-awesome-4.7.0/scss/_path.scss b/font-awesome-4.7.0/scss/_path.scss new file mode 100644 index 0000000..bb457c2 --- /dev/null +++ b/font-awesome-4.7.0/scss/_path.scss @@ -0,0 +1,15 @@ +/* FONT PATH + * -------------------------- */ + +@font-face { + font-family: 'FontAwesome'; + src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); + src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), + url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), + url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), + url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), + url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); +// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts + font-weight: normal; + font-style: normal; +} diff --git a/font-awesome-4.7.0/scss/_rotated-flipped.scss b/font-awesome-4.7.0/scss/_rotated-flipped.scss new file mode 100644 index 0000000..a3558fd --- /dev/null +++ b/font-awesome-4.7.0/scss/_rotated-flipped.scss @@ -0,0 +1,20 @@ +// Rotated & Flipped Icons +// ------------------------- + +.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } +.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } +.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } + +.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } +.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } + +// Hook for IE8-9 +// ------------------------- + +:root .#{$fa-css-prefix}-rotate-90, +:root .#{$fa-css-prefix}-rotate-180, +:root .#{$fa-css-prefix}-rotate-270, +:root .#{$fa-css-prefix}-flip-horizontal, +:root .#{$fa-css-prefix}-flip-vertical { + filter: none; +} diff --git a/font-awesome-4.7.0/scss/_screen-reader.scss b/font-awesome-4.7.0/scss/_screen-reader.scss new file mode 100644 index 0000000..637426f --- /dev/null +++ b/font-awesome-4.7.0/scss/_screen-reader.scss @@ -0,0 +1,5 @@ +// Screen Readers +// ------------------------- + +.sr-only { @include sr-only(); } +.sr-only-focusable { @include sr-only-focusable(); } diff --git a/font-awesome-4.7.0/scss/_stacked.scss b/font-awesome-4.7.0/scss/_stacked.scss new file mode 100644 index 0000000..aef7403 --- /dev/null +++ b/font-awesome-4.7.0/scss/_stacked.scss @@ -0,0 +1,20 @@ +// Stacked Icons +// ------------------------- + +.#{$fa-css-prefix}-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.#{$fa-css-prefix}-stack-1x { line-height: inherit; } +.#{$fa-css-prefix}-stack-2x { font-size: 2em; } +.#{$fa-css-prefix}-inverse { color: $fa-inverse; } diff --git a/font-awesome-4.7.0/scss/_variables.scss b/font-awesome-4.7.0/scss/_variables.scss new file mode 100644 index 0000000..498fc4a --- /dev/null +++ b/font-awesome-4.7.0/scss/_variables.scss @@ -0,0 +1,800 @@ +// Variables +// -------------------------- + +$fa-font-path: "../fonts" !default; +$fa-font-size-base: 14px !default; +$fa-line-height-base: 1 !default; +//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly +$fa-css-prefix: fa !default; +$fa-version: "4.7.0" !default; +$fa-border-color: #eee !default; +$fa-inverse: #fff !default; +$fa-li-width: (30em / 14) !default; + +$fa-var-500px: "\f26e"; +$fa-var-address-book: "\f2b9"; +$fa-var-address-book-o: "\f2ba"; +$fa-var-address-card: "\f2bb"; +$fa-var-address-card-o: "\f2bc"; +$fa-var-adjust: "\f042"; +$fa-var-adn: "\f170"; +$fa-var-align-center: "\f037"; +$fa-var-align-justify: "\f039"; +$fa-var-align-left: "\f036"; +$fa-var-align-right: "\f038"; +$fa-var-amazon: "\f270"; +$fa-var-ambulance: "\f0f9"; +$fa-var-american-sign-language-interpreting: "\f2a3"; +$fa-var-anchor: "\f13d"; +$fa-var-android: "\f17b"; +$fa-var-angellist: "\f209"; +$fa-var-angle-double-down: "\f103"; +$fa-var-angle-double-left: "\f100"; +$fa-var-angle-double-right: "\f101"; +$fa-var-angle-double-up: "\f102"; +$fa-var-angle-down: "\f107"; +$fa-var-angle-left: "\f104"; +$fa-var-angle-right: "\f105"; +$fa-var-angle-up: "\f106"; +$fa-var-apple: "\f179"; +$fa-var-archive: "\f187"; +$fa-var-area-chart: "\f1fe"; +$fa-var-arrow-circle-down: "\f0ab"; +$fa-var-arrow-circle-left: "\f0a8"; +$fa-var-arrow-circle-o-down: "\f01a"; +$fa-var-arrow-circle-o-left: "\f190"; +$fa-var-arrow-circle-o-right: "\f18e"; +$fa-var-arrow-circle-o-up: "\f01b"; +$fa-var-arrow-circle-right: "\f0a9"; +$fa-var-arrow-circle-up: "\f0aa"; +$fa-var-arrow-down: "\f063"; +$fa-var-arrow-left: "\f060"; +$fa-var-arrow-right: "\f061"; +$fa-var-arrow-up: "\f062"; +$fa-var-arrows: "\f047"; +$fa-var-arrows-alt: "\f0b2"; +$fa-var-arrows-h: "\f07e"; +$fa-var-arrows-v: "\f07d"; +$fa-var-asl-interpreting: "\f2a3"; +$fa-var-assistive-listening-systems: "\f2a2"; +$fa-var-asterisk: "\f069"; +$fa-var-at: "\f1fa"; +$fa-var-audio-description: "\f29e"; +$fa-var-automobile: "\f1b9"; +$fa-var-backward: "\f04a"; +$fa-var-balance-scale: "\f24e"; +$fa-var-ban: "\f05e"; +$fa-var-bandcamp: "\f2d5"; +$fa-var-bank: "\f19c"; +$fa-var-bar-chart: "\f080"; +$fa-var-bar-chart-o: "\f080"; +$fa-var-barcode: "\f02a"; +$fa-var-bars: "\f0c9"; +$fa-var-bath: "\f2cd"; +$fa-var-bathtub: "\f2cd"; +$fa-var-battery: "\f240"; +$fa-var-battery-0: "\f244"; +$fa-var-battery-1: "\f243"; +$fa-var-battery-2: "\f242"; +$fa-var-battery-3: "\f241"; +$fa-var-battery-4: "\f240"; +$fa-var-battery-empty: "\f244"; +$fa-var-battery-full: "\f240"; +$fa-var-battery-half: "\f242"; +$fa-var-battery-quarter: "\f243"; +$fa-var-battery-three-quarters: "\f241"; +$fa-var-bed: "\f236"; +$fa-var-beer: "\f0fc"; +$fa-var-behance: "\f1b4"; +$fa-var-behance-square: "\f1b5"; +$fa-var-bell: "\f0f3"; +$fa-var-bell-o: "\f0a2"; +$fa-var-bell-slash: "\f1f6"; +$fa-var-bell-slash-o: "\f1f7"; +$fa-var-bicycle: "\f206"; +$fa-var-binoculars: "\f1e5"; +$fa-var-birthday-cake: "\f1fd"; +$fa-var-bitbucket: "\f171"; +$fa-var-bitbucket-square: "\f172"; +$fa-var-bitcoin: "\f15a"; +$fa-var-black-tie: "\f27e"; +$fa-var-blind: "\f29d"; +$fa-var-bluetooth: "\f293"; +$fa-var-bluetooth-b: "\f294"; +$fa-var-bold: "\f032"; +$fa-var-bolt: "\f0e7"; +$fa-var-bomb: "\f1e2"; +$fa-var-book: "\f02d"; +$fa-var-bookmark: "\f02e"; +$fa-var-bookmark-o: "\f097"; +$fa-var-braille: "\f2a1"; +$fa-var-briefcase: "\f0b1"; +$fa-var-btc: "\f15a"; +$fa-var-bug: "\f188"; +$fa-var-building: "\f1ad"; +$fa-var-building-o: "\f0f7"; +$fa-var-bullhorn: "\f0a1"; +$fa-var-bullseye: "\f140"; +$fa-var-bus: "\f207"; +$fa-var-buysellads: "\f20d"; +$fa-var-cab: "\f1ba"; +$fa-var-calculator: "\f1ec"; +$fa-var-calendar: "\f073"; +$fa-var-calendar-check-o: "\f274"; +$fa-var-calendar-minus-o: "\f272"; +$fa-var-calendar-o: "\f133"; +$fa-var-calendar-plus-o: "\f271"; +$fa-var-calendar-times-o: "\f273"; +$fa-var-camera: "\f030"; +$fa-var-camera-retro: "\f083"; +$fa-var-car: "\f1b9"; +$fa-var-caret-down: "\f0d7"; +$fa-var-caret-left: "\f0d9"; +$fa-var-caret-right: "\f0da"; +$fa-var-caret-square-o-down: "\f150"; +$fa-var-caret-square-o-left: "\f191"; +$fa-var-caret-square-o-right: "\f152"; +$fa-var-caret-square-o-up: "\f151"; +$fa-var-caret-up: "\f0d8"; +$fa-var-cart-arrow-down: "\f218"; +$fa-var-cart-plus: "\f217"; +$fa-var-cc: "\f20a"; +$fa-var-cc-amex: "\f1f3"; +$fa-var-cc-diners-club: "\f24c"; +$fa-var-cc-discover: "\f1f2"; +$fa-var-cc-jcb: "\f24b"; +$fa-var-cc-mastercard: "\f1f1"; +$fa-var-cc-paypal: "\f1f4"; +$fa-var-cc-stripe: "\f1f5"; +$fa-var-cc-visa: "\f1f0"; +$fa-var-certificate: "\f0a3"; +$fa-var-chain: "\f0c1"; +$fa-var-chain-broken: "\f127"; +$fa-var-check: "\f00c"; +$fa-var-check-circle: "\f058"; +$fa-var-check-circle-o: "\f05d"; +$fa-var-check-square: "\f14a"; +$fa-var-check-square-o: "\f046"; +$fa-var-chevron-circle-down: "\f13a"; +$fa-var-chevron-circle-left: "\f137"; +$fa-var-chevron-circle-right: "\f138"; +$fa-var-chevron-circle-up: "\f139"; +$fa-var-chevron-down: "\f078"; +$fa-var-chevron-left: "\f053"; +$fa-var-chevron-right: "\f054"; +$fa-var-chevron-up: "\f077"; +$fa-var-child: "\f1ae"; +$fa-var-chrome: "\f268"; +$fa-var-circle: "\f111"; +$fa-var-circle-o: "\f10c"; +$fa-var-circle-o-notch: "\f1ce"; +$fa-var-circle-thin: "\f1db"; +$fa-var-clipboard: "\f0ea"; +$fa-var-clock-o: "\f017"; +$fa-var-clone: "\f24d"; +$fa-var-close: "\f00d"; +$fa-var-cloud: "\f0c2"; +$fa-var-cloud-download: "\f0ed"; +$fa-var-cloud-upload: "\f0ee"; +$fa-var-cny: "\f157"; +$fa-var-code: "\f121"; +$fa-var-code-fork: "\f126"; +$fa-var-codepen: "\f1cb"; +$fa-var-codiepie: "\f284"; +$fa-var-coffee: "\f0f4"; +$fa-var-cog: "\f013"; +$fa-var-cogs: "\f085"; +$fa-var-columns: "\f0db"; +$fa-var-comment: "\f075"; +$fa-var-comment-o: "\f0e5"; +$fa-var-commenting: "\f27a"; +$fa-var-commenting-o: "\f27b"; +$fa-var-comments: "\f086"; +$fa-var-comments-o: "\f0e6"; +$fa-var-compass: "\f14e"; +$fa-var-compress: "\f066"; +$fa-var-connectdevelop: "\f20e"; +$fa-var-contao: "\f26d"; +$fa-var-copy: "\f0c5"; +$fa-var-copyright: "\f1f9"; +$fa-var-creative-commons: "\f25e"; +$fa-var-credit-card: "\f09d"; +$fa-var-credit-card-alt: "\f283"; +$fa-var-crop: "\f125"; +$fa-var-crosshairs: "\f05b"; +$fa-var-css3: "\f13c"; +$fa-var-cube: "\f1b2"; +$fa-var-cubes: "\f1b3"; +$fa-var-cut: "\f0c4"; +$fa-var-cutlery: "\f0f5"; +$fa-var-dashboard: "\f0e4"; +$fa-var-dashcube: "\f210"; +$fa-var-database: "\f1c0"; +$fa-var-deaf: "\f2a4"; +$fa-var-deafness: "\f2a4"; +$fa-var-dedent: "\f03b"; +$fa-var-delicious: "\f1a5"; +$fa-var-desktop: "\f108"; +$fa-var-deviantart: "\f1bd"; +$fa-var-diamond: "\f219"; +$fa-var-digg: "\f1a6"; +$fa-var-dollar: "\f155"; +$fa-var-dot-circle-o: "\f192"; +$fa-var-download: "\f019"; +$fa-var-dribbble: "\f17d"; +$fa-var-drivers-license: "\f2c2"; +$fa-var-drivers-license-o: "\f2c3"; +$fa-var-dropbox: "\f16b"; +$fa-var-drupal: "\f1a9"; +$fa-var-edge: "\f282"; +$fa-var-edit: "\f044"; +$fa-var-eercast: "\f2da"; +$fa-var-eject: "\f052"; +$fa-var-ellipsis-h: "\f141"; +$fa-var-ellipsis-v: "\f142"; +$fa-var-empire: "\f1d1"; +$fa-var-envelope: "\f0e0"; +$fa-var-envelope-o: "\f003"; +$fa-var-envelope-open: "\f2b6"; +$fa-var-envelope-open-o: "\f2b7"; +$fa-var-envelope-square: "\f199"; +$fa-var-envira: "\f299"; +$fa-var-eraser: "\f12d"; +$fa-var-etsy: "\f2d7"; +$fa-var-eur: "\f153"; +$fa-var-euro: "\f153"; +$fa-var-exchange: "\f0ec"; +$fa-var-exclamation: "\f12a"; +$fa-var-exclamation-circle: "\f06a"; +$fa-var-exclamation-triangle: "\f071"; +$fa-var-expand: "\f065"; +$fa-var-expeditedssl: "\f23e"; +$fa-var-external-link: "\f08e"; +$fa-var-external-link-square: "\f14c"; +$fa-var-eye: "\f06e"; +$fa-var-eye-slash: "\f070"; +$fa-var-eyedropper: "\f1fb"; +$fa-var-fa: "\f2b4"; +$fa-var-facebook: "\f09a"; +$fa-var-facebook-f: "\f09a"; +$fa-var-facebook-official: "\f230"; +$fa-var-facebook-square: "\f082"; +$fa-var-fast-backward: "\f049"; +$fa-var-fast-forward: "\f050"; +$fa-var-fax: "\f1ac"; +$fa-var-feed: "\f09e"; +$fa-var-female: "\f182"; +$fa-var-fighter-jet: "\f0fb"; +$fa-var-file: "\f15b"; +$fa-var-file-archive-o: "\f1c6"; +$fa-var-file-audio-o: "\f1c7"; +$fa-var-file-code-o: "\f1c9"; +$fa-var-file-excel-o: "\f1c3"; +$fa-var-file-image-o: "\f1c5"; +$fa-var-file-movie-o: "\f1c8"; +$fa-var-file-o: "\f016"; +$fa-var-file-pdf-o: "\f1c1"; +$fa-var-file-photo-o: "\f1c5"; +$fa-var-file-picture-o: "\f1c5"; +$fa-var-file-powerpoint-o: "\f1c4"; +$fa-var-file-sound-o: "\f1c7"; +$fa-var-file-text: "\f15c"; +$fa-var-file-text-o: "\f0f6"; +$fa-var-file-video-o: "\f1c8"; +$fa-var-file-word-o: "\f1c2"; +$fa-var-file-zip-o: "\f1c6"; +$fa-var-files-o: "\f0c5"; +$fa-var-film: "\f008"; +$fa-var-filter: "\f0b0"; +$fa-var-fire: "\f06d"; +$fa-var-fire-extinguisher: "\f134"; +$fa-var-firefox: "\f269"; +$fa-var-first-order: "\f2b0"; +$fa-var-flag: "\f024"; +$fa-var-flag-checkered: "\f11e"; +$fa-var-flag-o: "\f11d"; +$fa-var-flash: "\f0e7"; +$fa-var-flask: "\f0c3"; +$fa-var-flickr: "\f16e"; +$fa-var-floppy-o: "\f0c7"; +$fa-var-folder: "\f07b"; +$fa-var-folder-o: "\f114"; +$fa-var-folder-open: "\f07c"; +$fa-var-folder-open-o: "\f115"; +$fa-var-font: "\f031"; +$fa-var-font-awesome: "\f2b4"; +$fa-var-fonticons: "\f280"; +$fa-var-fort-awesome: "\f286"; +$fa-var-forumbee: "\f211"; +$fa-var-forward: "\f04e"; +$fa-var-foursquare: "\f180"; +$fa-var-free-code-camp: "\f2c5"; +$fa-var-frown-o: "\f119"; +$fa-var-futbol-o: "\f1e3"; +$fa-var-gamepad: "\f11b"; +$fa-var-gavel: "\f0e3"; +$fa-var-gbp: "\f154"; +$fa-var-ge: "\f1d1"; +$fa-var-gear: "\f013"; +$fa-var-gears: "\f085"; +$fa-var-genderless: "\f22d"; +$fa-var-get-pocket: "\f265"; +$fa-var-gg: "\f260"; +$fa-var-gg-circle: "\f261"; +$fa-var-gift: "\f06b"; +$fa-var-git: "\f1d3"; +$fa-var-git-square: "\f1d2"; +$fa-var-github: "\f09b"; +$fa-var-github-alt: "\f113"; +$fa-var-github-square: "\f092"; +$fa-var-gitlab: "\f296"; +$fa-var-gittip: "\f184"; +$fa-var-glass: "\f000"; +$fa-var-glide: "\f2a5"; +$fa-var-glide-g: "\f2a6"; +$fa-var-globe: "\f0ac"; +$fa-var-google: "\f1a0"; +$fa-var-google-plus: "\f0d5"; +$fa-var-google-plus-circle: "\f2b3"; +$fa-var-google-plus-official: "\f2b3"; +$fa-var-google-plus-square: "\f0d4"; +$fa-var-google-wallet: "\f1ee"; +$fa-var-graduation-cap: "\f19d"; +$fa-var-gratipay: "\f184"; +$fa-var-grav: "\f2d6"; +$fa-var-group: "\f0c0"; +$fa-var-h-square: "\f0fd"; +$fa-var-hacker-news: "\f1d4"; +$fa-var-hand-grab-o: "\f255"; +$fa-var-hand-lizard-o: "\f258"; +$fa-var-hand-o-down: "\f0a7"; +$fa-var-hand-o-left: "\f0a5"; +$fa-var-hand-o-right: "\f0a4"; +$fa-var-hand-o-up: "\f0a6"; +$fa-var-hand-paper-o: "\f256"; +$fa-var-hand-peace-o: "\f25b"; +$fa-var-hand-pointer-o: "\f25a"; +$fa-var-hand-rock-o: "\f255"; +$fa-var-hand-scissors-o: "\f257"; +$fa-var-hand-spock-o: "\f259"; +$fa-var-hand-stop-o: "\f256"; +$fa-var-handshake-o: "\f2b5"; +$fa-var-hard-of-hearing: "\f2a4"; +$fa-var-hashtag: "\f292"; +$fa-var-hdd-o: "\f0a0"; +$fa-var-header: "\f1dc"; +$fa-var-headphones: "\f025"; +$fa-var-heart: "\f004"; +$fa-var-heart-o: "\f08a"; +$fa-var-heartbeat: "\f21e"; +$fa-var-history: "\f1da"; +$fa-var-home: "\f015"; +$fa-var-hospital-o: "\f0f8"; +$fa-var-hotel: "\f236"; +$fa-var-hourglass: "\f254"; +$fa-var-hourglass-1: "\f251"; +$fa-var-hourglass-2: "\f252"; +$fa-var-hourglass-3: "\f253"; +$fa-var-hourglass-end: "\f253"; +$fa-var-hourglass-half: "\f252"; +$fa-var-hourglass-o: "\f250"; +$fa-var-hourglass-start: "\f251"; +$fa-var-houzz: "\f27c"; +$fa-var-html5: "\f13b"; +$fa-var-i-cursor: "\f246"; +$fa-var-id-badge: "\f2c1"; +$fa-var-id-card: "\f2c2"; +$fa-var-id-card-o: "\f2c3"; +$fa-var-ils: "\f20b"; +$fa-var-image: "\f03e"; +$fa-var-imdb: "\f2d8"; +$fa-var-inbox: "\f01c"; +$fa-var-indent: "\f03c"; +$fa-var-industry: "\f275"; +$fa-var-info: "\f129"; +$fa-var-info-circle: "\f05a"; +$fa-var-inr: "\f156"; +$fa-var-instagram: "\f16d"; +$fa-var-institution: "\f19c"; +$fa-var-internet-explorer: "\f26b"; +$fa-var-intersex: "\f224"; +$fa-var-ioxhost: "\f208"; +$fa-var-italic: "\f033"; +$fa-var-joomla: "\f1aa"; +$fa-var-jpy: "\f157"; +$fa-var-jsfiddle: "\f1cc"; +$fa-var-key: "\f084"; +$fa-var-keyboard-o: "\f11c"; +$fa-var-krw: "\f159"; +$fa-var-language: "\f1ab"; +$fa-var-laptop: "\f109"; +$fa-var-lastfm: "\f202"; +$fa-var-lastfm-square: "\f203"; +$fa-var-leaf: "\f06c"; +$fa-var-leanpub: "\f212"; +$fa-var-legal: "\f0e3"; +$fa-var-lemon-o: "\f094"; +$fa-var-level-down: "\f149"; +$fa-var-level-up: "\f148"; +$fa-var-life-bouy: "\f1cd"; +$fa-var-life-buoy: "\f1cd"; +$fa-var-life-ring: "\f1cd"; +$fa-var-life-saver: "\f1cd"; +$fa-var-lightbulb-o: "\f0eb"; +$fa-var-line-chart: "\f201"; +$fa-var-link: "\f0c1"; +$fa-var-linkedin: "\f0e1"; +$fa-var-linkedin-square: "\f08c"; +$fa-var-linode: "\f2b8"; +$fa-var-linux: "\f17c"; +$fa-var-list: "\f03a"; +$fa-var-list-alt: "\f022"; +$fa-var-list-ol: "\f0cb"; +$fa-var-list-ul: "\f0ca"; +$fa-var-location-arrow: "\f124"; +$fa-var-lock: "\f023"; +$fa-var-long-arrow-down: "\f175"; +$fa-var-long-arrow-left: "\f177"; +$fa-var-long-arrow-right: "\f178"; +$fa-var-long-arrow-up: "\f176"; +$fa-var-low-vision: "\f2a8"; +$fa-var-magic: "\f0d0"; +$fa-var-magnet: "\f076"; +$fa-var-mail-forward: "\f064"; +$fa-var-mail-reply: "\f112"; +$fa-var-mail-reply-all: "\f122"; +$fa-var-male: "\f183"; +$fa-var-map: "\f279"; +$fa-var-map-marker: "\f041"; +$fa-var-map-o: "\f278"; +$fa-var-map-pin: "\f276"; +$fa-var-map-signs: "\f277"; +$fa-var-mars: "\f222"; +$fa-var-mars-double: "\f227"; +$fa-var-mars-stroke: "\f229"; +$fa-var-mars-stroke-h: "\f22b"; +$fa-var-mars-stroke-v: "\f22a"; +$fa-var-maxcdn: "\f136"; +$fa-var-meanpath: "\f20c"; +$fa-var-medium: "\f23a"; +$fa-var-medkit: "\f0fa"; +$fa-var-meetup: "\f2e0"; +$fa-var-meh-o: "\f11a"; +$fa-var-mercury: "\f223"; +$fa-var-microchip: "\f2db"; +$fa-var-microphone: "\f130"; +$fa-var-microphone-slash: "\f131"; +$fa-var-minus: "\f068"; +$fa-var-minus-circle: "\f056"; +$fa-var-minus-square: "\f146"; +$fa-var-minus-square-o: "\f147"; +$fa-var-mixcloud: "\f289"; +$fa-var-mobile: "\f10b"; +$fa-var-mobile-phone: "\f10b"; +$fa-var-modx: "\f285"; +$fa-var-money: "\f0d6"; +$fa-var-moon-o: "\f186"; +$fa-var-mortar-board: "\f19d"; +$fa-var-motorcycle: "\f21c"; +$fa-var-mouse-pointer: "\f245"; +$fa-var-music: "\f001"; +$fa-var-navicon: "\f0c9"; +$fa-var-neuter: "\f22c"; +$fa-var-newspaper-o: "\f1ea"; +$fa-var-object-group: "\f247"; +$fa-var-object-ungroup: "\f248"; +$fa-var-odnoklassniki: "\f263"; +$fa-var-odnoklassniki-square: "\f264"; +$fa-var-opencart: "\f23d"; +$fa-var-openid: "\f19b"; +$fa-var-opera: "\f26a"; +$fa-var-optin-monster: "\f23c"; +$fa-var-outdent: "\f03b"; +$fa-var-pagelines: "\f18c"; +$fa-var-paint-brush: "\f1fc"; +$fa-var-paper-plane: "\f1d8"; +$fa-var-paper-plane-o: "\f1d9"; +$fa-var-paperclip: "\f0c6"; +$fa-var-paragraph: "\f1dd"; +$fa-var-paste: "\f0ea"; +$fa-var-pause: "\f04c"; +$fa-var-pause-circle: "\f28b"; +$fa-var-pause-circle-o: "\f28c"; +$fa-var-paw: "\f1b0"; +$fa-var-paypal: "\f1ed"; +$fa-var-pencil: "\f040"; +$fa-var-pencil-square: "\f14b"; +$fa-var-pencil-square-o: "\f044"; +$fa-var-percent: "\f295"; +$fa-var-phone: "\f095"; +$fa-var-phone-square: "\f098"; +$fa-var-photo: "\f03e"; +$fa-var-picture-o: "\f03e"; +$fa-var-pie-chart: "\f200"; +$fa-var-pied-piper: "\f2ae"; +$fa-var-pied-piper-alt: "\f1a8"; +$fa-var-pied-piper-pp: "\f1a7"; +$fa-var-pinterest: "\f0d2"; +$fa-var-pinterest-p: "\f231"; +$fa-var-pinterest-square: "\f0d3"; +$fa-var-plane: "\f072"; +$fa-var-play: "\f04b"; +$fa-var-play-circle: "\f144"; +$fa-var-play-circle-o: "\f01d"; +$fa-var-plug: "\f1e6"; +$fa-var-plus: "\f067"; +$fa-var-plus-circle: "\f055"; +$fa-var-plus-square: "\f0fe"; +$fa-var-plus-square-o: "\f196"; +$fa-var-podcast: "\f2ce"; +$fa-var-power-off: "\f011"; +$fa-var-print: "\f02f"; +$fa-var-product-hunt: "\f288"; +$fa-var-puzzle-piece: "\f12e"; +$fa-var-qq: "\f1d6"; +$fa-var-qrcode: "\f029"; +$fa-var-question: "\f128"; +$fa-var-question-circle: "\f059"; +$fa-var-question-circle-o: "\f29c"; +$fa-var-quora: "\f2c4"; +$fa-var-quote-left: "\f10d"; +$fa-var-quote-right: "\f10e"; +$fa-var-ra: "\f1d0"; +$fa-var-random: "\f074"; +$fa-var-ravelry: "\f2d9"; +$fa-var-rebel: "\f1d0"; +$fa-var-recycle: "\f1b8"; +$fa-var-reddit: "\f1a1"; +$fa-var-reddit-alien: "\f281"; +$fa-var-reddit-square: "\f1a2"; +$fa-var-refresh: "\f021"; +$fa-var-registered: "\f25d"; +$fa-var-remove: "\f00d"; +$fa-var-renren: "\f18b"; +$fa-var-reorder: "\f0c9"; +$fa-var-repeat: "\f01e"; +$fa-var-reply: "\f112"; +$fa-var-reply-all: "\f122"; +$fa-var-resistance: "\f1d0"; +$fa-var-retweet: "\f079"; +$fa-var-rmb: "\f157"; +$fa-var-road: "\f018"; +$fa-var-rocket: "\f135"; +$fa-var-rotate-left: "\f0e2"; +$fa-var-rotate-right: "\f01e"; +$fa-var-rouble: "\f158"; +$fa-var-rss: "\f09e"; +$fa-var-rss-square: "\f143"; +$fa-var-rub: "\f158"; +$fa-var-ruble: "\f158"; +$fa-var-rupee: "\f156"; +$fa-var-s15: "\f2cd"; +$fa-var-safari: "\f267"; +$fa-var-save: "\f0c7"; +$fa-var-scissors: "\f0c4"; +$fa-var-scribd: "\f28a"; +$fa-var-search: "\f002"; +$fa-var-search-minus: "\f010"; +$fa-var-search-plus: "\f00e"; +$fa-var-sellsy: "\f213"; +$fa-var-send: "\f1d8"; +$fa-var-send-o: "\f1d9"; +$fa-var-server: "\f233"; +$fa-var-share: "\f064"; +$fa-var-share-alt: "\f1e0"; +$fa-var-share-alt-square: "\f1e1"; +$fa-var-share-square: "\f14d"; +$fa-var-share-square-o: "\f045"; +$fa-var-shekel: "\f20b"; +$fa-var-sheqel: "\f20b"; +$fa-var-shield: "\f132"; +$fa-var-ship: "\f21a"; +$fa-var-shirtsinbulk: "\f214"; +$fa-var-shopping-bag: "\f290"; +$fa-var-shopping-basket: "\f291"; +$fa-var-shopping-cart: "\f07a"; +$fa-var-shower: "\f2cc"; +$fa-var-sign-in: "\f090"; +$fa-var-sign-language: "\f2a7"; +$fa-var-sign-out: "\f08b"; +$fa-var-signal: "\f012"; +$fa-var-signing: "\f2a7"; +$fa-var-simplybuilt: "\f215"; +$fa-var-sitemap: "\f0e8"; +$fa-var-skyatlas: "\f216"; +$fa-var-skype: "\f17e"; +$fa-var-slack: "\f198"; +$fa-var-sliders: "\f1de"; +$fa-var-slideshare: "\f1e7"; +$fa-var-smile-o: "\f118"; +$fa-var-snapchat: "\f2ab"; +$fa-var-snapchat-ghost: "\f2ac"; +$fa-var-snapchat-square: "\f2ad"; +$fa-var-snowflake-o: "\f2dc"; +$fa-var-soccer-ball-o: "\f1e3"; +$fa-var-sort: "\f0dc"; +$fa-var-sort-alpha-asc: "\f15d"; +$fa-var-sort-alpha-desc: "\f15e"; +$fa-var-sort-amount-asc: "\f160"; +$fa-var-sort-amount-desc: "\f161"; +$fa-var-sort-asc: "\f0de"; +$fa-var-sort-desc: "\f0dd"; +$fa-var-sort-down: "\f0dd"; +$fa-var-sort-numeric-asc: "\f162"; +$fa-var-sort-numeric-desc: "\f163"; +$fa-var-sort-up: "\f0de"; +$fa-var-soundcloud: "\f1be"; +$fa-var-space-shuttle: "\f197"; +$fa-var-spinner: "\f110"; +$fa-var-spoon: "\f1b1"; +$fa-var-spotify: "\f1bc"; +$fa-var-square: "\f0c8"; +$fa-var-square-o: "\f096"; +$fa-var-stack-exchange: "\f18d"; +$fa-var-stack-overflow: "\f16c"; +$fa-var-star: "\f005"; +$fa-var-star-half: "\f089"; +$fa-var-star-half-empty: "\f123"; +$fa-var-star-half-full: "\f123"; +$fa-var-star-half-o: "\f123"; +$fa-var-star-o: "\f006"; +$fa-var-steam: "\f1b6"; +$fa-var-steam-square: "\f1b7"; +$fa-var-step-backward: "\f048"; +$fa-var-step-forward: "\f051"; +$fa-var-stethoscope: "\f0f1"; +$fa-var-sticky-note: "\f249"; +$fa-var-sticky-note-o: "\f24a"; +$fa-var-stop: "\f04d"; +$fa-var-stop-circle: "\f28d"; +$fa-var-stop-circle-o: "\f28e"; +$fa-var-street-view: "\f21d"; +$fa-var-strikethrough: "\f0cc"; +$fa-var-stumbleupon: "\f1a4"; +$fa-var-stumbleupon-circle: "\f1a3"; +$fa-var-subscript: "\f12c"; +$fa-var-subway: "\f239"; +$fa-var-suitcase: "\f0f2"; +$fa-var-sun-o: "\f185"; +$fa-var-superpowers: "\f2dd"; +$fa-var-superscript: "\f12b"; +$fa-var-support: "\f1cd"; +$fa-var-table: "\f0ce"; +$fa-var-tablet: "\f10a"; +$fa-var-tachometer: "\f0e4"; +$fa-var-tag: "\f02b"; +$fa-var-tags: "\f02c"; +$fa-var-tasks: "\f0ae"; +$fa-var-taxi: "\f1ba"; +$fa-var-telegram: "\f2c6"; +$fa-var-television: "\f26c"; +$fa-var-tencent-weibo: "\f1d5"; +$fa-var-terminal: "\f120"; +$fa-var-text-height: "\f034"; +$fa-var-text-width: "\f035"; +$fa-var-th: "\f00a"; +$fa-var-th-large: "\f009"; +$fa-var-th-list: "\f00b"; +$fa-var-themeisle: "\f2b2"; +$fa-var-thermometer: "\f2c7"; +$fa-var-thermometer-0: "\f2cb"; +$fa-var-thermometer-1: "\f2ca"; +$fa-var-thermometer-2: "\f2c9"; +$fa-var-thermometer-3: "\f2c8"; +$fa-var-thermometer-4: "\f2c7"; +$fa-var-thermometer-empty: "\f2cb"; +$fa-var-thermometer-full: "\f2c7"; +$fa-var-thermometer-half: "\f2c9"; +$fa-var-thermometer-quarter: "\f2ca"; +$fa-var-thermometer-three-quarters: "\f2c8"; +$fa-var-thumb-tack: "\f08d"; +$fa-var-thumbs-down: "\f165"; +$fa-var-thumbs-o-down: "\f088"; +$fa-var-thumbs-o-up: "\f087"; +$fa-var-thumbs-up: "\f164"; +$fa-var-ticket: "\f145"; +$fa-var-times: "\f00d"; +$fa-var-times-circle: "\f057"; +$fa-var-times-circle-o: "\f05c"; +$fa-var-times-rectangle: "\f2d3"; +$fa-var-times-rectangle-o: "\f2d4"; +$fa-var-tint: "\f043"; +$fa-var-toggle-down: "\f150"; +$fa-var-toggle-left: "\f191"; +$fa-var-toggle-off: "\f204"; +$fa-var-toggle-on: "\f205"; +$fa-var-toggle-right: "\f152"; +$fa-var-toggle-up: "\f151"; +$fa-var-trademark: "\f25c"; +$fa-var-train: "\f238"; +$fa-var-transgender: "\f224"; +$fa-var-transgender-alt: "\f225"; +$fa-var-trash: "\f1f8"; +$fa-var-trash-o: "\f014"; +$fa-var-tree: "\f1bb"; +$fa-var-trello: "\f181"; +$fa-var-tripadvisor: "\f262"; +$fa-var-trophy: "\f091"; +$fa-var-truck: "\f0d1"; +$fa-var-try: "\f195"; +$fa-var-tty: "\f1e4"; +$fa-var-tumblr: "\f173"; +$fa-var-tumblr-square: "\f174"; +$fa-var-turkish-lira: "\f195"; +$fa-var-tv: "\f26c"; +$fa-var-twitch: "\f1e8"; +$fa-var-twitter: "\f099"; +$fa-var-twitter-square: "\f081"; +$fa-var-umbrella: "\f0e9"; +$fa-var-underline: "\f0cd"; +$fa-var-undo: "\f0e2"; +$fa-var-universal-access: "\f29a"; +$fa-var-university: "\f19c"; +$fa-var-unlink: "\f127"; +$fa-var-unlock: "\f09c"; +$fa-var-unlock-alt: "\f13e"; +$fa-var-unsorted: "\f0dc"; +$fa-var-upload: "\f093"; +$fa-var-usb: "\f287"; +$fa-var-usd: "\f155"; +$fa-var-user: "\f007"; +$fa-var-user-circle: "\f2bd"; +$fa-var-user-circle-o: "\f2be"; +$fa-var-user-md: "\f0f0"; +$fa-var-user-o: "\f2c0"; +$fa-var-user-plus: "\f234"; +$fa-var-user-secret: "\f21b"; +$fa-var-user-times: "\f235"; +$fa-var-users: "\f0c0"; +$fa-var-vcard: "\f2bb"; +$fa-var-vcard-o: "\f2bc"; +$fa-var-venus: "\f221"; +$fa-var-venus-double: "\f226"; +$fa-var-venus-mars: "\f228"; +$fa-var-viacoin: "\f237"; +$fa-var-viadeo: "\f2a9"; +$fa-var-viadeo-square: "\f2aa"; +$fa-var-video-camera: "\f03d"; +$fa-var-vimeo: "\f27d"; +$fa-var-vimeo-square: "\f194"; +$fa-var-vine: "\f1ca"; +$fa-var-vk: "\f189"; +$fa-var-volume-control-phone: "\f2a0"; +$fa-var-volume-down: "\f027"; +$fa-var-volume-off: "\f026"; +$fa-var-volume-up: "\f028"; +$fa-var-warning: "\f071"; +$fa-var-wechat: "\f1d7"; +$fa-var-weibo: "\f18a"; +$fa-var-weixin: "\f1d7"; +$fa-var-whatsapp: "\f232"; +$fa-var-wheelchair: "\f193"; +$fa-var-wheelchair-alt: "\f29b"; +$fa-var-wifi: "\f1eb"; +$fa-var-wikipedia-w: "\f266"; +$fa-var-window-close: "\f2d3"; +$fa-var-window-close-o: "\f2d4"; +$fa-var-window-maximize: "\f2d0"; +$fa-var-window-minimize: "\f2d1"; +$fa-var-window-restore: "\f2d2"; +$fa-var-windows: "\f17a"; +$fa-var-won: "\f159"; +$fa-var-wordpress: "\f19a"; +$fa-var-wpbeginner: "\f297"; +$fa-var-wpexplorer: "\f2de"; +$fa-var-wpforms: "\f298"; +$fa-var-wrench: "\f0ad"; +$fa-var-xing: "\f168"; +$fa-var-xing-square: "\f169"; +$fa-var-y-combinator: "\f23b"; +$fa-var-y-combinator-square: "\f1d4"; +$fa-var-yahoo: "\f19e"; +$fa-var-yc: "\f23b"; +$fa-var-yc-square: "\f1d4"; +$fa-var-yelp: "\f1e9"; +$fa-var-yen: "\f157"; +$fa-var-yoast: "\f2b1"; +$fa-var-youtube: "\f167"; +$fa-var-youtube-play: "\f16a"; +$fa-var-youtube-square: "\f166"; + diff --git a/font-awesome-4.7.0/scss/font-awesome.scss b/font-awesome-4.7.0/scss/font-awesome.scss new file mode 100644 index 0000000..f1c83aa --- /dev/null +++ b/font-awesome-4.7.0/scss/font-awesome.scss @@ -0,0 +1,18 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ + +@import "variables"; +@import "mixins"; +@import "path"; +@import "core"; +@import "larger"; +@import "fixed-width"; +@import "list"; +@import "bordered-pulled"; +@import "animated"; +@import "rotated-flipped"; +@import "stacked"; +@import "icons"; +@import "screen-reader"; diff --git a/libs/Database.php b/libs/Database.php index d0112d4..5e82d19 100644 --- a/libs/Database.php +++ b/libs/Database.php @@ -14,14 +14,4 @@ public function runQuery($query){ return $stmt->fetchAll(); } - - public function select($query){ - - $stmt = $this->prepare($query); - - $stmt->execute(); - - return $stmt->fetchAll(); - - } } diff --git a/models/Department_Model.php b/models/Department_Model.php new file mode 100644 index 0000000..cfde9fb --- /dev/null +++ b/models/Department_Model.php @@ -0,0 +1,17 @@ +db->runQuery($sql); + } + +} \ No newline at end of file diff --git a/models/Team_Model.php b/models/Team_Model.php new file mode 100644 index 0000000..c27d4f5 --- /dev/null +++ b/models/Team_Model.php @@ -0,0 +1,17 @@ +db->runQuery($sql); + } + +} \ No newline at end of file diff --git a/models/adminHome_Model.php b/models/adminHome_Model.php new file mode 100644 index 0000000..bac197d --- /dev/null +++ b/models/adminHome_Model.php @@ -0,0 +1,24 @@ +db->runQuery($sql); + } + + function searchdata($empid) + { + $sql="SELECT * FROM systemuser WHERE EmpID='$empid'"; + return $this->db->runQuery($sql); + + } +} + +?> \ No newline at end of file diff --git a/models/admin_Model.php b/models/admin_Model.php new file mode 100644 index 0000000..3c2c138 --- /dev/null +++ b/models/admin_Model.php @@ -0,0 +1,42 @@ +db->runQuery($sql); + } + + function searchdata($empid) + { + $sql="SELECT * FROM systemuser WHERE EmpID='$empid'"; + return $this->db->runQuery($sql); + } + + function getaccessdata($empID) + { + $sql="SELECT * FROM accesslevel WHERE EmpID = '$empID'"; + return $this->db->runQuery($sql); + } + + function insertdata($empID,$MyProfile,$Login,$Admin,$Member,$Leader,$Manager,$HR) + { + $sql="INSERT INTO accesslevel VALUES ('$empID','$MyProfile','$Login','$Admin','$Member','$Leader','$Manager','HR')"; + + return $this->db->runQuery($sql); + } + + function updatedata($empID,$MyProfile,$Login,$Admin,$Member,$Leader,$Manager,$HR) + { + $sql="UPDATE accesslevel SET MyProfile='$MyProfile', LoginAccess='$Login', AdminAccess='$Admin', MemberAccess='$Member', LeaderAccess='$Leader', ManagerAccess='$Manager', HRAccess='$HR' WHERE EmpID='$empID'"; + return $this->db->runQuery($sql); + } +} + +?> \ No newline at end of file diff --git a/models/assignTasksMember_Model.php b/models/assignTasksMember_Model.php new file mode 100644 index 0000000..f25b02d --- /dev/null +++ b/models/assignTasksMember_Model.php @@ -0,0 +1,18 @@ +db->runQuery($sql); + } + + +} \ No newline at end of file diff --git a/models/assignTasksTeam_Model.php b/models/assignTasksTeam_Model.php new file mode 100644 index 0000000..2fadb37 --- /dev/null +++ b/models/assignTasksTeam_Model.php @@ -0,0 +1,23 @@ +db->runQuery($sql1); + + $dept_ID = $dept[0]['DeptID']; + + $sql2 = "SELECT T.TeamID, T.TeamName, L.EmpID, S.EmpName FROM team T INNER JOIN team_leader L ON T.TeamID = L.TeamID INNER JOIN + systemuser S ON S.EmpID = L.EmpID WHERE T.DeptID = ('$dept_ID') ; " ; + + return $this->db->runQuery($sql2); + + } +} \ No newline at end of file diff --git a/models/deptManageTask_Model.php b/models/deptManageTask_Model.php new file mode 100644 index 0000000..ed92fde --- /dev/null +++ b/models/deptManageTask_Model.php @@ -0,0 +1,70 @@ +db->runQuery($sql1); + + $dept_ID = $dept[0]['DeptID']; + + //$sql = "SELECT tk.TeamID, tm.TeamName, tk.TaskName FROM Team tm INNER JOIN Task tk ON tk.TeamID = tm.TeamID WHERE tm.DeptID = ('$dept_ID') ; " ; + $sql = "SELECT tk.TeamID, tm.TeamName, tk.TaskName, tk.TaskID FROM Team tm INNER JOIN Task tk ON tk.TeamID = tm.TeamID + WHERE tm.DeptID = ('$dept_ID') AND NOT EXISTS (select 1 FROM task_assign ts WHERE ts.TaskID = tk.TaskID) ; " ; + + return $this->db->runQuery($sql); + + } + + function insertData(){ + + $id = $_POST['tid']; + $name = $_POST['tname']; + + $sql = "INSERT INTO task (TeamID, TaskName) VALUES ('$id', '$name')" ; + + if ($this->db->query($sql) == TRUE) { + $_SESSION['addTask'] = "yes"; + } else { + $_SESSION['addTask'] = "no"; + } + + $a = array(); + $sub1 = $_POST['sub1']; + $sub2 = $_POST['sub2']; + $sub3 = $_POST['sub3']; + $sub4 = $_POST['sub4']; + array_push($a,$sub1,$sub2,$sub3,$sub4); + + + for ($i = 0; $i <4; $i++){ + + if($a[$i]){ + + echo $a[$i]; + + $sql = "INSERT INTO subtask (TaskID, SubTaskName) VALUES ('$id', '$a[$i]')" ; + + if ($this->db->query($sql) == TRUE) { + $_SESSION['addTask'] = "yes"; + } else { + $_SESSION['addTask'] = "no"; + } + + } + + + } + + } + +} \ No newline at end of file diff --git a/models/employeeWorkProgress_Model.php b/models/employeeWorkProgress_Model.php new file mode 100644 index 0000000..62292ec --- /dev/null +++ b/models/employeeWorkProgress_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + // } +} \ No newline at end of file diff --git a/models/forgotPassword_Model.php b/models/forgotPassword_Model.php new file mode 100644 index 0000000..fec1dc3 --- /dev/null +++ b/models/forgotPassword_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + // } +} \ No newline at end of file diff --git a/models/landingpage.php b/models/landingpage.php deleted file mode 100644 index 628588a..0000000 --- a/models/landingpage.php +++ /dev/null @@ -1,25 +0,0 @@ -db->runQuery($sql1); - - $dept_ID = $dept[0]['DeptID']; - - $sql = "SELECT tk.TeamID, tm.TeamName, tk.TaskName FROM Team tm INNER JOIN Task tk ON tk.TeamID = tm.TeamID WHERE tm.DeptID = ('$dept_ID') ; " ; - - return $this->db->runQuery($sql); - - } -} \ No newline at end of file diff --git a/models/landingpage_Model.php b/models/landingpage_Model.php new file mode 100644 index 0000000..d4174df --- /dev/null +++ b/models/landingpage_Model.php @@ -0,0 +1,60 @@ +db->runQuery($sql1); + + }elseif($_SESSION['emprole'] == "Team_Leader" || $_SESSION['emprole'] == "Team_Member" ){ + + $sql1 ="SELECT COUNT(CASE WHEN task_assign.TaskStatus = 'InProgress' THEN 1 END) AS inprogress, + COUNT(CASE WHEN task_assign.TaskStatus = 'Completed' THEN 1 END) AS completed, + COUNT(CASE WHEN task_assign.TaskStatus = 'Approved' THEN 1 END) AS approved, + COUNT(CASE WHEN task_assign.TaskStatus = 'Pending' THEN 1 END) AS pending + FROM task_assign WHERE task_assign.AssignedTo = '$_SESSION[login_user]' "; + + return $this->db->runQuery($sql1); + + } + + } + + function loadHours(){ + + if($_SESSION['emprole'] == "Dept_Manager"){ + + $sql2 = "SELECT task_assign.TaskStatus, SUM(task_assign.RequiredTime) AS totaltime FROM task_assign + INNER JOIN task ON task_assign.TaskID = task.TaskID INNER JOIN team ON task.TeamID = team.TeamID + INNER JOIN dept ON team.DeptID = dept.DeptID WHERE dept.Dept_Manager = '$_SESSION[login_user]' GROUP BY task_assign.TaskStatus ;"; + + return $this->db->runQuery($sql2); + + } + + elseif($_SESSION['emprole'] == "Team_Leader" || $_SESSION['emprole'] == "Team_Member" ){ + + $sql2 ="SELECT task_assign.TaskStatus, SUM(task_assign.RequiredTime) AS totaltime FROM task_assign + WHERE task_assign.AssignedTo = '$_SESSION[login_user]' GROUP BY task_assign.TaskStatus ;" ; + + return $this->db->runQuery($sql2); + + } + } + +} diff --git a/models/leaderManageTask_Model.php b/models/leaderManageTask_Model.php new file mode 100644 index 0000000..792f48d --- /dev/null +++ b/models/leaderManageTask_Model.php @@ -0,0 +1,19 @@ +db->runQuery($sql); + } + + +} \ No newline at end of file diff --git a/models/leave_Model.php b/models/leave_Model.php new file mode 100644 index 0000000..866fb52 --- /dev/null +++ b/models/leave_Model.php @@ -0,0 +1,50 @@ +db->runQuery($sql); + + /*try{ + $this->db->exec($sql); + $_SESSION['error-msg'] = "New record created successfully"; + } + catch(PDOException $e) + { + + $_SESSION['error-msg'] = $e->getMessage(); + }*/ + + } + + function delete($start, $end, $leavetype){ + /*$sql="INSERT INTO empleave (StartDate,EndDate,Reason,EmpID) VALUES ('$start','$end','$leavetype','$_SESSION['login_user']')"; + return $this->db->runQuery($sql); + echo ""; + + /*try{ + $this->db->exec($sql); + $_SESSION['error-msg'] = "New record created successfully"; + } + catch(PDOException $e) + { + + $_SESSION['error-msg'] = $e->getMessage(); + }*/ + + } + +} +?> \ No newline at end of file diff --git a/models/login_Model.php b/models/login_Model.php index 8922a31..4424721 100644 --- a/models/login_Model.php +++ b/models/login_Model.php @@ -8,7 +8,7 @@ function __construct() } function getData(){ - //return $this->db->runQuery("SELECT * from users"); + } function setData(){ @@ -20,42 +20,70 @@ function run(){ $user_name=$_POST['user_name']; $password=$_POST['password']; - $sql = ("SELECT * FROM SystemUser WHERE EmpID='$user_name' ;"); - $result = $this->db->runQuery($sql); - - //echo ($result[0][5]); + $sql1 = ("SELECT * FROM SystemUser WHERE EmpID='$user_name' ;"); + $result1 = $this->db->runQuery($sql1); - if (count($result) > 0) { + + if (count($result1) >0) { - $hash = $result[0][5]; + $sql2 = ("SELECT * FROM accesslevel WHERE EmpID='$user_name' ;"); + $result2 = $this->db->runQuery($sql2); - $verify = password_verify($password, $hash); + if(count($result2)>0){ + $_SESSION['myprofile']=$result2[0][1]; + $_SESSION['loginaccess']=$result2[0][2]; + $_SESSION['adminaccess']=$result2[0]['AdminAccess']; + $_SESSION['memberaccess']= $result2[0]['MemberAccess'] ; + $_SESSION['leaderaccess']=$result2[0]['LeaderAccess']; + $_SESSION['manageraccess']=$result2[0]['ManagerAccess']; + $_SESSION['hraccess']=$result2[0]['HRAccess']; + + }else{ + + $_SESSION['myprofile']=false; + $_SESSION['loginaccess']=false; + $_SESSION['adminaccess']=false; + $_SESSION['memberaccess']=false; + $_SESSION['leaderaccess']=false; + $_SESSION['manageraccess']=false; + $_SESSION['hraccess']=false; + + $msg = "You cannot access our system"; + echo $msg; + $_SESSION['msg'] = $msg ; + + return false; + } + } + + $hash = $result1[0][5]; + $verify = password_verify($password, $hash); + + if(password_verify($password, $hash)){ - if(password_verify($password, $hash)){ - //echo "hi"; $_SESSION['login_user'] = $user_name; $_SESSION['password'] = $password; + $_SESSION['emprole'] = $result1[0][4]; + $_SESSION['user_img'] = $result1[0][0]; $_SESSION['num_login_fail']=0; - //echo $_SESSION['login_user']; - $msg = "Hello"; + $msg = "valid"; $_SESSION['msg'] = $msg ; ob_start(); - return $result[0][4]; - /*header('location: http://localhost/CO-WMS/depManager');*/ - } + return true; + } - } else { - + else { + if (empty($_SESSION['num_login_fail'])){ + $_SESSION['num_login_fail'] = 0; + } $msg = "invalid username and password"; $_SESSION['msg'] = $msg ; - echo $_SESSION['msg']; - $_SESSION['num_login_fail'] ++; + $_SESSION['num_login_fail'] ++; $_SESSION['last_login_time'] = time(); ob_start(); - + echo $_SESSION['msg']; return false; - header('location: http://localhost/CO-WMS/login'); } @@ -63,10 +91,11 @@ function run(){ } function login(){ - /* if (isset($_SESSION['num_login_fail'])) { + + if (isset($_SESSION['num_login_fail'])) { if ($_SESSION['num_login_fail'] >= 2) { if ((time() - $_SESSION['last_login_time']) < (2 * 60)) { - $_SESSION['msg']="try again after 3 minutes."; + $_SESSION['msg']="try again after 2 minutes."; echo 'alert("wait")' ; header('location: http://localhost/CO-WMS/login'); @@ -75,15 +104,62 @@ function login(){ } }else{ - $this->run(); + return $this->run(); } } - else{*/ + else{ return $this->run(); - //} + } } - + function doOTP($user_name){ + + + $sql = "SELECT * FROM systemuser WHERE EmpID = ('$user_name') ; "; + $res = $this->db->runQuery($sql); + + $otp = mt_rand(10000000, 99999999); + $_SESSION['otpcode'] = $otp; + $_SESSION['user'] = $user_name; + + if(count($res) > 0){ + + $email = $res[0][3]; + $mail_subject = 'Message from Co-WMS website'; + $email_body = "Hello {$user_name}\n" ; + $email_body .= "Your OTP code : {$otp} \n"; + $email_body .= "Thank you."; + $from = 'From: cowmsofficial@gmail.com'; + + $send_mail_result = mail($email, $mail_subject, $email_body, $from); + + if($send_mail_result){ + return true; + }else{ + return false; + } + }else{ + return false; + } + + } + + function resetPassword($otpcode , $password){ + + if($_SESSION['otpcode'] == $otpcode ){ + + $empid = $_SESSION['user']; + $sql = ("UPDATE systemuser SET PASSWORD = '$password' WHERE EmpID = '$empid' ;"); + + if (($this->db->query($sql)) == TRUE) { + return true; + } else { + return false; + } + }else{ + return false; + } + } } \ No newline at end of file diff --git a/models/manageDepartmentAdd_Model.php b/models/manageDepartmentAdd_Model.php new file mode 100644 index 0000000..84373b3 --- /dev/null +++ b/models/manageDepartmentAdd_Model.php @@ -0,0 +1,43 @@ +db->query($sql) == true){ + $_SESSION['add-department'] = "yes"; + }else{ + $_SESSION['add-department'] = "no"; + } + + + // try{ + // $this->db->exec($sql); + // $_SESSION['error-msg'] = "New record created successfully"; + // } + // catch(PDOException $e) + // { + + // $_SESSION['error-msg'] = $e->getMessage(); + // } + + } + + +} \ No newline at end of file diff --git a/models/manageDepartmentEditDelete_Model.php b/models/manageDepartmentEditDelete_Model.php new file mode 100644 index 0000000..ffb3611 --- /dev/null +++ b/models/manageDepartmentEditDelete_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + } +} \ No newline at end of file diff --git a/models/manageDepartment_Model.php b/models/manageDepartment_Model.php new file mode 100644 index 0000000..32dbd7e --- /dev/null +++ b/models/manageDepartment_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + } +} \ No newline at end of file diff --git a/models/manageEmployeeAdd_Model.php b/models/manageEmployeeAdd_Model.php new file mode 100644 index 0000000..2ea6e61 --- /dev/null +++ b/models/manageEmployeeAdd_Model.php @@ -0,0 +1,75 @@ +db->beginTransaction(); + + $sql1 = "INSERT INTO systemuser (`EmpID`, `EmpName`, `EmpEmail`, `EmpRole`, `PASSWORD`) VALUES ('$empid','$empname','$empemail','$emprole','$hash') " ; + $insert = $this->db->query($sql1); + + if($emprole == "Team_Member"){ + $sql3 ="INSERT INTO team_member (`EmpID`, `TeamID`,`EndDate` ) VALUES ('$empid','$team', null)"; + $this->db->query($sql3); + } + elseif($emprole == "Team_Leader"){ + $sql3 ="INSERT INTO team_Leader (`EmpID`, `TeamID`,`EndDate` ) VALUES ('$empid','$team', null)"; + $this->db->query($sql3); + }elseif($emprole == "Dept_Manager"){ + $sql3 ="INSERT INTO dept_manager (`EmpID`, `DeptID`,`EndDate` ) VALUES ('$empid','$dept', null)"; + $this->db->query($sql3); + } + + + $mail_subject = 'Message from Co-WMS website'; + $email_body = "Hello {$empname},Welcome to the Co-WMS Company \n" ; + $email_body .= "Your User Id : {$empid} \n"; + $email_body .= "Your Password : {$password} \n"; + $email_body .= "Thank you."; + $from = 'From: cowmsofficial@gmail.com'; + + $send_mail_result = mail($empemail, $mail_subject, $email_body, $from); + + if($send_mail_result){ + $this->db->commit(); + return true; + } + + else{ + $this->db->rollback(); + return false; + } + + } + + catch(PDOException $e) + { + $this->db->rollback(); + $_SESSION['add-emp-msg'] = $e->getMessage(); + return false; + } + + /*try{ + $this->db->exec($sql); + $_SESSION['add-emp-msg'] = "New record created successfully"; + return true; + } + catch(PDOException $e) + { + + $_SESSION['add-emp-msg'] = $e->getMessage(); + return false; + }*/ + + + } + + +} \ No newline at end of file diff --git a/models/manageEmployeeEditDelete_Model.php b/models/manageEmployeeEditDelete_Model.php new file mode 100644 index 0000000..b942d84 --- /dev/null +++ b/models/manageEmployeeEditDelete_Model.php @@ -0,0 +1,36 @@ +db->query($sql); + + + // if($this->db->query($sql) == true){ + if($this->db->query($sql)){ + $_SESSION['edit-employee'] = "yes"; + }else{ + $_SESSION['edit-employee'] = "no"; + } + + + } + + + function getData($empId){ + + $sql = "SELECT * FROM systemuser WHERE EmpID=('$empId')"; + return $this->db->runQuery($sql); + + } + + +} \ No newline at end of file diff --git a/models/manageEmployee_Model.php b/models/manageEmployee_Model.php new file mode 100644 index 0000000..e42213c --- /dev/null +++ b/models/manageEmployee_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + } +} \ No newline at end of file diff --git a/models/manageTeamAdd_Model.php b/models/manageTeamAdd_Model.php new file mode 100644 index 0000000..d7fe369 --- /dev/null +++ b/models/manageTeamAdd_Model.php @@ -0,0 +1,33 @@ +db->query($sql) == true){ + $_SESSION['add-team'] = "yes"; + }else{ + $_SESSION['add-team'] = "no"; + } + + + // try{ + // $this->db->exec($sql); + // $_SESSION['error-msg'] = "New record created successfully"; + // } + // catch(PDOException $e) + // { + + // $_SESSION['error-msg'] = $e->getMessage(); + // } + + } +} \ No newline at end of file diff --git a/models/manageTeamEditDelete_Model.php b/models/manageTeamEditDelete_Model.php new file mode 100644 index 0000000..51998bf --- /dev/null +++ b/models/manageTeamEditDelete_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + } +} \ No newline at end of file diff --git a/models/manageTeam_Model.php b/models/manageTeam_Model.php new file mode 100644 index 0000000..49ae35a --- /dev/null +++ b/models/manageTeam_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + } +} \ No newline at end of file diff --git a/models/myprofile_Model.php b/models/myprofile_Model.php index b39d1fc..4096e9e 100644 --- a/models/myprofile_Model.php +++ b/models/myprofile_Model.php @@ -18,6 +18,7 @@ function setDataPhoto($empID,$Empimg){ $sql = ("UPDATE systemuser SET Userimg = '$Empimg' WHERE EmpID = ('$empID') ;"); if (($this->db->query($sql)) == TRUE) { + $_SESSION['user_img'] = $Empimg; $_SESSION['photo']="yes"; } else { $_SESSION['photo']="no"; diff --git a/models/myprogressAccepted_Model.php b/models/myprogressAccepted_Model.php new file mode 100644 index 0000000..497aeba --- /dev/null +++ b/models/myprogressAccepted_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + // } +} \ No newline at end of file diff --git a/models/myprogressCompleted_Model.php b/models/myprogressCompleted_Model.php new file mode 100644 index 0000000..ea82493 --- /dev/null +++ b/models/myprogressCompleted_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + // } +} \ No newline at end of file diff --git a/models/myprogressInprogressSelect_Model.php b/models/myprogressInprogressSelect_Model.php new file mode 100644 index 0000000..671e421 --- /dev/null +++ b/models/myprogressInprogressSelect_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + // } +} \ No newline at end of file diff --git a/models/myprogressOverdue_Model.php b/models/myprogressOverdue_Model.php new file mode 100644 index 0000000..efe6581 --- /dev/null +++ b/models/myprogressOverdue_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + // } +} \ No newline at end of file diff --git a/models/myprogressPending_Model.php b/models/myprogressPending_Model.php new file mode 100644 index 0000000..5e47eaa --- /dev/null +++ b/models/myprogressPending_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + // } +} \ No newline at end of file diff --git a/models/resetPassword_Model.php b/models/resetPassword_Model.php new file mode 100644 index 0000000..09f9883 --- /dev/null +++ b/models/resetPassword_Model.php @@ -0,0 +1,16 @@ +db->runQuery($sql); + + // } +} \ No newline at end of file diff --git a/models/teamProgress_Model.php b/models/teamProgress_Model.php new file mode 100644 index 0000000..ccc44b9 --- /dev/null +++ b/models/teamProgress_Model.php @@ -0,0 +1,49 @@ +db->runQuery($sql); + } + + elseif($_SESSION['emprole'] == "Team_Leader" || $_SESSION['emprole'] == "Team_Member"){ + + $sql = "SELECT task_assign.AssignedTo, SUM(task_assign.RequiredTime ) AS totaltime FROM task_assign + INNER JOIN task ON task_assign.TaskID = task.TaskID INNER JOIN team ON task.TeamID = team.TeamID + INNER JOIN team_member ON team.TeamID = team_member.TeamID WHERE team_member.EmpID = '$_SESSION[login_user]'GROUP BY task_assign.AssignedTo ;" ; + + return $this->db->runQuery($sql); + + } + + + } + + function getTask($eid){ + + $sql = "SELECT task.TaskName, task_assign.AssignedTo, task_assign.RequiredTime, task_assign.DueDate, task_assign.TaskStatus + FROM task_assign INNER JOIN task ON task_assign.TaskID = task.TaskID WHERE task_assign.AssignedTo = '$eid'"; + + return $this->db->runQuery($sql); + + } +} \ No newline at end of file diff --git a/style/adminHome.css b/style/adminHome.css new file mode 100644 index 0000000..553cf8c --- /dev/null +++ b/style/adminHome.css @@ -0,0 +1,176 @@ +main{ + margin-top: 0px; + padding-bottom: var(--footer-height); +} + +.back_arrow{ + margin-top: 0; + grid-area: back_arrow; + margin-bottom: 1%; + padding: 3% 5% 1% 5%; +} + +.back_arrow i{ + color: var(--orange); +} + +.item1{ + grid-area: one; + margin-top: 5%; + margin-bottom: 1%; +} + +.item2{ + grid-area: two; + margin-top: 2%; + margin-bottom: 1%; +} + +.item3{ + grid-area: three; + margin-top: 1%; + margin-bottom: 2%; +} + +#emp_search{ + width: 25%; + padding: 1%; + border-top-right-radius: 15px; + border-bottom-right-radius: 15px; + border: 1px solid white; + outline: none; + background: var(--grey); +} + +#emp_search:focus{ + border: 1px solid blue; +} + +.fabtn{ + background: none; + padding: 0px; + border: none; +} + +.fabtn:hover{ + cursor: pointer; +} + +#emp_table{ + border: none; + width: 50%; + padding-right: 2%; +} + +#emp_table td,th{ + width: 20%; + padding-bottom: 2%; + padding-top: 2%; + text-align: center; + vertical-align: center; + +} + +#emp_table th{ + background: var(--blue2); + color: var(--blue); +} + +#emp_table tr:hover{ + background-color: var(--blue); + color: white; +} + +#emp_table a{ + text-decoration: none; + color: black; +} + +#emp_table a:active{ + color: black; +} + +#access_table{ + font: bold 100% ComicSansMC; +} + +.access_check { + width: 20px; + height: 20px; + margin-top: 5px; + margin-bottom: 1px; + border-radius: 0px; + border: transparent; + background-color: #AAAAFF; +} + +/*.submit_btn { + width: 15%; + margin-top: 25px; + font-size: 20px; + border-radius: 10px; + color: var(--blue); + background-color: var(--orange); + border: transparent; +} + +.submit_btn:hover{ + color: var(--orange); + background-color: var(--blue); + cursor: pointer; +}*/ + +.submit_btn{ + border-radius: 20px; + margin-top: 15px; + background-color: var(--white); + border-color: var(--blue); + padding: 10px 20px 10px 20px; + font-size: 14px; + font-family: Arial; + font-weight: normal; +} + +.submit_btn:hover{ + cursor: pointer; + border-color: var(--orange); + color: var(--blue); + font-weight: bold; +} + +.container{ + display: grid; + grid-template-areas: 'back_arrow' 'one' 'two' 'three'; + margin-top: 0px; + min-height: 450px; +} + +.footer{ + margin-top: auto; +} + +@media (max-width: 799px){ + main{ + padding-left: 0px; + padding-right: 0px; + } + + #emp_search{ + width: 80%; + padding: 3%; + } + + #emp_table{ + width: 100%; + } + + #access_table{ + font-size: 14px; + } + + .submit_btn { + width: 50%; + font-size: 16px; + border-radius: 10px; + } +} \ No newline at end of file diff --git a/style/assignTasksMember_style.css b/style/assignTasksMember_style.css new file mode 100644 index 0000000..5e0efd8 --- /dev/null +++ b/style/assignTasksMember_style.css @@ -0,0 +1,514 @@ +table,td,th { + border-collapse: collapse; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 10px; + text-align: left; + border: 1px solid rgb(255, 255, 255); +} + +tr{ + border-top: 2px solid #ddd; + color: black; +} + +.result{ + width: 100%; +} + +#edit{ + width: 50px; +} + +.pen{ + border: none; + background-color: transparent; +} + +.pen i{ + color: rgb(167, 167, 168); + border-radius: 5px; + cursor: pointer; +} + +#Pending { + background: #777676; + text-align: center; + color: white; +} + +#InProgress { + background: #1b80df; + text-align: center; + color: white; +} + +#Completed { + background: #f5e721; + text-align: center; + color: white; +} + +#Approved { + background: #1ab841; + text-align: center; + color: white; +} + +#Reasigned { + background: #d3660d; + text-align: center; + color: white; +} + +#Overdue { + background: #cc3131; + text-align: center; + color: white; +} + +@media (min-width: 800px) { + + main{ + margin-top: 50px; + } + + .item1{ + text-align: right; + margin-bottom: 30px; + padding-right: 50px; + } + + .item1 a{ + display: inline-block; + width: 150px; + text-decoration: none; + text-align: center; + } + + .item1 span{ + font-weight: 500; + font-size: 15pt; + color: #2B65EC; + font-family:sans-serif; + } + + .activelink span{ + font-weight: 550; + } + + + .item1 a:hover{ + border-bottom:3px solid #7cb3f1; + } + + .item2 {grid-area: top;} + .item3 {grid-area: bottom;} + + .container { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'top' + 'bottom'; + grid-template-columns: 1fr; + grid-gap: 10px; + height: max-content; + background-color: #ffffff; + } + + .containerN { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'top' + 'bottom'; + grid-template-columns: 1fr; + grid-gap: 10px; + height: max-content; + background-color: #ffffff; + margin-left: 244px; + } + + .item2{ + display: flex; + justify-content: center; + } + + .search{ + border: 1px solid #2B65EC; + background-color: #ffffff; + height: 30px; + width: 180px; + border-radius: 5px; + } + + .search:focus{ + outline: none !important; + } + + .button{ + border-radius: 20px; + padding: 5px; + color: #000000; + border: 2px solid #2B65EC; + background-color: white; + width: 100px; + height: 30px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + } + + .button:hover{ + background-color: #2B65EC; + color: white; + } + + .item3{ + margin: 0 20px 0 20px; + box-shadow: 0 0 5px #d3d2d2; + } + + table{ + border: 1px solid #ccc; + border-collapse: collapse; + margin: auto; + padding: 0; + width: 100%; + } + + .popup, .viewdata { + display: none; + width: 100%; + height: 100%; + top: 0; + left: 0; + position: fixed; + background-color: rgba(50, 50, 50, 0.808); + } + + .form-popup{ + background-color: #f5f5f5; + border: 3px solid #f1f1f1; + border-radius: 5px; + padding: 20px; + width: max-content; + margin: auto; + } + + .data { + background-color: #e4e3e3; + border: 3px solid #f1f1f1; + border-radius: 5px; + padding: 10px; + width: 500px; + height: fit-content; + margin: 100px auto; + } + + .data .btn{ + margin-top: 30px; + margin-bottom: 20px; + } + + .data progress{ + width: 400px; + } + + .popup label{ + text-align: left; + width: 170px; + display: inline-block; + } + + .popup input, .popup select{ + width: 210px; + height: 30px; + border: 1px solid #2B65EC; + background-color: #ffffff; + margin-bottom: 20px; + border-radius: 5px; + } + + .viewdata textarea{ + border-radius: 10px; + height: 100px; + } + + .popup input:focus, .popup select:focus, .viewdata textarea:focus{ + outline: none !important; + } + + .popup .btn{ + display: flex; + justify-content: space-evenly; + } + + .popup .button{ + margin-top: 30px; + border-radius: 20px; + padding: 5px; + color: #000000; + border: 2px solid #2B65EC; + width: 120px; + height: 35px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + + } + + .viewdata .buttonx{ + float: right; + background-size:cover; + width: 25px; + height: 25px; + font-size: 20[x]; + cursor:pointer; + border: none; + background-color: transparent; + } + + .remarks{ + margin-top: 15px; + display: flex; + justify-content: space-evenly; + width: 300px; + } + + .remarkd{ + color: #000000; + border: 2px solid #d32727; + width: 120px; + height: 35px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + border-radius: 7px; + } + + .remarka{ + color: #000000; + border: 2px solid #4ec530; + width: 120px; + height: 35px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + border-radius: 7px; + } + + .popup .button:hover{ + background-color: #2B65EC; + color: white; + } + + .remarkd:hover{ + background-color: #d32727; + color: white; + } + + .remarka:hover{ + background-color: #4ec530; + color: white; + } + +} + +@media (max-width: 799px) { + + main{ + margin-top: 40px; + } + + .item2 { grid-area: top; } + .item3 { grid-area: bottom;} + + .container { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'top' + 'bottom'; + } + + .item1{ + justify-content: space-evenly; + margin-bottom: 30px; + display: flex; + } + + .item1 a{ + text-decoration: none; + } + + .item1 span{ + font-weight: 400; + font-size: 11pt; + color: #2B65EC; + font-family:sans-serif; + } + + .activelink span{ + font-weight: 550; + } + + .item2{ + display: flex; + justify-content: center; + margin-bottom: 10px; + } + + table{ + border: 1px solid #ccc; + border-collapse: collapse; + margin: auto; + padding: 0; + width: 150%; + } + + .button{ + border-radius: 5px; + cursor: pointer; + width: 70px; + height: 30px; + border: 1px solid #2B65EC; + background-color: #ffffff; + text-align: center; + color: white; + } + + .search{ + border: 1px solid #2B65EC; + background-color: #ffffff; + height: 30px; + width: 180px; + border-radius: 5px; + padding-left: 5px; + } + + .search:focus{ + outline: none !important; + } + + .item3{ + overflow-x: auto; + } + + .data-form{ + padding-left: 7px; + padding-right: 7px; + justify-content: space-evenly; + } + + .popup, .viewdata { + display: none; + width: 100%; + height: 100%; + top: 0; + left: 0; + position: fixed; + background-color: rgba(50, 50, 50, 0.808); + margin-top: 50px; + } + + .form-popup, .data { + background-color: #f5f5f5; + border: 3px solid #f1f1f1; + border-radius: 5px; + width: max-content; + padding: 5px; + margin: auto; + } + + .popup label{ + text-align: left; + width: 170px; + display: inline-block; + } + + .popup input{ + border-radius: 5px; + border: 1px solid #2B65EC; + background-color: #ffffff; + width: 210px; + height: 30px; + margin-bottom: 20px; + } + + .viewdata textarea{ + border-radius: 10px; + height: 100px; + } + + .popup input:focus, .popup select:focus, .viewdata textarea:focus{ + outline: none !important; + } + + .popup .btn{ + display: flex; + justify-content: space-evenly; + } + + .popup .button{ + margin-top: 30px; + border-radius: 20px; + padding: 5px; + color: #000000; + border: 2px solid #2B65EC; + width: 120px; + height: 35px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + } + + .viewdata .buttonx{ + float: right; + background-size:cover; + width: 25px; + height: 25px; + font-size: 20[x]; + cursor:pointer; + border: none; + background-color: transparent; + } + + .remarkd{ + color: #000000; + border: 2px solid #d32727; + width: 120px; + height: 35px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + border-radius: 7px; + } + + .remarka{ + color: #000000; + border: 2px solid #4ec530; + width: 120px; + height: 35px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + border-radius: 7px; + } + + .popup .button:hover{ + background-color: #2B65EC; + color: white; + } + + .remarkd:hover{ + background-color: #d32727; + color: white; + } + + .remarka:hover{ + background-color: #4ec530; + color: white; + } +} \ No newline at end of file diff --git a/style/assignTasksTeam_style.css b/style/assignTasksTeam_style.css new file mode 100644 index 0000000..12eea29 --- /dev/null +++ b/style/assignTasksTeam_style.css @@ -0,0 +1,165 @@ +table{ + border-collapse:separate; + border-spacing: 0 15px; +} + +th,td{ + border-top-style: solid; + border-top-color: #2B65EC; + border-top-width: 3px; + padding-left: 15px; +} + +tr{ + box-shadow: 0 0 5px #d3d2d2; + border-radius: 2px; + height: 60px; +} + +#add{ + width: 50px; +} + +.add{ + border: none; + background-color: transparent; +} + +.add i{ + color: rgb(167, 167, 168); + border-radius: 5px; + cursor: pointer; +} + +#Pending{ + color: #f5e721; +} + +@media (min-width: 800px) { + + main{ + margin-top: 40px; + } + + table{ + width: 85%; + } + + .item2 { grid-area: left; } + + .container { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'left'; + grid-template-columns: 1fr; + grid-gap: 10px; + height: max-content; + background-color: #ffffff; + } + + .containerN { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'left'; + grid-template-columns: 1fr; + grid-gap: 10px; + height: max-content; + background-color: #ffffff; + margin-left: 244px; + } + + .item1{ + text-align: right; + margin-bottom: 30px; + padding-right: 50px; + } + + .item1 a{ + display: inline-block; + width: 150px; + text-decoration: none; + text-align: center; + } + + .item1 span{ + font-weight: 500; + font-size: 15pt; + color: #2B65EC; + font-family:sans-serif; + } + + .activelink span{ + font-weight: 550; + } + + + .item1 a:hover{ + border-bottom:3px solid #7cb3f1; + } + + .item2{ + display: flex; + justify-content: center; + margin: 0 15px 0 15px; + background-color: rgb(255, 255, 255); + + } + + +} + +@media (max-width: 799px) { + + main{ + margin-top: 75px; + } + + table{ + margin: auto; + width: 600px; + } + + .item2{ + overflow-x: auto; + } + + .item2 { grid-area: left; } + + .container { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'left'; + } + + .item1{ + justify-content: space-evenly; + margin-bottom: 30px; + display: flex; + } + + .item1 a{ + text-decoration: none; + } + + .item1 span{ + font-family:sans-serif; + font-weight: 400; + font-size: 11pt; + color: #2B65EC; + font-family:sans-serif; + } + + .activelink span{ + font-weight: 550; + } + + .item2{ + width: 100%; + margin: auto; + } + + +} \ No newline at end of file diff --git a/style/deptManageTask_style.css b/style/deptManageTask_style.css new file mode 100644 index 0000000..dca0061 --- /dev/null +++ b/style/deptManageTask_style.css @@ -0,0 +1,507 @@ + +table,td,th { + + border-collapse: collapse; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 10px; + text-align: left; + border: 1px solid rgb(255, 255, 255); +} + +tr{ + border-top: 2px solid #ddd; + color: black; +} + + +#del, #edit{ + width: 70px; +} + +.minus, .pen{ + border: none; + background-color: transparent; +} + +.minus i, .pen i{ + color: rgb(167, 167, 168); + border-radius: 5px; + cursor: pointer; +} + +.searching{ + width: 100%; + display: flex; + justify-content: center; + margin-bottom: 30px; + padding: 5px; +} + +.searchbar{ + margin-left: 10px; + border: 1px solid #2B65EC; +} + +.searching input{ + border-radius: 5px; + background-color: #ffffff; +} + +.searching input:focus{ + outline: none !important; +} + +.searching .btn{ + padding-left: 20px; + text-align: right; +} + +.searching .button{ + border-radius: 20px; + padding: 5px; + color: #000000; + border: 2px solid #2B65EC; + width: 100px; + height: 30px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; +} + +.searching .button:hover{ + background-color: #2B65EC; + color: white; +} + + +.btnd .no:hover{ + background-color:#db3737; + color: #ffffff; +} + +@media (min-width: 800px) { + + table{ + border: 1px solid #ccc; + border-collapse: collapse; + margin: auto; + padding: 0; + width: 100%; + } + + main{ + margin-top: 40px; + } + + .item1{ + text-align: right; + margin-bottom: 30px; + padding-right: 50px; + } + + .item1 a{ + display: inline-block; + width: 150px; + text-decoration: none; + text-align: center; + } + + .item1 span{ + font-weight: 500; + font-size: 15pt; + color: #2B65EC; + font-family:sans-serif; + } + + .activelink span{ + font-weight: 550; + } + + + .item1 a:hover{ + border-bottom:3px solid #7cb3f1; + } + + .item2 { grid-area: left; } + .item3 { grid-area: right; } + + .container { + position: -webkit-sticky; + position: sticky; + top: 150px; + padding-top: 10px; + padding-bottom: 10px; + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'left left right'; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 20px 20px; + } + + .containerN { + padding-top: 10px; + padding-bottom: 10px; + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'left left right'; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 20px 20px; + margin-left: 244px; + } + + .container > div{ + border-top-style: solid; + border-top-color: #2B65EC; + border-top-width: 3px; + padding-top: 20px; + border-radius: 5px; + box-shadow: 0 0 5px #d3d2d2; + /*z-index: 4;*/ + } + + .item2{ + margin-left: 10px; + } + + .item3{ + margin-right: 10px; + } + + h3{ + padding-left: 20px; + } + + .data-form{ + width: max-content; + margin: auto; + } + + .popup { + display: none; + width: 100%; + height: 100%; + top: 0; + left: 0; + position: fixed; + background-color: rgba(50, 50, 50, 0.808); + } + + .form-popup { + /*position: absolute;*/ + background-color: #f5f5f5; + border: 3px solid #f1f1f1; + border-radius: 5px; + padding: 20px; + width: max-content; + margin: 100px auto; + top: 10%; + } + + .item3 label{ + text-align: left; + width: 170px; + display: inline-block; + } + + .item3 input{ + width: 210px; + height: 30px; + border: 1px solid #2B65EC; + background-color: #ffffff; + margin-bottom: 20px; + border-radius: 5px; + } + + .item3 input:focus{ + outline: none !important; + } + + .item3 .btn{ + text-align: right; + } + + .item3 .button{ + margin-top: 30px; + border-radius: 20px; + padding: 5px; + color: #000000; + border: 2px solid #2B65EC; + width: 120px; + height: 35px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + } + + .item3 .button:hover{ + background-color: #2B65EC; + color: white; + } + + .popup label{ + text-align: left; + width: 170px; + display: inline-block; + } + + .popup input{ + width: 210px; + height: 30px; + border: 1px solid #2B65EC; + background-color: #ffffff; + margin-bottom: 20px; + border-radius: 5px; + } + + .popup input:focus{ + outline: none !important; + } + + .popup .btn{ + display: flex; + justify-content: space-evenly; + } + + .popup .button{ + margin-top: 30px; + border-radius: 20px; + padding: 5px; + color: #000000; + border: 2px solid #2B65EC; + width: 120px; + height: 35px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + } + + .popup .button:hover{ + background-color: #2B65EC; + color: white; + } + + .btnd{ + width: 250px; + display: flex; + justify-content: space-evenly; + } + + .btnd .yes{ + width: 80px; + border: 2px solid #19c536; + cursor: pointer; + } + + .btnd .yes:hover{ + background-color:#19c536 ; + color: #ffffff; + } + + .btnd .no{ + height: 30px; + width: 80px; + border: 2px solid #db3737; + border-radius: 5px; + cursor: pointer; + } + + .btnd .no:hover{ + background-color:#db3737; + color: #ffffff; + } + +} + +@media (max-width: 799px) { + + main{ + margin-top: 75px; + } + + table{ + border: 1px solid #ccc; + border-collapse: collapse; + margin: auto; + padding: 0; + width: 600px; + } + + .item2 { grid-area: left; } + .item3 { grid-area: right; } + + .container { + display: grid; + grid-template-areas: + 'right' + 'left'; + grid-gap: 10px; + width:100vw; + justify-content: center; + } + + .item1{ + justify-content: space-evenly; + margin-bottom: 30px; + display: flex; + } + + .item1 a{ + width: 150px; + text-decoration: none; + } + + .item1 span{ + font-family:sans-serif; + font-weight: 400; + font-size: 11pt; + color: #2B65EC; + font-family:sans-serif; + } + + .activelink span{ + font-weight: 550; + } + + .item1 a:hover{ + border-bottom:4px solid #7cb3f1; + } + + .item2{ + width: 100%; + margin-bottom: 50px; + } + + .item3{ + width: 100%; + text-align: center; + } + + + .data-form{ + padding-left: 7px; + padding-right: 7px; + justify-content: space-evenly; + } + + + .popup { + display: none; + width: 100%; + height: 100%; + top: 0; + left: 0; + position: fixed; + background-color: rgba(50, 50, 50, 0.808); + padding-top: 50px; + } + + .form-popup { + background-color: #f5f5f5; + border: 3px solid #f1f1f1; + border-radius: 5px; + width: max-content; + padding: 5px; + margin: auto; + } + + .item3 label{ + text-align: left; + width: 170px; + display: inline-block; + } + + .item3 input{ + border-radius: 5px; + border: 1px solid #2B65EC; + background-color: #ffffff; + width: 210px; + height: 30px; + margin-bottom: 20px; + } + + .item3 .btn{ + text-align: center; + } + + .item3 .button{ + margin-top: 20px; + border-radius: 20px; + padding: 5px; + border: 2px solid #2B65EC; + color: #000000; + width: 120px; + height: 35px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + } + + .popup label{ + text-align: left; + width: 170px; + display: inline-block; + } + + .popup input{ + border-radius: 5px; + border: 1px solid #2B65EC; + background-color: #ffffff; + width: 210px; + height: 30px; + margin-bottom: 20px; + } + + .popup .btn{ + text-align: right; + } + + .popup .button{ + margin-top: 30px; + margin-right: 10px; + border-radius: 5px; + padding: 5px; + border: 2px solid #2B65EC; + background-color: #ffffff; + width: 120px; + height: 35px; + border: none; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + } + + .item2{ + overflow-x: auto; + } + + + .btnd{ + width: 250px; + display: flex; + justify-content: space-evenly; + } + + .btnd .yes{ + width: 80px; + border: 2px solid #19c536; + cursor: pointer; + } + + .btnd .yes:hover{ + background-color:#19c536 ; + color: #ffffff; + } + + .btnd .no{ + height: 30px; + width: 80px; + border: 2px solid #db3737; + border-radius: 5px; + cursor: pointer; + } + +} + diff --git a/style/employeeWorkProgress_style.css b/style/employeeWorkProgress_style.css new file mode 100644 index 0000000..a384855 --- /dev/null +++ b/style/employeeWorkProgress_style.css @@ -0,0 +1,418 @@ + + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + .flex-container { + display: flex; + margin-top: -50px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + + + } + .flex-container1 { + display: flex; + margin-top: 30px; + height: 10%; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + .flex-container1 .text{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + /* sjdsj */ + margin-top: -10px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container1>*:first-child { + + text-align: left; + } + + .flex-container1>*:last-child { + + text-align: right; + } + + .flex-container1 input[type=text], select { + + width: 230px; + height: 33px; + + /* padding: 13px 20px; + margin: 8px 0; */ + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + } + + + + + + + + + .table{ + margin-top: -30px; + width: 100%; + border-collapse: collapse; + font-weight: normal; + } + + .table td,.table th{ + padding:12px 15px; + border:1px solid rgb(253, 253, 253); + text-align: center; + font-size:16px; + } + + .table th{ + background-color: #9ac3f8; + color:#5a5858; + font-weight: normal; + } + + .table tbody tr:nth-child(even){ + background-color: #f5f5f5; + } + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + + + + +@media (min-width: 800px) { + + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + /*color: #245bd1;*/ + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 1000px) { + .flex-container1 .text{ + font-size: 20px; + } + + + + .flex-container1 input[type=text], select { + + width: 180px; + height: 31px; + + /* padding: 9px 10px; + margin: 8px 0; */ + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + + } +} + +@media (max-width: 799px) { + + .flex-container1 { + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container { + display: flex; + margin-top: 20px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + + + } + + + .text{ + font-weight: bold; + margin-top: 80px; + } + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + .table{ + margin-left: -23px; + } + + + +} + +@media (max-width: 645px) { + .flex-container1 .text{ + font-size: 16px; + } + + .flex-container1 .rectan{ + + width: 150px; + height: 30px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 16px; + + + color: #FFFFFF; + + } + + .flex-container1 input[type=text], select { + /* padding: 6px 7px; + margin: 8px 0; */ + + width: 150px; + height: 30px; + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + + } +} + + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; + } + nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); + } + nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + + .table thead{ + display: none; + } + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 100%; + } + .table tr{ + margin-bottom:15px; + } + .table td{ + text-align: right; + padding-left: 50%; + text-align: right; + position: relative; + } + .table td::before{ + content: attr(data-label); + position: absolute; + left:0; + width: 50%; + padding-left:15px; + font-size:15px; + font-weight: bold; + text-align: left; + } + + .table{ + margin-left: -23px; + } + +} + +@media (max-width: 530px) { + .flex-container1 { + width: 140%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } +} + + +@media (max-width: 420px) { + + .flex-container1 { + width: 90%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: column; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 5px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container1>*:first-child { + + text-align: center; + } + + .flex-container1>*:last-child { + + text-align: center; + } + + + + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 88%; + } +} + + + + diff --git a/style/font-awesome.min.css b/style/font-awesome.min.css new file mode 100644 index 0000000..540440c --- /dev/null +++ b/style/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} diff --git a/style/forgotPassword_style.css b/style/forgotPassword_style.css new file mode 100644 index 0000000..b5a8ea1 --- /dev/null +++ b/style/forgotPassword_style.css @@ -0,0 +1,172 @@ +*{ + margin: 0; + padding: 0; + border: 0; + box-sizing:border-box; + font-family: sans-serif; +} +.container:after { + + display: table; + clear: both; + } +.left { + float: left; + width: 50%; + padding: 10px; + height: 100vh; /* Should be removed. Only for demonstration */ + /* background-color: #c4cde1; */ + background-color: #ffffff; + + } + +.right{ + float: left; + width: 50%; + padding: 10px; + height: 100vh; /* Should be removed. Only for demonstration */ + background-color: #ffffff; + } + .form{ + text-align: center; +} +.form h1{ + color: #b5720d; + margin-bottom: 50px; + margin-top: 80px; + font-weight: 500; + font-size: 30pt; + text-align:center; + +} + +span{ + color: #265397; +} +.username{ + color:#000; + font-size: 18pt; + margin-left: -190px; + margin-top: 100px; + +} +.email{ + color:#000; + font-size: 18pt; + margin-left: -230px; + margin-top: 100px; + +} +.input[type="username"]{ + width: 300px; + height: 50px; + margin-top: 10px; + margin-bottom: 35px; + border-radius: 5px; + border: transparent; + background-color: #eeeeee; + padding-left: 10px; + font-size:12pt; + border: 1px solid #050e91; +} + +input{ + background-color: #eeeeee; +} + +.button{ + width: 170px; + height: 45px; + margin-top: 20px; + margin-bottom: 30px; + border-radius: 5px; + border: transparent; + font-family: Arial, Helvetica, sans-serif; + font-size: 15pt; + color: #b5720d; + background-color: #265397; + font-weight: 600; + cursor: pointer; +} +.button:hover{ + background-color: #103875; +} +h4{ + color: #000; + margin-bottom: 10px; +} +a{ + color:#b5720d; + text-decoration:none; +} +.right-side{ + float: left; + width: 50%; + padding: 10px; + height: 100vh; + background-color:#ffffff; +} + +.text1{ + text-align:left; + padding: 80px 80px; + float:center; + font-size:15pt; + color: #DFB2B2; + margin-right: 80px;; + +} +.text2{ + text-align:left; + font-size:8pt; + margin-bottom: 120px; + margin-left: 80px; + margin-right: 80px; + margin-bottom: 50px; + color:#fff; +} +.image{ + width: 100%; + height:100%; + +} + + + @media screen and (max-width: 800px) { + .left{ + width: 100%; + } + .right{ + width: 100%; + } + } + @media screen and (max-width: 420px) { + .text1{ + padding: 30px 30px; + margin-right: 30px; + } + .text2{ + margin-left: 30px; + margin-right: 30px; + margin-bottom: 30px; + } + } + @media screen and (max-width: 340px) { + .form h1{ + font-size:28pt; + margin-top: 50px; + + } + .input[type="email"]{ + width:80vw; + } + .email{ + margin-left: -45px; + } +} +@media screen and (max-width: 290px) { + + .email{ + margin-left: -10px; + } +} \ No newline at end of file diff --git a/style/home_style.css b/style/home_style.css new file mode 100644 index 0000000..33341b5 --- /dev/null +++ b/style/home_style.css @@ -0,0 +1,149 @@ + +:root{ + --blue: #265397; + --orange: #DC950B; + --white: #fff; + --grey: #f5f5f5; + --black1: #222; + --black2: #999; + --blue2: #9ac3f8; +} + +*{ + box-sizing: border-box; + font-family: Arial; +} + +header{ + background: var(--blue); + width: 100%; + height: 10%; + position: fixed; + top: 0; + left: 0; + border: none; + display: flex; +} + +header h2{ + color: var(--white); + position: absolute; + right: 35%; + font-family: Roboto; +} + +header img{ + border-bottom-right-radius: 10px; + border-top-right-radius: 10px; +} + +.login_btn { + color: var(--white); + padding: 10px 50px; + background: var(--orange); + border: none; + cursor: pointer; + position: absolute; + right: 1%; + margin-top: 10px; + font-size: 20px; + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; +} + +.login_btn:hover { + color: var(--orange); + background: var(--white); +} + +.welcome{ + position: absolute; + top: 10%; + left: 10%; + font-size: 12px; +} + +.container{ + display: grid; + grid-template-columns: auto auto auto; + margin-left: 0; + margin-right: 0; + margin-top: 100px; +} + +.container img{ + width: 100%; + height: 100%; +} + +.company { + background: var(--blue); + padding-bottom: 1px; + padding-top: 1px; + margin-top: 5px; +} + +.company h3 , span{ + font-family: Roboto; +} + +.company span{ + font-size: 18px; +} + +.company a{ + text-decoration: none; + color: var(--black); +} + +footer { + background: var(--blue2); + position: fixed; + width: 100%; + height: 10%; + bottom: 0; +} + +footer h3{ + color: var(--blue); + text-align: center; + font-family: Roboto; + font-size: 14px; + margin-top: 1%; +} + +@media (min-width: 800px){ + .welcome{ + visibility: hidden; + } +} + +@media (max-width: 799px){ + header h2{ + visibility: hidden; + } + + .login_btn { + position: absolute; + padding: 5px 10px; + } + + .item1{ grid-area: one;} + .item2{ grid-area: two;} + .item3{ grid-area: three;} + + .container{ + display: grid; + grid-template-areas: 'one' 'two' 'three'; + } + + .company span{ + font-size: 12px; + } + + footer { + visibility: hidden; + } +} \ No newline at end of file diff --git a/style/homepage_style.css b/style/homepage_style.css deleted file mode 100644 index 73524ba..0000000 --- a/style/homepage_style.css +++ /dev/null @@ -1,199 +0,0 @@ -body{ - --header-height : 50px; - --footer-height : 70px; - margin: var(--header-height) 0 0 var(--footer-height); - margin: auto; - font-family: sans-serif; - -} - - -.header{ - margin: auto; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: var(--header-height); - border: none; - display: flex; - background: #33628C; -} - - -@media (min-width: 700px) { - - .nav-link{ - display: flex; - height: 30px; - align-items: center; - color: #000000; - font-size: 14px; - text-decoration: none; - padding: 10px 15px; - background: transform 0.2s; - margin-left:auto; - - } - - .nav-link span{ - padding: 10px; - font-weight: 700; - font-size: 20px; - } - - - .container{ - display: block; - margin: 0 auto; - margin-top: 50px; - width: 100vw; - height: 93.3vh; - object-fit: cover; - background-size: cover; - background-position: center; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.623), rgba(78, 138, 207, 0.5)), - url('../Asserts/home.png'); - text-align: center; - overflow: hidden; - } - - .item1 { - margin-top: 80px; - font-size: 50px; - font-weight: 600; - font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; - color:#0b0977c0; - } - - .item1 span{ - color: rgba(255, 159, 14, 0.699); - } - - .item2 { - margin-top: 230px; - display: flex; - justify-content: center; - justify-content: space-evenly; - font-size: 25px; - font-weight: 400; - font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; - background-color: #33628c9d; - height: 260px; - } - - .item2 i{ - padding: 10px; - color: #2d2d2d; - } - - .card1, .card2, .card3{ - padding-top: 20px; - width: 300px; - height: 150px; - color: #2c2c2c; - } - - .open-img{ - margin-left: 50px; - width: fit-content; - } - - - .date{ - padding-top: 15px; - padding-left: 25px; - color: #000000; - font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; - font-style: italic; - font-weight: 700; - font-size: 18px; - } - - - -} - -@media (max-width: 699px) { - - .nav-link{ - display: flex; - height: 30px; - align-items: center; - color: #000000; - text-decoration: none; - padding: 10px 5px; - background: transform 0.2s; - margin-left: auto; - } - - .nav-link span{ - padding: 5px; - font-weight: 600; - font-size: 20px; - } - - - .container{ - display: block; - margin: 0 auto; - margin-top: 50px; - object-fit:scale-down; - background-size: cover; - background-position: center; - background-image: linear-gradient(to bottom, rgba(122, 122, 122, 0.486), rgba(61, 119, 185, 0.5)), - url('../Asserts/home.png'); - text-align: center; - overflow: hidden; - } - - .item1 { - margin-top: 100px; - font-size: 30px; - font-weight: 500; - font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; - color:#0b0977c0; - } - - .item1 span{ - color: rgba(255, 159, 14, 0.699); - } - - .item2 { - margin-top: 100px; - display: grid; - justify-content: center; - justify-content: space-evenly; - font-size: 15px; - font-weight: 300; - font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; - background-color: #33628c9d; - height: 200px; - } - - .item2 i{ - padding: 10px; - color: #2d2d2d; - } - - .card1, .card2, .card3{ - padding-top: 20px; - color: #2c2c2c; - } - - .card3{ - padding-bottom: 50px; - } - - - .date{ - visibility: hidden; - display: none; - } - - -} - - - - diff --git a/style/landingpage_style.css b/style/landingpage_style.css index 5f43e54..fc8987a 100644 --- a/style/landingpage_style.css +++ b/style/landingpage_style.css @@ -18,7 +18,7 @@ grid-template-rows: 1fr 1fr 1fr; grid-gap: 10px 25px; background-color: #ffffff; - height: 90vh; + height: 80vh; } .containerN { @@ -33,7 +33,7 @@ grid-gap: 10px 25px; background-color: #ffffff; margin-left: 244px; - height: 90vh; + height: 80vh; } .container >div{ @@ -41,6 +41,7 @@ font-size: 18px; box-shadow: 0 0 5px #d3d2d2; font-weight: 500; + line-height: 1.6; } .item4, .item5, .item6, .item7{ @@ -48,13 +49,20 @@ border-left-color: #2B65EC; color: #525C65; border-left-width: 3px; - margin-top: 45px; + margin-top: 20px; margin-bottom: 15px; border-radius: 5px; padding: 20px; transition: 0.9s; } + .item4 span, .item5 span, .item6 span, .item7 span{ + margin-top: 10px; + color: #2B65EC; + font-size: 28px; + font-weight: 600px; + } + .item4:hover, .item5:hover, .item6:hover, .item7:hover{ transform: scale(1.05); z-index: 2; diff --git a/style/leaderManageTask.css b/style/leaderManageTask.css new file mode 100644 index 0000000..86ba408 --- /dev/null +++ b/style/leaderManageTask.css @@ -0,0 +1,366 @@ +table,td,th { + border-collapse: collapse; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 10px; + text-align: left; + border: 1px solid rgb(255, 255, 255); +} + +tr{ + border-top: 2px solid #ddd; + color: black; +} + +.result{ + width: 100%; +} + +#edit{ + width: 50px; +} + +.pen{ + border: none; + background-color: transparent; +} + +.pen i{ + color: rgb(167, 167, 168); + border-radius: 5px; + cursor: pointer; +} + +#Pending { + background: #777676; + text-align: center; + color: white; +} + +#InProgress { + background: #1b80df; + text-align: center; + color: white; +} + +#Completed { + background: #f5e721; + text-align: center; + color: white; +} + +#Approved { + background: #1ab841; + text-align: center; + color: white; +} + +#Reasigned { + background: #d3660d; + text-align: center; + color: white; +} + +#Overdue { + background: #cc3131; + text-align: center; + color: white; +} + +@media (min-width: 800px) { + + main{ + margin-top: 50px; + } + + .item2 {grid-area: top;} + .item3 {grid-area: bottom;} + + .container { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'top' + 'bottom'; + grid-template-columns: 1fr; + grid-gap: 10px; + height: max-content; + background-color: #ffffff; + } + + .containerN { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'top' + 'bottom'; + grid-template-columns: 1fr; + grid-gap: 10px; + height: max-content; + background-color: #ffffff; + margin-left: 244px; + } + + .item2{ + display: flex; + justify-content: center; + } + + .search{ + border: 1px solid #2B65EC; + background-color: #ffffff; + height: 30px; + width: 180px; + border-radius: 5px; + } + + .search:focus{ + outline: none !important; + } + + .button{ + border-radius: 20px; + padding: 5px; + color: #000000; + border: 2px solid #2B65EC; + background-color: white; + width: 100px; + height: 30px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + } + + .button:hover{ + background-color: #2B65EC; + color: white; + } + + .item3{ + margin: 0 20px 0 20px; + box-shadow: 0 0 5px #d3d2d2; + } + + table{ + border: 1px solid #ccc; + border-collapse: collapse; + margin: auto; + padding: 0; + width: 100%; + } + + .popup, .viewdata { + display: none; + width: 100%; + height: 100%; + top: 0; + left: 0; + position: fixed; + background-color: rgba(50, 50, 50, 0.808); + } + + .form-popup{ + position: absolute; + background-color: #f5f5f5; + border: 3px solid #f1f1f1; + border-radius: 5px; + padding: 10px; + width: max-content; + margin: 20px; + left: 40%; + top: 2%; + } + + .data { + position: absolute; + background-color: #f5f5f5; + border: 3px solid #f1f1f1; + border-radius: 5px; + padding: 30px; + width: 500px; + height: fit-content; + margin: 20px; + left: 40%; + top: 20%; + } + + .data .btn{ + margin-top: 30px; + margin-bottom: 20px; + } + + .data progress{ + width: 400px; + } + + .popup label{ + text-align: left; + width: 170px; + display: inline-block; + } + + .popup input{ + width: 210px; + height: 30px; + border: 1px solid #2B65EC; + background-color: #ffffff; + margin-bottom: 20px; + border-radius: 5px; + } + + .popup input:focus{ + outline: none !important; + } + + .popup .btn{ + display: flex; + justify-content: space-evenly; + } + + .popup .button{ + margin-top: 30px; + border-radius: 20px; + padding: 5px; + color: #000000; + border: 2px solid #2B65EC; + width: 120px; + height: 35px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + } + + .popup .button:hover{ + background-color: #2B65EC; + color: white; + } + +} + +@media (max-width: 799px) { + + main{ + margin-top: 40px; + } + + .item2 { grid-area: top; } + .item3 { grid-area: bottom;} + + .container { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'top' + 'bottom'; + } + + .item2{ + display: flex; + justify-content: center; + margin-bottom: 10px; + } + + table{ + border: 1px solid #ccc; + border-collapse: collapse; + margin: auto; + padding: 0; + width: 150%; + } + + .button{ + border-radius: 5px; + cursor: pointer; + width: 70px; + height: 30px; + border: 1px solid #2B65EC; + background-color: #ffffff; + text-align: center; + color: white; + } + + .search{ + border: 1px solid #2B65EC; + background-color: #ffffff; + height: 30px; + width: 180px; + border-radius: 5px; + padding-left: 5px; + } + + .search:focus{ + outline: none !important; + } + + .item3{ + overflow-x: auto; + } + + .data-form{ + padding-left: 7px; + padding-right: 7px; + justify-content: space-evenly; + } + + .popup, .viewdata { + display: none; + width: 100%; + height: 100%; + top: 0; + left: 0; + position: fixed; + background-color: rgba(50, 50, 50, 0.808); + margin-top: 50px; + } + + .form-popup, .data { + background-color: #f5f5f5; + border: 3px solid #f1f1f1; + border-radius: 5px; + width: max-content; + padding: 5px; + margin: auto; + } + + .popup label{ + text-align: left; + width: 170px; + display: inline-block; + } + + .popup input{ + border-radius: 5px; + border: 1px solid #2B65EC; + background-color: #ffffff; + width: 210px; + height: 30px; + margin-bottom: 20px; + } + + .popup input:focus{ + outline: none !important; + } + + .popup .btn{ + display: flex; + justify-content: space-evenly; + } + + .popup .button{ + margin-top: 30px; + border-radius: 20px; + padding: 5px; + color: #000000; + border: 2px solid #2B65EC; + width: 120px; + height: 35px; + font-family: sans-serif; + font-size: 12pt; + cursor: pointer; + } + + .popup .button:hover{ + background-color: #2B65EC; + color: white; + } +} \ No newline at end of file diff --git a/style/manageDepartmentAdd_style.css b/style/manageDepartmentAdd_style.css new file mode 100644 index 0000000..231c8b1 --- /dev/null +++ b/style/manageDepartmentAdd_style.css @@ -0,0 +1,447 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ +} + +nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; +} +nav .links li { + list-style: none; +} +nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; +} + +nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; +} + +#nav-toggle { + position: absolute; + top: -100px; +} +nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; +} +nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + +} +.activelink{ + font-weight: 550; +} + + + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + .flex-container1 { + display: flex; + margin-top: 60px; + margin-left: 0.1%; + margin-right: 3%; + flex-direction: column; + background-color: #ffffff; + + + } + .flex-container1{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 50px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container { + margin-top: -10px; + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + .flex-container > div { + + background-color: #ffffff; + width: 70%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + margin-left: 200px; + } + + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + input[type=text], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + height: 50%; + } + + + /* input[type=submit], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #33628C; + border-radius: 4px; + box-sizing: border-box; + } */ + + .rectan{ + + width: 30%; + height: 48px; + cursor: pointer; + border-radius: 100px; + border: none; + background: #5093eb; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + margin-left: 468px; + + color: #FFFFFF; + + } + .rectan:hover{ + background: #9ac3f8; + } + + + + + + +@media (min-width: 800px) { + + + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + /*color: #245bd1;*/ + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 1050px) { + + .flex-container > div { + + background-color: #ffffff; + width: 45%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } + + input[type=text], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + + + .rectan{ + + width: 200px; + height: 38px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + } +} + +@media (max-width: 799px) { + + .flex-container1 { + display: flex; + margin-top: 60px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 27px; + border-radius: 18px; + + } + + .flex-container { + margin-top: -30px; + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + .flex-container > div { + + background-color: #ffffff; + width: 45%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } + + + + + + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + + +} + +/* @media (max-width: 645px) { + +} */ + + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; + } + nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); + } + nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + +} + +@media (max-width: 530px) { + .flex-container1 { + width: 140%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container { + margin-top: -30px; + /* margin-bottom: 20px; */ + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + .flex-container > div { + + background-color: #ffffff; + width: 100%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } +} + + +@media (max-width: 420px) { + + .flex-container1 { + width: 90%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: column; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + +} + + + + diff --git a/style/manageDepartmentEditDelete_style.css b/style/manageDepartmentEditDelete_style.css new file mode 100644 index 0000000..e0cf6fe --- /dev/null +++ b/style/manageDepartmentEditDelete_style.css @@ -0,0 +1,582 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + .activelink{ + font-weight: 550; + } + + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + .flex-container { + display: flex; + margin-top: 45px; + margin-left: 0%; + margin-right: 0px; + flex-wrap: wrap; + height:70vh; + background-color:#ffffff; + + + + } + .container{ + margin:20px; + } + + + + .heading{ + font-size: 40px; + text-align: center; + color: blanchedalmond; + margin-bottom: 40px; + } + + .left { + float: left; + width: 39%; + padding: 1px; + height: 70vh; /* Should be removed. Only for demonstration */ + background-color:#ffffff; + margin-top: 0px; + + + + + + } + .form{ + text-align: center; + } + .name-box{ + width:70%; + height:20%; + background-color: #33628C; + margin-left: 15%; + + } + .id-box{ + width:70%; + height:20%; + background-color: #33628C; + margin-left: 15%; + } + .manager-box{ + width:70%; + height:20%; + background-color: #33628C; + margin-left: 15%; + } + .form h1{ + /* color: #000000; */ + /* font-size: 25pt; */ + margin-bottom: 10px; + margin-top: 0%; + font-weight: 500; + margin-left: 2%; + color: #5a5858; + font-size: 25px; + font-weight: 400; + + + } + + + .name{ + color:#000000; + font-size: 15pt; + margin-left: 15%; + margin-top: 10px; + float: left; + + + + } + .id{ + color:#000000; + font-size: 15pt; + margin-left: 15%; + margin-top: 10px; + float: left; + + + } + .selection-box{ + color:#000000; + font-size: 15pt; + margin-left: 15%; + margin-top: 10px; + float: left; + + + } + .manager{ + color:#000000; + font-size: 15pt; + margin-left: 15%; + margin-top: 100px; + + } + .input[type="box"]{ + width: 60%; + height: 50px; + margin-top: 10px; + margin-bottom: 15px; + border-radius: 0px; + border: transparent; + background-color: rgb(225, 229, 231); + border: 1px solid #050e91; + padding-left: 10%; + font-size:12pt; + border-radius: 10px; + } + + + + a{ + color:#b5720d; + text-decoration:none; + } + + select { + -webkit-appearance:none; + -moz-appearance:none; + -ms-appearance:none; + appearance:none; + outline:0; + box-shadow:none; + border: 0px solid #050e91; + + background: rgb(225, 229, 231); + background-image: none; + flex: 1; + padding: 0.5em; + color:rgb(12, 0, 0); + cursor:pointer; + font-size: 12pt; + font-family: 'Open Sans', sans-serif; + } + select::-ms-expand { + display: none; + } + .select { + margin-top: 10px; + position: relative; + display: flex; + width: 70%; + height: 2em; + line-height: 3; + background: #5c6664; + overflow: hidden; + margin-left: 15%; + border: 1px solid #050e91; + border-radius: 10px; + } + .select::after { + content: '\25BC'; + position: absolute; + top: -10px; + right: 10px; + padding: 0 1em; + background: rgb(231, 228, 225); + cursor:pointer; + pointer-events:none; + transition:.25s all ease; + width:5px; + } + .select:hover::after { + color: #010c0a; + } + + + .right{ + float: left; + width: 39%; + padding: 1px; + height: 70vh; /* Should be removed. Only for demonstration */ + background-color:#ffffff; + margin-top: 0px; + + + + + + + } + + + table{ + border-collapse: collapse; + + + + + } + .header_fixed{ + height: 400px; + + overflow:auto; + margin-top: 0px; + border:1px solid #dddddd; + + } + .header_fixed thead th{ + position: sticky; + top: 0; + background-color: #9ac3f8; + color: #FFFFFF; + font-size: 16px; + font-weight: 800; + width:100vw + + } + th,td{ + border-bottom: 1px solid #4d0303; + padding: 10px 20px; + font-size: 14px; + font-weight: 800; + color: #000000; + + } + + td img{ + height: 45px; + width:45px; + border-radius:100%; + border: 1px solid #000; + + + } + tr:nth-child(even){ + background-color: #ffffff; + } + tr:nth-child(odd){ + background-color: #ffffff; + } + tr:hover td{ + color:#97660a; + cursor: pointer; + background-color: #FFFFFF; + } + td button{ + border:none; + padding: 7px 20px; + border-radius: 20px; + background-color: black; + color: #FFFFFF; + } + ::-webkit-scrollbar{ + width:6px; + + } + ::-webkit-scrollbar-track{ + webkit-box-shadow:inset 0 0 6px rgb(15, 1, 1); + + } + ::-webkit-scrollbar-thumb{ + webkit-box-shadow:inset 0 0 6px rgb(15, 1, 1); + + } + .btn-group .button { + background-color: #5093eb; + /* Green */ + border: 1px solid #222221; + color: white; + padding: 15px 36px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + cursor: pointer; + float: left; + width:50%; + margin-top: 2px; + } + + .btn-group .button:not(:last-child) { + border-right: none; /* Prevent double borders */ + } + + .btn-group .button:hover { + background-color:#9ac3f8; + } + + + + @media screen and (max-width: 800px) { + .left{ + width: 100%; + height:80vh; + border: 2.5px solid #9e0505; + margin-left: 2px; + margin-top: 40px; + + + } + .form{ + margin-top: 15%; + margin-left: -20px; + } + .form h1{ + margin-left: 10px; + } + .manager{ + margin-left: -400px; + } + .selection-box{ + height: 35px; + } + .select{ + height: 50px; + } + .select::after{ + content: '\25BC'; + position: absolute; + top: 4px; + right: 10px; + padding: 0 1em; + background: rgb(225, 229, 231); + cursor:pointer; + pointer-events:none; + transition:.25s all ease; + width:5px; + } + + + .right{ + width: 100%; + height: 80vh; + margin-top: 10px; + + } + .form{ + margin-left: 7px; + } + .form h1{ + margin-left: -15px; + } + .header_fixed{ + border: 2.5px solid #9e0505; + + + } + table{ + width: 90vw; + font-size: 10pt; + } + .header_fixed thead th{ + + font-size: 12px; + font-weight: 800; + } + th,td{ + + font-size: 10px; + font-weight: 800; + + + } + .btn-group .button{ + width:50%; + margin-top: 2px; + } + + + + } + + @media screen and (max-width: 420px) { + + } + @media screen and (max-width: 340px) { + + } + @media screen and (max-width: 290px) { + + + } + + + + + + + + + +@media (min-width: 800px) { + + .flex-container { + padding: 20px; + + + height: 82vh; + } + + .flex-containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } + + .flex-container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + color: #245bd1; + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + + +@media (max-width: 799px) { + + + .text{ + font-weight: bold; + margin-top: 80px; + } + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + + +} + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(0,0,0,.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + + } + nav .links a { + font-size: 20px; + color: #ffffff; + + + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + display: block; + background-color: #265397; + margin-top: -40px; + + } + nav :checked ~ .icon-burger .line:nth-child(1) { + transform: translateY(10px) rotate(225deg); + background-color: #000000; + } + nav :checked ~ .icon-burger .line:nth-child(3) { + transform: translateY(-10px) rotate(-225deg); + background-color: #000000; + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + + } + + +} \ No newline at end of file diff --git a/style/manageDepartment_style.css b/style/manageDepartment_style.css new file mode 100644 index 0000000..cdc9501 --- /dev/null +++ b/style/manageDepartment_style.css @@ -0,0 +1,526 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + .activelink{ + font-weight: 550; +} + + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + .flex-container { + display: flex; + margin-top: -50px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + + + } + .flex-container1 { + display: flex; + margin-top: 30px; + height: 10%; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + .flex-container1 .text{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + /* sjdsj */ + margin-top: 20px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + .flex-container1>*:first-child { + + text-align: left; + } + + .flex-container1>*:last-child { + + text-align: right; + } + + .flex-container1 input[type=text], select { + + width: 230px; + height: 33px; + + /* padding: 13px 20px; + margin: 8px 0; */ + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + } + + + + .flex-container1 .rectan{ + + width: 230px; + height: 42px; + cursor: pointer; + background: #5093eb + ; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 20px; + + + color: #FFFFFF; + + } + .rectan:hover{ + background-color:#9ac3f8; + } + + + + + + .table{ + margin-top: -30px; + width: 100%; + border-collapse: collapse; + font-weight: normal; + } + + .table td,.table th{ + padding:12px 15px; + border:1px solid rgb(253, 253, 253); + text-align: center; + font-size:16px; + } + + .table th{ + background-color: #9ac3f8; + color:#5a5858; + font-weight: normal; + } + + .table tbody tr:nth-child(even){ + background-color: #f5f5f5; + } + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + .activelink span{ + font-weight: 550; +} + + + + + + +@media (min-width: 800px) { + + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + /*color: #245bd1;*/ + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 1000px) { + .flex-container1 .text{ + font-size: 20px; + } + + .flex-container1 .rectan{ + + width: 200px; + height: 38px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + } + + .flex-container1 input[type=text], select { + + width: 180px; + height: 31px; + + /* padding: 9px 10px; + margin: 8px 0; */ + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + + } +} + +@media (max-width: 799px) { + + .flex-container1 { + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container { + display: flex; + margin-top: 20px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + + + } + + + .text{ + font-weight: bold; + margin-top: 80px; + } + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + .table{ + margin-left: -23px; + } + + + +} + +@media (max-width: 645px) { + .flex-container1 .text{ + font-size: 16px; + } + + .flex-container1 .rectan{ + + width: 150px; + height: 30px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 16px; + + + color: #FFFFFF; + + } + + .flex-container1 input[type=text], select { + /* padding: 6px 7px; + margin: 8px 0; */ + + width: 150px; + height: 30px; + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + + } +} + + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; +} +nav .links a { + font-size: 20px; +} +nav :checked ~ .links { + bottom: 0; +} +nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; +} +nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); +} +nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); +} +nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; +} + + + .table thead{ + display: none; +} + +.table, .table tbody, .table tr, .table td{ + display: block; + width: 100%; +} +.table tr{ + margin-bottom:15px; +} +.table td{ + text-align: right; + padding-left: 50%; + text-align: right; + position: relative; +} +.table td::before{ + content: attr(data-label); + position: absolute; + left:0; + width: 50%; + padding-left:15px; + font-size:15px; + font-weight: bold; + text-align: left; +} + + .table{ + margin-left: -23px; + } + +} + +@media (max-width: 530px) { + .flex-container1 { + width: 140%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } +} + + +@media (max-width: 420px) { + + .flex-container1 { + width: 90%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: column; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 5px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container1>*:first-child { + + text-align: center; + } + + .flex-container1>*:last-child { + + text-align: center; + } + + + + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 88%; +} +} + + + + diff --git a/style/manageEmployeeAdd_style.css b/style/manageEmployeeAdd_style.css new file mode 100644 index 0000000..4a31e08 --- /dev/null +++ b/style/manageEmployeeAdd_style.css @@ -0,0 +1,520 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + + .activelink{ + font-weight: 550; +} + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + .flex-container1 { + display: flex; + margin-top: 20px; + margin-left: 0.1%; + margin-right: 3%; + flex-direction: column; + background-color: #ffffff; + + + } + + .flex-container1{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + /* sjdsj */ + margin-top: 20px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container { + margin-top: -50px; + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + .flex-container > div { + + background-color: #ffffff; + width: 48%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + input[type=text], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + input[type=email], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + input[type=password], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + input[type=date], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + /* input[type=submit], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #33628C; + border-radius: 4px; + box-sizing: border-box; + } */ + + input:focus{ + outline: none !important; + } + + .rectan{ + + width: 200px; + height: 38px; + cursor: pointer; + background: #5093eb; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + } + + .rectan:hover{ + background-color: #9ac3f8; + } + + + + + + +@media (min-width: 800px) { + + + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + /*color: #245bd1;*/ + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 1050px) { + + .flex-container > div { + + background-color: #ffffff; + width: 45%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } + + input[type=text], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + input[type=email], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + input[type=tel], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + input[type=date], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + /* input[type=submit], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #33628C; + border-radius: 4px; + box-sizing: border-box; + } */ + + .rectan{ + + width: 200px; + height: 38px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + } +} + +@media (max-width: 799px) { + + .flex-container1 { + display: flex; + margin-top: 60px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 27px; + border-radius: 18px; + + } + + .flex-container { + margin-top: -30px; + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + .flex-container > div { + + background-color: #ffffff; + width: 45%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } + + + + + + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + + +} + +/* @media (max-width: 645px) { + +} */ + + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); +display: block; +} +nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; +transform: translateY(10px) rotate(225deg); +} +nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; +transform: translateY(-10px) rotate(-225deg); +} + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + +} + +@media (max-width: 530px) { + .flex-container1 { + width: 140%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container { + margin-top: -30px; + /* margin-bottom: 20px; */ + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + .flex-container > div { + + background-color: #ffffff; + width: 100%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } +} + + +@media (max-width: 420px) { + + .flex-container1 { + width: 90%; + display: flex; + margin-top: 60px; + margin-left: 2%; + margin-right: 2%; + flex-direction: column; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + +} + + + + diff --git a/style/manageEmployeeEditDelete_style.css b/style/manageEmployeeEditDelete_style.css new file mode 100644 index 0000000..1f48c01 --- /dev/null +++ b/style/manageEmployeeEditDelete_style.css @@ -0,0 +1,517 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + + .activelink{ + font-weight: 550; +} + + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + .flex-container1 { + display: flex; + margin-top: 20px; + margin-left: 0.1%; + margin-right: 3%; + flex-direction: column; + background-color: #ffffff; + + + } + + .flex-container1{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + /* sjdsj */ + margin-top: 20px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + + .flex-container { + margin-top: -50px; + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + .flex-container > div { + + background-color: #ffffff; + width: 48%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + input[type=text], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + input[type=email], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + input[type=tel], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + input[type=date], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + /* input[type=submit], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #33628C; + border-radius: 4px; + box-sizing: border-box; + } */ + + .rectan{ + + width: 200px; + height: 38px; + cursor: pointer; + background: #5093eb; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + } + .rectan:hover{ + background-color: #9ac3f8; + } + + + + + + + +@media (min-width: 800px) { + + + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + /*color: #245bd1;*/ + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 1050px) { + + .flex-container > div { + + background-color: #ffffff; + width: 45%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } + + input[type=text], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + input[type=email], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + input[type=tel], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + input[type=date], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + /* input[type=submit], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #33628C; + border-radius: 4px; + box-sizing: border-box; + } */ + + .rectan{ + + width: 200px; + height: 38px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + } +} + +@media (max-width: 799px) { + + .flex-container1 { + display: flex; + margin-top: 60px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 27px; + border-radius: 18px; + + } + + .flex-container { + margin-top: -30px; + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + .flex-container > div { + + background-color: #ffffff; + width: 45%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } + + + + + + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + + +} + +/* @media (max-width: 645px) { + +} */ + + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; + } + nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); + } + nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + +} + +@media (max-width: 530px) { + .flex-container1 { + width: 140%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container { + margin-top: -30px; + /* margin-bottom: 20px; */ + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + .flex-container > div { + + background-color: #ffffff; + width: 100%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } +} + + +@media (max-width: 420px) { + + .flex-container1 { + width: 90%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: column; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + +} + + + + diff --git a/style/manageEmployee_style.css b/style/manageEmployee_style.css new file mode 100644 index 0000000..eaf8c28 --- /dev/null +++ b/style/manageEmployee_style.css @@ -0,0 +1,530 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + + .activelink{ + font-weight: 550; + } + + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + .flex-container { + display: flex; + /* display: block; */ + margin-top: -50px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + /* position: absolute; */ + + } + .flex-container1 { + display: flex; + /* display: inline-block; */ + margin-top: 30px; + height: 10%; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + .flex-container1 .text{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + /* sjdsj */ + margin-top: 20px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container1>*:first-child { + + text-align: left; + } + + .flex-container1>*:last-child { + + text-align: right; + } + + .flex-container1 input[type=text], select { + + width: 230px; + height: 33px; + + /* padding: 13px 20px; + margin: 8px 0; */ + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + } + + + + .flex-container1 .rectan{ + + width: 230px; + height: 42px; + cursor: pointer; + background: #5093eb; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 20px; + + + color: #FFFFFF; + + } + + .rectan:hover{ + background-color: #9ac3f8; + } + + + + + + .table{ + /* margin-top: -30px; */ + top: 0; + width: 100%; + border-collapse: collapse; + font-weight: normal; + /* position: relative; */ + } + + .table td,.table th{ + padding:12px 15px; + border:1px solid rgb(253, 253, 253); + text-align: center; + font-size:16px; + } + + .table th{ + background-color: #9ac3f8; + color:#5a5858; + font-weight: normal; + } + + .table tbody tr:nth-child(even){ + background-color: #f5f5f5; + } + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + + + + +@media (min-width: 800px) { + + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + /*color: #245bd1;*/ + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 1000px) { + .flex-container1 .text{ + font-size: 20px; + } + + .flex-container1 .rectan{ + + width: 200px; + height: 38px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + } + + .flex-container1 input[type=text], select { + + width: 180px; + height: 31px; + + /* padding: 9px 10px; + margin: 8px 0; */ + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + + } +} + +@media (max-width: 799px) { + + .flex-container1 { + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container { + display: flex; + margin-top: 20px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + + + } + + + .text{ + font-weight: bold; + margin-top: 80px; + } + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + .table{ + margin-left: -23px; + } + + + +} + +@media (max-width: 645px) { + .flex-container1 .text{ + font-size: 16px; + } + + .flex-container1 .rectan{ + + width: 150px; + height: 30px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 16px; + + + color: #FFFFFF; + + } + + .flex-container1 input[type=text], select { + /* padding: 6px 7px; + margin: 8px 0; */ + + width: 150px; + height: 30px; + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + + } +} + + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; + } + nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); + } + nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + + .table thead{ + display: none; + } + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 100%; + } + .table tr{ + margin-bottom:15px; + } + .table td{ + text-align: right; + padding-left: 50%; + text-align: right; + position: relative; + } + .table td::before{ + content: attr(data-label); + position: absolute; + left:0; + width: 50%; + padding-left:15px; + font-size:15px; + font-weight: bold; + text-align: left; + } + + .table{ + margin-left: -23px; + } + +} + +@media (max-width: 530px) { + .flex-container1 { + width: 140%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } +} + + +@media (max-width: 420px) { + + .flex-container1 { + width: 90%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: column; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 5px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container1>*:first-child { + + text-align: center; + } + + .flex-container1>*:last-child { + + text-align: center; + } + + + + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 88%; + } +} + + + + diff --git a/style/manageTeamAdd_style.css b/style/manageTeamAdd_style.css new file mode 100644 index 0000000..a5f873b --- /dev/null +++ b/style/manageTeamAdd_style.css @@ -0,0 +1,469 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + + .activelink{ + font-weight: 550; +} + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + .flex-container1 { + display: flex; + margin-top: 120px; + margin-left: 0.1%; + margin-right: 3%; + flex-direction: column; + background-color: #ffffff; + + + } + + .flex-container1{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + + /* .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 50px; + font-size: 30px; + border-radius: 18px; + + } */ + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + /* sjdsj */ + margin-top: 20px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container { + margin-top: 10px; + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + + .flex-container > div { + + background-color: #ffffff; + width: 70%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + + margin-left: 215px; + margin-bottom: 20px; + + } + + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + input[type=text], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + height: 60%; + } + + + /* input[type=submit], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #33628C; + border-radius: 4px; + box-sizing: border-box; + } */ + + .rectan{ + margin-top: 30px; + width: 30%; + height: 48px; + cursor: pointer; + background: #5093eb; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + margin-left: 535px; + + } + + + .rectan:hover{ + background-color: #9ac3f8; + } + + + + + + +@media (min-width: 800px) { + + + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + /*color: #245bd1;*/ + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 1050px) { + + .flex-container > div { + + background-color: #ffffff; + width: 45%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } + + input[type=text], select { + width: 90%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + + + .rectan{ + + width: 200px; + height: 38px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + } +} + +@media (max-width: 799px) { + + .flex-container1 { + display: flex; + margin-top: 60px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 27px; + border-radius: 18px; + + } + + .flex-container { + margin-top: -30px; + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + .flex-container > div { + + background-color: #ffffff; + width: 45%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } + + + + + + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + + +} + +/* @media (max-width: 645px) { + +} */ + + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; + } + nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); + } + nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + +} + +@media (max-width: 530px) { + .flex-container1 { + width: 140%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container { + margin-top: -30px; + /* margin-bottom: 20px; */ + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + .flex-container > div { + + background-color: #ffffff; + width: 100%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 20px; + } +} + + +@media (max-width: 420px) { + + .flex-container1 { + width: 90%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: column; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + +} + + + + diff --git a/style/manageTeamEditDelete_style.css b/style/manageTeamEditDelete_style.css new file mode 100644 index 0000000..537ac9b --- /dev/null +++ b/style/manageTeamEditDelete_style.css @@ -0,0 +1,593 @@ + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + + .activelink{ + font-weight: 550; + } + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + .flex-container { + display: flex; + margin-top: 100px; + margin-left: 0%; + margin-right: 0px; + flex-wrap: wrap; + height:70vh; + background-color:#ffffff; + + + + } + .container{ + margin:20px; + } + + + + .heading{ + font-size: 40px; + text-align: center; + color: blanchedalmond; + margin-bottom: 40px; + } + + .left { + float: left; + width: 39%; + padding: 1px; + height: 70vh; /* Should be removed. Only for demonstration */ + background-color:#ffffff; + margin-top: 0px; + + + + + + } + .form{ + text-align: center; + margin-top: -40px; + } + .name-box{ + width:70%; + height:20%; + background-color: #33628C; + margin-left: 15%; + } + .id-box{ + width:70%; + height:20%; + background-color: #33628C; + margin-left: 15%; + } + .manager-box{ + width:70%; + height:20%; + background-color: #33628C; + margin-left: 15%; + } + .form h1{ + /* color: #000000; */ + /* font-size: 25pt; */ + margin-bottom: 10px; + margin-top: 0%; + font-weight: 500; + margin-left: 2%; + color: #5a5858; + font-size: 25px; + font-weight: 400; + + + } + + + + .name{ + color:#000000; + font-size: 12pt; + margin-left: 15%; + margin-top: 10px; + float: left; + + + } + .id{ + color:#000000; + font-size: 12pt; + margin-left: 15%; + margin-top: 10px; + float: left; + + } + .selection-box{ + color:#000000; + font-size: 12pt; + margin-left: 15%; + margin-top: -5px; + float: left; + + } + .manager{ + color:#000000; + font-size: 15pt; + margin-left: 15%; + margin-top: 100px; + + } + .input[type="box"]{ + width: 60%; + height: 50px; + margin-top: 0px; + margin-bottom: 15px; + border-radius: 0px; + border: transparent; + background-color: rgb(225, 229, 231); + border: 1px solid #050e91; + padding-left: 10%; + font-size:12pt; + border-radius: 10px; + + } + .text1{ + margin-top: 18px; + + } + .text2{ + margin-top: 18px; + + } + .box1{ + margin-top: -7px; + } + .box2{ + margin-top: 4px; + } + + + + a{ + color:#b5720d; + text-decoration:none; + } + + select { + -webkit-appearance:none; + -moz-appearance:none; + -ms-appearance:none; + appearance:none; + outline:0; + box-shadow:none; + border: 0px solid #050e91; + + background: rgb(225, 229, 231); + background-image: none; + flex: 1; + padding: 0.5em; + color:rgb(12, 0, 0); + cursor:pointer; + font-size: 12pt; + font-family: 'Open Sans', sans-serif; + + } + select::-ms-expand { + display: none; + } + .select { + margin-top: 10px; + position: relative; + display: flex; + width: 70%; + height: 2em; + line-height: 3; + background: #5c6664; + overflow: hidden; + margin-left: 15%; + border: 1px solid #050e91; + border-radius: 10px; + + + } + .select::after { + content: '\25BC'; + position: absolute; + top: -10px; + right: 10px; + padding: 0 1em; + background: rgb(231, 228, 225); + cursor:pointer; + pointer-events:none; + transition:.25s all ease; + width:5px; + } + .select:hover::after { + color: #010c0a; + } + + + .right{ + float: left; + width: 39%; + padding: 1px; + height: 70vh; /* Should be removed. Only for demonstration */ + background-color:#ffffff; + margin-top: 0px; + + + } + + + table{ + border-collapse: collapse; + + } + .header_fixed{ + height: 400px; + + overflow:auto; + margin-top: 0px; + border:1px solid #dddddd; + + } + .header_fixed thead th{ + position: sticky; + top: 0; + background: #9ac3f8; + color: #FFFFFF; + font-size: 16px; + font-weight: 800; + width: 100vw; + + } + th,td{ + border-bottom: 1px solid #4d0303; + padding: 10px 20px; + font-size: 14px; + font-weight: 800; + color: #000000; + + } + + td img{ + height: 45px; + width:45px; + border-radius:100%; + border: 1px solid #000; + + + } + tr:nth-child(even){ + background-color: #ffffff; + } + tr:nth-child(odd){ + background-color: #ffffff; + } + tr:hover td{ + color:#97660a; + cursor: pointer; + background-color: #FFFFFF; + } + td button{ + border:none; + padding: 7px 20px; + border-radius: 20px; + background-color: black; + color: #FFFFFF; + } + ::-webkit-scrollbar{ + width:6px; + + } + ::-webkit-scrollbar-track{ + webkit-box-shadow:inset 0 0 6px rgb(15, 1, 1); + + } + ::-webkit-scrollbar-thumb{ + webkit-box-shadow:inset 0 0 6px rgb(15, 1, 1); + + } + .btn-group .button { + background-color: #6ea6f0; /* Green */ + border: 1px solid #222221; + color: white; + padding: 15px 36px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + cursor: pointer; + float: left; + width:50%; + margin-top: 2px; + } + + .btn-group .button:not(:last-child) { + border-right: none; /* Prevent double borders */ + } + + .btn-group .button:hover { + background-color: #5299f5; + } + + + + @media screen and (max-width: 800px) { + .left{ + width: 100%; + height:80vh; + border: 2.5px solid #9e0505; + margin-left: 2px; + margin-top: 40px; + + + } + .form{ + margin-top: 15%; + margin-left: -20px; + } + .form h1{ + margin-left: 10px; + } + .manager{ + margin-left: -400px; + } + .selection-box{ + height: 35px; + } + .select{ + height: 50px; + } + .select::after{ + content: '\25BC'; + position: absolute; + top: 4px; + right: 10px; + padding: 0 1em; + background: rgb(225, 229, 231); + cursor:pointer; + pointer-events:none; + transition:.25s all ease; + width:5px; + } + + + .right{ + width: 100%; + height: 80vh; + margin-top: 10px; + + } + .form{ + margin-left: 7px; + margin-top: -30px; + } + .form h1{ + margin-left: -15px; + } + .header_fixed{ + border: 2.5px solid #9e0505; + + + } + table{ + width: 90vw; + font-size: 10pt; + } + .header_fixed thead th{ + + font-size: 12px; + font-weight: 800; + } + th,td{ + + font-size: 10px; + font-weight: 800; + + + } + .btn-group .button{ + width:50%; + margin-top: 2px; + } + .form{ + margin-top: 10px; + } + + + + } + + @media screen and (max-width: 420px) { + + } + @media screen and (max-width: 340px) { + + } + @media screen and (max-width: 290px) { + + + } + + + + + + + + + +@media (min-width: 800px) { + + .flex-container { + padding: 20px; + + + height: 82vh; + } + + .flex-containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } + + .flex-container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + color: #245bd1; + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + + +@media (max-width: 799px) { + + + .text{ + font-weight: bold; + margin-top: 80px; + } + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + + +} + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(0,0,0,.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + + } + nav .links a { + font-size: 20px; + color: #ffffff; + + + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + display: block; + background-color: #265397; + margin-top: -40px; + + } + nav :checked ~ .icon-burger .line:nth-child(1) { + transform: translateY(10px) rotate(225deg); + background-color: #000000; + } + nav :checked ~ .icon-burger .line:nth-child(3) { + transform: translateY(-10px) rotate(-225deg); + background-color: #000000; + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + + } + + +} \ No newline at end of file diff --git a/style/manageTeam_style.css b/style/manageTeam_style.css new file mode 100644 index 0000000..6837d36 --- /dev/null +++ b/style/manageTeam_style.css @@ -0,0 +1,525 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + + .activelink{ + font-weight: 550; +} + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + .flex-container { + display: flex; + margin-top: -50px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + + + } + .flex-container1 { + display: flex; + margin-top: 30px; + height: 10%; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + .flex-container1 .text{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + /* sjdsj */ + margin-top: 20px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container1>*:first-child { + + text-align: left; + } + + .flex-container1>*:last-child { + + text-align: right; + } + + .flex-container1 input[type=text], select { + + width: 230px; + height: 33px; + + /* padding: 13px 20px; + margin: 8px 0; */ + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + } + + + + .flex-container1 .rectan{ + + width: 230px; + height: 42px; + cursor: pointer; + background: #5093eb; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 20px; + + + color: #FFFFFF; + + } + + .rectan:hover{ + background-color: #9ac3f8; + } + + + + + + .table{ + margin-top: -30px; + width: 100%; + border-collapse: collapse; + font-weight: normal; + } + + .table td,.table th{ + padding:12px 15px; + border:1px solid rgb(253, 253, 253); + text-align: center; + font-size:16px; + } + + .table th{ + background-color: #9ac3f8; + color:#5a5858; + font-weight: normal; + } + + .table tbody tr:nth-child(even){ + background-color: #f5f5f5; + } + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + + + + +@media (min-width: 800px) { + + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + /*color: #245bd1;*/ + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 1000px) { + .flex-container1 .text{ + font-size: 20px; + } + + .flex-container1 .rectan{ + + width: 200px; + height: 38px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + } + + .flex-container1 input[type=text], select { + + width: 180px; + height: 31px; + + /* padding: 9px 10px; + margin: 8px 0; */ + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + + } +} + +@media (max-width: 799px) { + + .flex-container1 { + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container { + display: flex; + margin-top: 20px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + + + } + + + .text{ + font-weight: bold; + margin-top: 80px; + } + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + .table{ + margin-left: -23px; + } + + + +} + +@media (max-width: 645px) { + .flex-container1 .text{ + font-size: 16px; + } + + .flex-container1 .rectan{ + + width: 150px; + height: 30px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 16px; + + + color: #FFFFFF; + + } + + .flex-container1 input[type=text], select { + /* padding: 6px 7px; + margin: 8px 0; */ + + width: 150px; + height: 30px; + display: inline-block; + border: 1px solid #ccc; + border-radius: 12px; + + } +} + + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; + } + nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); + } + nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + + .table thead{ + display: none; + } + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 100%; + } + .table tr{ + margin-bottom:15px; + } + .table td{ + text-align: right; + padding-left: 50%; + text-align: right; + position: relative; + } + .table td::before{ + content: attr(data-label); + position: absolute; + left:0; + width: 50%; + padding-left:15px; + font-size:15px; + font-weight: bold; + text-align: left; + } + + .table{ + margin-left: -23px; + } + +} + +@media (max-width: 530px) { + .flex-container1 { + width: 140%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: row; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 15px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } +} + + +@media (max-width: 420px) { + + .flex-container1 { + width: 90%; + display: flex; + margin-top: 100px; + margin-left: 2%; + margin-right: 2%; + flex-direction: column; + background-color: #ffffff; + + + } + + + .flex-container1 > div { + background-color: #ffffff; + width: 100%; + margin: 5px; + text-align: center; + line-height: 60px; + font-size: 30px; + border-radius: 18px; + + } + + .flex-container1>*:first-child { + + text-align: center; + } + + .flex-container1>*:last-child { + + text-align: center; + } + + + + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 88%; + } +} + + + + diff --git a/style/myleave.css b/style/myleave.css new file mode 100644 index 0000000..62917ac --- /dev/null +++ b/style/myleave.css @@ -0,0 +1,333 @@ + +:root{ + --blue: #265397; + --orange: #DC950B; + --white: #fff; + --grey: #f5f5f5; + --grey2: #b2beb5; + --black1: #222; + --black2: #999; + --blue2: #9ac3f8; + --header-height : 50px; + --footer-height : 70px; + --navbarwidth: 244px; + --naviconwidth: 58px; +} + +.container{ + /*overflow: scroll;*/ + /*scroll-snap-type: y mandatory; + overflow-y: scroll;*/ +} + +a{ + text-decoration: none; + color: black; +} + +.item1{ + grid-area: one; + padding-top: 1%; +} + +.toplinkbar{ + margin-top: 1%; + float: right; + margin-right: 100px; +} + +.toplink{ + padding-top: 2%; + padding-left: 20px; + padding-right: 20px; + text-decoration: none; + color: var(--black); + font-size: 20px; + margin-bottom: 0px; + font-family: Garamond; + border:2px solid var(--white); +} + +.toplink:hover{ + border:2px solid var(--grey2); +} + +.toplink-active{ + border-bottom: 2px solid black; +} + +.toplink-active:hover{ + border:2px solid var(--white); + border-bottom: 2px solid black; +} + +.item2{ + grid-area: two; + padding-left: 10%; + padding-top: 1%; + padding-bottom: 1%; +} + +.filter{ + padding-left: 1%; + padding-right: 1%; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + border: 1px solid black; + cursor: pointer; +} + +.item3, .item4, .item5{ + padding: 1% 1% 1% 1%; + background: var(--white); + margin-left: 1%; + margin-right: 1%; + margin-bottom: 1%; +} + +.item3{ + grid-area: three; + display: flex; + background: var(--blue2); +} + +.item3 canvas{ + width:80%; + max-width:500px; + height: 200%; +} + +.item4{ + grid-area: four; +} + +.item4 table{ + width: 100%; + font-family: Calibri; +} + +.item4 tr{ + text-align: center; + background-color: var(--white); +} + +.item4 td{ + padding-top: 1%; + padding-bottom: 1%; + border-top: 2px solid var(--blue); + border-bottom: 2px solid var(--blue); + padding-right: 0px; + padding-left: 0px; +} + +.item4 td:nth-child(1){ + border-bottom-left-radius: 10px; + border-top-left-radius: 10px; + border-left: 2px solid var(--blue); +} + +.item4 td:nth-child(3){ + border-bottom-right-radius: 10px; + border-top-right-radius: 10px; + border-right: 2px solid var(--blue); +} + +.item4 td:nth-child(4){ + border-bottom-right-radius: 10px; + border-top-right-radius: 10px; + border-right: 2px solid var(--blue); +} + +.item4 td:nth-child(5){ + border-bottom-right-radius: 10px; + border-top-right-radius: 10px; + width: 80px; + border: none; +} + +.item5{ + grid-area: five; + margin-top: 2%; + margin-bottom: 2%; + padding: 6% 8% 6% 8%; + border: 1px solid var(--blue); + border-top: 2px solid var(--blue); + border-radius: 10px; +} + +.item5 form{ + font-family: Arial; + font-size: 16px; +} + +.item5 form .date_input{ + border-radius: 5px; + border: none; + background: var(--grey); + padding: 10px; +} + +.item5 form #request_submit{ + color: var(--black); + background: var(--white); + font-size: 18px; + padding: 5px 5% 5px 5%; + border-radius: 20px; + font-family: Arial; + border-color: var(--blue); +} + +.item5 form #request_submit:hover{ + cursor: pointer; + border-color: var(--orange); + color: var(--blue); +} + +.leavetable{ + width: 50%; + font-family: Calibri; + font-weight: bold; + font-size: 18px; +} + +.leaveview{ + width: 50%; +} + +.leaveview tr{ + text-align: center; + background-color: var(--white); + padding-bottom: 50px; +} + +.leaveview a{ + color: var(--orange); + font-weight: bold; +} + +.leaveview a:hover{ + color: var(--blue); +} + +.leaveview tr:nth-child(7){ + background-color: #000039; +} + +#approvebtn, #declinebtn{ + float: right; + margin: 10px; +} + +button{ + border-radius: 20px; + background-color: var(--white); + border-color: var(--blue); + padding: 10px 20px 10px 20px; + font-size: 14px; + font-family: Arial; + font-weight: bold; +} + +button:hover{ + cursor: pointer; + border-color: var(--orange); + color: var(--blue); +} + +.container{ + display: grid; + grid-template-areas: 'one' 'two' 'three' 'four' 'five'; +} + +#leavechart{ + padding-left: 75%; +} + +@media (min-width: 800px) { + + .container{ + min-height: 455px; + } + + .toplinkbar{ + margin-top: 1%; + float: right; + margin-right: 100px; + } + +} + +@media (max-width: 799px) { + + .toplink{ + padding: 0px 12px 2px 12px; + font-size: 18px; + float: center; + text-align: center; + } + + #toplink1{ grid-area: link1; } + #toplink2{ grid-area: link2; } + #toplink3{ grid-area: link3; } + + .toplinkbar{ + display: grid; + grid-template-areas: 'link1' 'link2' 'link3'; + } + + .item2{ + padding-top: 4%; + padding-bottom: 2%; + } + + .item3, .item4{ + padding: 1% 1% 1% 1%; + margin-bottom: 2%; + } + + .item4{ + padding-top: 2%; + } + + .item4 table{ + font-size: 14px; + } + + .item4 td:nth-child(3){ + width: 40%; + } + + .item4 td{ + padding: 3px; + } + + .item5{ + margin-top: 12%; + padding: 8% 8% 30% 8%; + margin-bottom: 12%; + } + + .item5 form{ + font-size: 12px; + } + + .item3{ + display: block; + } + + .item3 canvas{ + width:80%; + max-width:400px; + } + + #leavechart{ + padding-left: 0%; + } + + button{ + padding: 10px 10px 10px 10px; + font-size: 12px; + } +} \ No newline at end of file diff --git a/style/myprofile_style.css b/style/myprofile_style.css index 3108130..9cc780b 100644 --- a/style/myprofile_style.css +++ b/style/myprofile_style.css @@ -1,232 +1,427 @@ -body{ - --header-height : 50px; - --footer-height : 70px; - margin: var(--header-height) 0 0 var(--footer-height); - margin: auto; - font-family: sans-serif; -} -.preload *{ - transition: none !important; -} +@media (min-width: 800px) { + .item1 { grid-area: one; } + .item2 { grid-area: two; } + + .container { + padding: 30px; + display: grid; + grid-template-areas: + 'one two two ' ; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 12px 30px; + background: #ffffff; + } -.header , .nav-bar{ - margin: auto; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: var(--header-height); - border: none; - display: flex; -} + .containerN { + padding: 30px; + display: grid; + grid-template-areas: + 'one two two ' ; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 12px 20px; + background-color: #ffffff; + margin-left: 244px; + } -.header{ - background: #33628C; -} + .container >div{ + border-top-style: solid; + border-top-color: #2B65EC; + border-top-width: 3px; + text-align: center; + font-size: 18px; + padding: 20px; + font-weight: 500; + background-color: #ffffff; + border-radius: 5px; + box-shadow: 0 0 5px #d3d2d2; + } -.footer{ - margin: auto; - position: fixed; - margin-top: 608px; - width: 100%; - height: var(--footer-height); - border: none; - display: flex; - background: #C2D3E2; - font-size: 14px; - -} + .item1, .item2{ + margin-top: 50px; + } -.footer-data{ - width: 100%; - padding-top: 10px; - padding-bottom: 10px; - align-content: center; - color: #716D6D; - text-align: center; -} + .img-card{ + margin: auto; + margin-top: 50px; + justify-content: center; + width: 250px; + height: 250px; + } -.nav-bar{ - background: #33628C; -} + #photo{ + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 50%; + } -.header-button{ - width: var(--header-height); - height: var(--header-height); - flex-shrink: 0; - background: #33628C; - outline: none; - border: none; - color: #ffffff; - cursor: pointer; -} + #file{ + justify-content:space-evenly; + display: none; -.date{ - padding-top: 15px; - padding-left: 25px; - color: #000000; - font-family:sans-serif; - font-style: italic; - font-weight: 700; - font-size: 18px; -} + } -.open-img{ - width: 195px; -} + #sbtbtn{ + position: relative; + margin-top: 50px; + border-radius: 5px; + padding: 5px; + color: #ffffff; + background-color: #2B65EC; + width: 120px; + height: 35px; + border: none; + font-family: Georgia, 'Times New Roman', Times, serif; + font-size: 12pt; + cursor: pointer; + } -.nav-links{ - margin-top: 50px; - padding-top: 50px; - position: fixed; - top: 0; - left: 0; - z-index: 2; - height: 100vh; - width: 244px; - background: #33628C; - transform: translateX(-244px); - transition: transform 0.3s; - -} + #sbtbtn:hover{ + background-color:#2b65ecad ; + } + #uploadBtn{ + position: relative; + top: 20px; + height: 25px; + width: fit-content; + padding: 10px; + color: white; + background-color: #2B65EC; + font-size: 11pt; + font-family:Georgia, 'Times New Roman', Times, serif; + cursor: pointer; + border-radius: 5px; + margin-bottom: 10px; + } -.nav-links .nav-bar .nav-header-button{ - width: var(--header-height); - height: var(--header-height); - flex-shrink: 0; - background: none; - outline: none; - border: none; - color: #ffffff; - cursor: pointer; -} + #uploadBtn:hover{ + background-color:#2b65ecad ; + } -.nav-links .nav-bar .close-img{ - width: fit-content; - height: 50px; -} + .data-form{ + justify-content: center; + margin-top: 50px; + font-family: 'Times New Roman', Times, serif; + } + + .data-form label{ + text-align: left; + width: 180px; + display: inline-block; + margin-bottom: 20px; + } + + .input-fields{ + width: 220px; + padding: 7px; + font-family: 'Times New Roman', Times, serif; + font-size: 12pt; + border-radius: 5px; + border: 1px solid #c0bfbf; + } + + .input-fields:focus{ + outline: none !important; + } + + .button{ + margin-top: 50px; + border-radius: 5px; + padding: 5px; + color: #ffffff; + background-color: #2B65EC; + width: 120px; + height: 35px; + border: none; + font-family: Georgia, 'Times New Roman', Times, serif; + font-size: 12pt; + cursor: pointer; + } + + .button:hover{ + background-color:#2b65ecad ; + } -.nav-open .nav-links{ - transform: translateX(0); } -.nav-link{ - display: flex; - height: 30px; - align-items: center; - color: #ffffff; - font-size: 14px; - text-decoration: none; - padding: 12px 15px; - background: transform 0.2s; +@media (max-width: 799px) { -} + .item1 { grid-area: one; } + .item2 { grid-area: two; } + + .container { + padding: 30px; + display: grid; + grid-template-areas: + 'one' + 'two' ; + background: #eeeeee; + justify-content: center; + } -.nav-links > a i::before{ - padding-right: 25px; -} + .container >div{ + text-align: center; + font-size: 16px; + padding: 20px; + font-weight: 500; + background-color: #ffffff; + } -.nav-links span{ - font-size: 16px; - font-family:sans-serif; -} + .item1, .item2{ + margin-top: 50px; + } -.nav-link-active{ - color: white; - background: rgba(255, 253, 253, 0.13); -} + .item1{ + height: 320px; + } -.nav-link:hover{ - background: rgba(255, 253, 253, 0.363); -} + .item2{ + height: 500px; + } + .img-card{ + margin: auto; + margin-top: 20px; + justify-content: center; + width: 200px; + height: 200px; + } -.nav-overlay{ - position: fixed; - top: 0; - left:0; - width: 100%; - height: 100vh; - visibility: hidden; - opacity: 1; - transition: opacity 0.3s; -} + #photo{ + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 50%; + } -.nav-open .nav-overlay{ - visibility: visible; - opacity: 1; -} + #file{ + justify-content:space-evenly; + display: none; + } -@media (min-width: 800px) { + #sbtbtn{ + position: relative; + margin-top: 50px; + border-radius: 5px; + padding: 5px; + color: #ffffff; + background-color: #2B65EC; + width: 120px; + height: 35px; + border: none; + font-family: Georgia, 'Times New Roman', Times, serif; + font-size: 11pt; + cursor: pointer; + } + #uploadBtn{ + position: relative; + top: 20px; + height: 25px; + width: 50px; + padding: 10px; + color: white; + background-color: #2B65EC; + font-size: 11pt; + font-family:Georgia, 'Times New Roman', Times, serif; + cursor: pointer; + border-radius: 5px; + } - .notification { - position: absolute; - right: 25%; - padding-top: 15px; - margin-right: 10px; + .data-form{ + justify-content: center; + margin-top: 30px; + font-family: 'Times New Roman', Times, serif; } - - .notification i{ - color: #000000; + + .data-form label{ + text-align: left; + width: 170px; + display: inline-block; + margin-bottom: 20px; + font-size: 12pt; } - - .user-login{ - position: absolute; - right: 16%; - padding-top: 15px; - display: flex; + + .input-fields{ + width: 210px; + padding: 7px; + font-family: 'Times New Roman', Times, serif; + font-size: 11pt; + border-radius: 5px; + background-color: rgb(225, 229, 231); + border: 1px solid #c0bfbf; } - - .img-rounded-circle{ - position: absolute; - right: 5%; - border-radius: 50%; - width:50px; - height: 50px; + + .input-fields:focus{ + outline: none !important; } + .button{ + position: relative; + margin-top: 50px; + border-radius: 5px; + padding: 5px; + color: #ffffff; + background-color: #2B65EC; + width: 120px; + height: 35px; + border: none; + font-family: Georgia, 'Times New Roman', Times, serif; + font-size: 12pt; + justify-content: center; + cursor: pointer; + } + + } -@media (max-width: 799px) { +@media (max-width: 499px) { - .open-img{ - visibility: hidden; + .item1 { grid-area: one; } + .item2 { grid-area: two; } + + .container { + padding: 30px; + display: grid; + grid-template-areas: + 'one' + 'two' ; + background: #ffffff; + justify-content: center; } - .date{ - visibility: hidden; + + .container >div{ + text-align: center; + font-size: 15px; + padding: 20px; + font-weight: 500; + background-color: #ffffff; } - .notification { - position: absolute; - right: 70%; - padding-top: 15px; + .item1{ + margin-top: 30px; + height: 300px; } - .notification i{ - color: #000000; + .item2{ + margin-top: 20px; + height: 600px; } - - .user-login{ - position: absolute; - right: 40%; - padding-top: 15px; - display: flex; - visibility: hidden; + + .img-card{ + margin: auto; + margin-top: 20px; + justify-content: center; + width: 200px; + height: 200px; } - - .img-rounded-circle{ - position: absolute; - right: 5%; + + #photo{ + width: 100%; + height: 100%; + object-fit: cover; border-radius: 50%; - width:50px; - height: 50px; + } + + #file{ + justify-content:space-evenly; + display: none; + + } + + #sbtbtn{ + position: relative; + margin-top: 40px; + border-radius: 5px; + padding: 5px; + color: #ffffff; + background-color: #2B65EC; + width: 120px; + height: 35px; + border: none; + font-family: Georgia, 'Times New Roman', Times, serif; + font-size: 11pt; + cursor: pointer; + } + + #sbtbtn:hover{ + background-color:#2b65ecad ; + } + + #uploadBtn{ + position: relative; + top: 20px; + height: 25px; + width: 50px; + padding: 10px; + color: white; + background-color: #2B65EC; + font-size: 11pt; + font-family:Georgia, 'Times New Roman', Times, serif; + cursor: pointer; + border-radius: 5px; + } + + #uploadBtn:hover{ + background-color:#2b65ecad ; + } + + .data-form{ + justify-content: center; + margin-top: 20px; + font-family: 'Times New Roman', Times, serif; + } + + .data-form label{ + text-align: left; + width: 170px; + display: block; + font-size: 12pt; + margin-bottom: 5px; + } + + .input-fields{ + width: 210px; + padding: 7px; + margin-bottom: 15px; + font-family: 'Times New Roman', Times, serif; + font-size: 11pt; + border-radius: 5px; + border: 1px solid #c0bfbf; + } + + .input-fields:focus{ + outline: none !important; + } + + .button{ + position: relative; + margin-top: 20px; + border-radius: 5px; + padding: 5px; + color: #ffffff; + background-color: #2B65EC; + width: 120px; + height: 35px; + border: none; + font-family: Georgia, 'Times New Roman', Times, serif; + font-size: 12pt; + justify-content: center; + cursor: pointer; + } + + .button:hover{ + background-color:#2b65ecad ; } } + + + + diff --git a/style/myprogressAccepted_style.css b/style/myprogressAccepted_style.css new file mode 100644 index 0000000..f353460 --- /dev/null +++ b/style/myprogressAccepted_style.css @@ -0,0 +1,364 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + + .activelink{ + font-weight: 550; + } + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + .flex-container { + display: flex; + margin-top: 70px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + + + } + + .flex-container1 .text{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + + .table{ + margin-top: 40px; + width: 100%; + border-collapse: collapse; + font-weight: normal; + } + + .table td,.table th{ + padding:12px 15px; + border:1px solid rgb(253, 253, 253); + text-align: center; + font-size:16px; + } + + .table th{ + background-color: #9ac3f8; + color:#5a5858; + font-weight: normal; + } + + .table tbody tr:nth-child(even){ + background-color: #f5f5f5; + } + + .modal { + margin-top: 70px; + display: none; + position: fixed; + z-index: 8; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); + } + .modal-content { + margin: 50px auto; + border: 1px solid #999; + width: 60%; + } + h3{ + text-align: left; + margin: 0 0 20px; + /* font-weight: 100; */ + font-size: 30px; + color: rgb(0, 0, 0); + } + /* span { + text-align: left; + font-size: 20px; + color: #666; + display: block; + padding: 0 0 5px; + } */ + .message{ + text-align: left; + font-size: 20px; + color: #666; + display: block; + padding: 0 0 5px; + } + form { + padding: 25px; + margin: 25px; + box-shadow: 0 2px 5px #f5f5f5; + background: #eee; + } + input, + textarea { + width: 90%; + padding: 10px; + margin-bottom: 20px; + border: 1px solid #1c87c9; + outline: none; + } + .contact-form button { + width: 100%; + padding: 10px; + border: none; + background: #1c87c9; + font-size: 16px; + font-weight: 400; + color: #fff; + } + button:hover { + background: #2371a0; + } + .close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; + } + .close:hover, + .close:focus { + color: black; + text-decoration: none; + cursor: pointer; + } + button.button { + /* background-color: #666; */ + background: none; + /* border-top: none; */ + outline: none; + /* border-right: none; */ + /* border-left: none; */ + /* border-bottom: #02274a 1px solid; */ + padding: 0 0 3px 0; + font-size: 16px; + cursor: pointer; + border: none; + } + button.button:hover { + /* border-bottom: #a99567 1px solid; */ + color: #a99567; + } + button.button i { + color: #666; + } + + + +@media (min-width: 800px) { + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 799px) { + + + .text{ + font-weight: bold; + margin-top: 80px; + } + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + +} + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; + } + nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); + } + nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + + + .table thead{ + display: none; + } + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 100%; + } + .table tr{ + margin-bottom:15px; + } + .table td{ + text-align: right; + padding-left: 50%; + text-align: right; + position: relative; + } + .table td::before{ + content: attr(data-label); + position: absolute; + left:0; + width: 50%; + padding-left:15px; + font-size:15px; + font-weight: bold; + text-align: left; + } + .table{ + margin-left: -23px; + } + +} + + +@media (max-width: 400px) { + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 88%; + } +} + + + + diff --git a/style/myprogressCompleted_style.css b/style/myprogressCompleted_style.css new file mode 100644 index 0000000..2e763e6 --- /dev/null +++ b/style/myprogressCompleted_style.css @@ -0,0 +1,447 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + + .activelink{ + font-weight: 550; + } + + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + .flex-container { + display: flex; + margin-top: 70px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + + + } + + .flex-container1 { + margin-top: -10px; + width: 90%; + display: flex; + flex-wrap: nowrap; + background-color: #ffffff; + } + + .flex-container1 .text{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + .flex-container1 > div { + + background-color: #ffffff; + width: 100%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 70px; + } + input[type=date], select { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + .flex-container .text{ + font-size: 30px; + } + + + + .rectan{ + + width: 200px; + height: 38px; + cursor: pointer; + background: #5093eb; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + } + + .rectan:hover{ + background-color: #9ac3f8; + } + + + /* .rectan:hover{ + background: #5a91e4; + } */ + + + .table{ + margin-top: 20px; + width: 100%; + border-collapse: collapse; + font-weight: normal; + } + + .table td,.table th{ + padding:12px 15px; + border:1px solid rgb(253, 253, 253); + text-align: center; + font-size:16px; + } + + .table th{ + background-color: #9ac3f8; + color:#5a5858; + font-weight: normal; + } + + .table tbody tr:nth-child(even){ + background-color: #f5f5f5; + } + + + + + +@media (min-width: 800px) { + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + /*color: #245bd1;*/ + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 910px) { + .flex-container1 { + margin-top: -10px; + width: 90%; + display: flex; + flex-wrap: nowrap; + background-color: #ffffff; + } + + .flex-container1 > div { + + background-color: #ffffff; + width: 100%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 40px; + } + input[type=date], select { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + .flex-container .text{ + font-size: 20px; + } + + .rectan{ + + width: 150px; + height: 38px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 24px; + + + color: #FFFFFF; + + } + +} + +@media (max-width: 799px) { + + + + .flex-container1 { + margin-top: 15px; + width: 85%; + display: flex; + flex-wrap: nowrap; + background-color: #ffffff; + } + + .flex-container1 > div { + + background-color: #ffffff; + width: 100%; + margin: 10px; + text-align: left; + line-height: 33px; + font-size: 35px; + } + input[type=date], select { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + border-color: #33628C; + } + + .flex-container .text{ + font-size: 14px; + } + + .rectan{ + + width: 70px; + height: 34px; + cursor: pointer; + background: #33628C; + border-radius: 100px; + border: none; + + font-family: Roboto; + font-style: normal; + font-size: 20px; + + + color: #FFFFFF; + + } + + + + + + .text{ + font-weight: bold; + margin-top: 80px; + } + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + + +} + +@media (max-width: 567px) { + + .flex-container1 { + margin-top: 25px; + width: 90%; + display: flex; + flex-wrap: wrap; + background-color: #ffffff; + } + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; + } + nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); + } + nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + + + .table thead{ + display: none; + } + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 100%; + } + .table tr{ + margin-bottom:15px; + } + .table td{ + text-align: right; + padding-left: 50%; + text-align: right; + position: relative; + } + .table td::before{ + content: attr(data-label); + position: absolute; + left:0; + width: 50%; + padding-left:15px; + font-size:15px; + font-weight: bold; + text-align: left; + } + .table{ + margin-left: -23px; + } + +} + + +@media (max-width: 400px) { + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 88%; + } +} + + + + diff --git a/style/myprogressInprogressSelect_style.css b/style/myprogressInprogressSelect_style.css new file mode 100644 index 0000000..0de48e2 --- /dev/null +++ b/style/myprogressInprogressSelect_style.css @@ -0,0 +1,518 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + .activelink{ + font-weight: 550; +} + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + .flex-container { + display: flex; + margin-top: 73px; + margin-left: 90px; + margin-right: 40px; + flex-wrap: wrap; + height : 60vh; + /* background-color: #ffffff; + border: 1px solid #777ee0; */ + width: 160vh; + + + } + + .content{ + height: 50vh; + width: 89vw; + background-color: #ffffff; + } + .progress { + position: relative; + width: 80%; + margin-left: 10%; + height: 30px; + background: #9cbab4; + border-radius: 5px; + overflow: hidden; + } + + .progress__fill { + width: 0%; + height: 100%; + background: #0c56b6; + transition: all 0.2s; + } + + .progress__text { + position: absolute; + top: 50%; + right: 5px; + transform: translateY(-50%); + font: bold 14px "Quicksand", sans-serif; + color: #ffffff; + } + .content h2{ + color: black; + font-size: 12pt; + text-align: left; + margin-left: 18%; + } + .tick-box{ + width:30vw; + height: 20vh; + background-color: #ffffff; + margin-left: 20%; + margin-top: -8px; + } + .box { + display: block; + position: relative; + padding-left: 25px; + margin-bottom: 12px; + cursor: pointer; + font-size: 15px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: black; + margin-right: 10%; + + + } + + /* Hide the browser's default checkbox */ + .box input { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; + + + + + } + + /* Create a custom checkbox */ + .checkmark { + position: absolute; + top: 0; + left: 0; + height: 21px; + width: 21px; + background-color: #eee; + margin-left: 80%; + border: 1px solid #00010a; + + } + + /* On mouse-over, add a grey background color */ + .boxr:hover input ~ .checkmark { + background-color: #ccc; + } + + /* When the checkbox is checked, add a blue background */ + .box input:checked ~ .checkmark { + background-color: #2196F3; + } + + /* Create the checkmark/indicator (hidden when not checked) */ + .checkmark:after { + content: ""; + position: absolute; + display: none; + } + + /* Show the checkmark when checked */ + .box input:checked ~ .checkmark:after { + display: block; + } + + /* Style the checkmark/indicator */ + .box .checkmark:after { + left: 8px; + top: 4px; + width: 5px; + height: 10px; + border: solid white; + border-width: 0 3px 3px 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } + .btns{ + height : 10vh; + margin-top: 20px; + background-color: #ffffff; + width : 90vw; + } + .button { + background-color: #9ac3f8; + /* Green */ + border: none; + color: rgb(255, 255, 255); + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + cursor: pointer; + border-radius: 5px; + + } + + .button1 {background-color: #9ac3f8;} + /* Blue */ + + + .modal { + margin-top: 70px; + display: none; + position: fixed; + z-index: 8; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); + } + .modal-content { + margin: 50px auto; + border: 1px solid #999; + width: 60%; + } + + h3{ + text-align: left; + margin: 0 0 20px; + /* font-weight: 100; */ + font-size: 30px; + color: rgb(0, 0, 0); + } + /* span { + text-align: left; + font-size: 20px; + color: #666; + display: block; + padding: 0 0 5px; + } */ + + .message{ + text-align: left; + font-size: 20px; + color: #666; + display: block; + padding: 0 0 5px; + } + + form { + padding: 25px; + margin: 25px; + box-shadow: 0 2px 5px #f5f5f5; + background: #eee; + } + input, + textarea { + width: 90%; + padding: 10px; + margin-bottom: 20px; + border: 1px solid #1c87c9; + outline: none; + } + .contact-form button { + width: 100%; + padding: 10px; + border: none; + background: #1c87c9; + font-size: 16px; + font-weight: 400; + color: rgb(255, 255, 255); + } + button:hover { + background: #2371a0; + } + .close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; + } + .close:hover, + .close:focus { + color: black; + text-decoration: none; + cursor: pointer; + } + button.button { + background: none; + border-top: none; + outline: none; + border-right: none; + border-left: none; + border-bottom: #02274a 1px solid; + padding: 0 0 3px 0; + font-size: 16px; + cursor: pointer; + } + button.button:hover { + border-bottom: #a99567 1px solid; + /* color: #398bf7; */ + background-color: #3389fa; + } + /* jkfkd */ + .btns > button{ + background-color: #62a1f3; + width: 100px; + height: 30px; + } + + + + + + + +@media (min-width: 800px) { + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + color: #245bd1; + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 799px) { + + + .text{ + font-weight: bold; + margin-top: 80px; + } + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + .flex-container{ + margin-top: 100px; + height : 71vh; + width: 94vw; + margin-left: 20px; + } + .content{ + height:50vh; + margin-top: 10px; + margin-left: 12px; + } + .btns{ + width : 50vw; + margin-left: 100px; + margin-top: -60px; + } + .button{ + width: 90vw; + margin-left: -90px; + + } + .progress{ + margin-top: 10px; + } + + .btns > button{ + background-color: #2371a0; + margin: 10px; + } + + + + +} + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; + } + nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); + } + nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + +} +@media (max-width: 420px){ + .flex-container{ + margin-left: 12px; + height:72vh; + + } + .content{ + height: 54vh; + } + .btns{ + width:70vw; + margin-left: 70px; + margin-top: -35px; + } + .button{ + margin-top: 0px; + width:90vw; + margin-left: -60px; + } +} +@media (max-width: 320px){ + .flex-container{ + /* margin-left: 5px; */ + width: 100%; + height:80vh; + + } + .content{ + height: 50vh; + } + .btns{ + width:70vw; + margin-left: 70px; + /* baaaaad */ + margin-top: 5px; + } + .button{ + margin-top: 0px; + width:90vw; + margin-left: -60px; + + } +} diff --git a/style/myprogressOverdue_style.css b/style/myprogressOverdue_style.css new file mode 100644 index 0000000..7a2747d --- /dev/null +++ b/style/myprogressOverdue_style.css @@ -0,0 +1,383 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + .activelink{ + font-weight: 550; + } + + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + .flex-container { + display: flex; + margin-top: 70px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + + + } + + /* .flex-container1 { + margin-top: -10px; + width: 90%; + display: flex; + flex-wrap: nowrap; + background-color: #ffffff; + } + + + .flex-container1 > div { + + background-color: #ffffff; + width: 100%; + margin: 10px; + text-align: left; + line-height: 35px; + font-size: 70px; + } */ + .flex-container1 .text{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + .table{ + margin-top: 40px; + width: 100%; + border-collapse: collapse; + font-weight: normal; + } + + .table td,.table th{ + padding:12px 15px; + border:1px solid rgb(253, 253, 253); + text-align: center; + font-size:16px; + } + + .table th{ + background-color: #9ac3f8; + color:#5a5858; + font-weight: normal; + } + + .table tbody tr:nth-child(even){ + background-color: #f5f5f5; + } + .modal { + margin-top: 70px; + display: none; + position: fixed; + z-index: 8; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); + } + .modal-content { + margin: 50px auto; + border: 1px solid #999; + width: 60%; + } + h3{ + text-align: left; + margin: 0 0 20px; + /* font-weight: 100; */ + font-size: 30px; + color: rgb(0, 0, 0); + } + /* span { + text-align: left; + font-size: 20px; + color: #666; + display: block; + padding: 0 0 5px; + } */ + .message{ + text-align: left; + font-size: 20px; + color: #666; + display: block; + padding: 0 0 5px; + } + form { + padding: 25px; + margin: 25px; + box-shadow: 0 2px 5px #f5f5f5; + background: #eee; + } + input, + textarea { + width: 90%; + padding: 10px; + margin-bottom: 20px; + border: 1px solid #1c87c9; + outline: none; + } + .contact-form button { + width: 100%; + padding: 10px; + border: none; + background: #1c87c9; + font-size: 16px; + font-weight: 400; + color: #fff; + } + button:hover { + background: #2371a0; + } + .close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; + } + .close:hover, + .close:focus { + color: black; + text-decoration: none; + cursor: pointer; + } + button.button { + /* background-color: #666; */ + background: none; + /* border-top: none; */ + outline: none; + /* border-right: none; */ + /* border-left: none; */ + /* border-bottom: #02274a 1px solid; */ + padding: 0 0 3px 0; + font-size: 16px; + cursor: pointer; + border: none; + } + + button.button:hover { + /* border-bottom: #a99567 1px solid; */ + color: #a99567; + } + + button.button i { + color: #666; + } + + + + +@media (min-width: 800px) { + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + /*color: #245bd1;*/ + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 799px) { + + + .text{ + font-weight: bold; + margin-top: 80px; + } + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + +} + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; + } + nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); + } + nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + + + .table thead{ + display: none; + } + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 100%; + } + .table tr{ + margin-bottom:15px; + } + .table td{ + text-align: right; + padding-left: 50%; + text-align: right; + position: relative; + } + .table td::before{ + content: attr(data-label); + position: absolute; + left:0; + width: 50%; + padding-left:15px; + font-size:15px; + font-weight: bold; + text-align: left; + } + .table{ + margin-left: -23px; + } + +} + + +@media (max-width: 400px) { + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 88%; + } +} + + + + diff --git a/style/myprogressPending_style.css b/style/myprogressPending_style.css new file mode 100644 index 0000000..185004f --- /dev/null +++ b/style/myprogressPending_style.css @@ -0,0 +1,384 @@ + + +/*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + nav { + position: fixed; + z-index: 10; + left : 245px; + /*width: 100%;*/ + right: 0; + top: 50px; + font-family: 'Montserrat', sans-serif; + padding: 10 5%; + padding-top: 20px; + height: 40px; + background-color: #ffffff; + /* visibility: hidden; */ + } + + nav .links { + float: right; + padding: 0; + margin: 0; + width: 600px; + height: 100%; + display: flex; + justify-content: space-around; + align-items: center; + } + nav .links li { + list-style: none; + } + nav .links a { + display: block; + padding-left: 1em; + padding-right: 1em; + font-size: 20px; + color: #2B65EC; + text-decoration: none; + } + + nav .links a:hover{ + /*color: rgb(0, 255, 106);*/ + border-bottom: 3px solid #7cb3f1; + } + + #nav-toggle { + position: absolute; + top: -100px; + } + nav .icon-burger { + display: none; + position: absolute; + right: 5%; + top: 50%; + transform: translateY(-50%); + margin-top: 5px; + } + nav .icon-burger .line { + width: 30px; + height: 5px; + background-color: #265397; + margin: 5px; + border-radius: 3px; + transition: all .3s ease-in-out; + + } + + .activelink{ + font-weight: 550; +} + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + .flex-container { + display: flex; + margin-top: 70px; + margin-left: 2%; + margin-right: 2%; + flex-wrap: wrap; + background-color: #ffffff; + + + } + + .flex-container1 .text{ + color: #5a5858; + font-size: 25px; + font-weight: 400; + + } + + + .table{ + margin-top: 40px; + width: 100%; + border-collapse: collapse; + font-weight: normal; + } + + .table td,.table th{ + padding:12px 15px; + border:1px solid rgb(253, 253, 253); + text-align: center; + font-size:16px; + } + + .table th{ + background-color: #9ac3f8; + color:#5a5858; + font-weight: normal; + } + + .table tbody tr:nth-child(even){ + background-color: #f5f5f5; + } + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + + + + .modal { + margin-top: 70px; + display: none; + position: fixed; + z-index: 8; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); + } + .modal-content { + margin: 50px auto; + border: 1px solid #999; + width: 60%; + } + h3{ + text-align: left; + margin: 0 0 20px; + /* font-weight: 100; */ + font-size: 30px; + color: rgb(0, 0, 0); + } + /* span { + text-align: left; + font-size: 20px; + color: #666; + display: block; + padding: 0 0 5px; + } */ + .message{ + text-align: left; + font-size: 20px; + color: #666; + display: block; + padding: 0 0 5px; + } + form { + padding: 25px; + margin: 25px; + box-shadow: 0 2px 5px #f5f5f5; + background: #eee; + } + input, + textarea { + width: 90%; + padding: 10px; + margin-bottom: 20px; + border: 1px solid #1c87c9; + outline: none; + } + .contact-form button { + width: 100%; + padding: 10px; + border: none; + background: #1c87c9; + font-size: 16px; + font-weight: 400; + color: #fff; + } + button:hover { + background: #2371a0; + } + .close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; + } + .close:hover, + .close:focus { + color: black; + text-decoration: none; + cursor: pointer; + } + button.button { + /* background-color: #666; */ + background: none; + /* border-top: none; */ + outline: none; + /* border-right: none; */ + /* border-left: none; */ + /* border-bottom: #02274a 1px solid; */ + padding: 0 0 3px 0; + font-size: 16px; + cursor: pointer; + border: none; + } + button.button:hover { + /* border-bottom: #a99567 1px solid; */ + color: #a99567; + } + button.button i { + color: #666; + } + + + /*background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px);*/ + .modal-content1{ + margin: 50px auto; + border: 1px solid #999; + color: #9da9c2; + background-color: #e2eee0; + width: 60%; + font-weight: 100; + } + + + + + +@media (min-width: 800px) { + + .container { + padding: 20px; + + + height: 82vh; + } + + /* .containerN { + padding: 30px; + + + height: 82vh; + margin-left: 244px; + } */ + + .container >div{ + + text-align: center; + font-size: 28px; + + padding: 40px; + /*color: #245bd1;*/ + + font-weight: 600; + } + + + .open-img{ + width: 194px; + } + +} + +@media (max-width: 799px) { + + + .text{ + font-weight: bold; + margin-top: 80px; + } + + .open-img{ + visibility: hidden; + } + + + .date{ + visibility: hidden; + } + + +} + +@media (max-width: 567px) { + + + nav .links { + float: none; + position: fixed; + z-index: 9; + left: 60%; + right: 0; + top: 80px; + bottom: 100%; + width: auto; + height: auto; + flex-direction: column; + justify-content: space-evenly; + background-color: rgba(121, 121, 121, 0.8); + overflow: hidden; + box-sizing: border-box; + transition: all .5s ease-in-out; + } + nav .links a { + font-size: 20px; + } + nav :checked ~ .links { + bottom: 0; + } + nav .icon-burger { + background-color: rgb(255, 255, 255); + display: block; + } + nav :checked ~ .icon-burger .line:nth-child(1) { + background-color: #265397; + transform: translateY(10px) rotate(225deg); + } + nav :checked ~ .icon-burger .line:nth-child(3) { + background-color: #265397; + transform: translateY(-10px) rotate(-225deg); + } + nav :checked ~ .icon-burger .line:nth-child(2) { + opacity: 0; + } + + + + .table thead{ + display: none; + } + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 100%; + } + .table tr{ + margin-bottom:15px; + } + .table td{ + text-align: right; + padding-left: 50%; + text-align: right; + position: relative; + } + .table td::before{ + content: attr(data-label); + position: absolute; + left:0; + width: 50%; + padding-left:15px; + font-size:15px; + font-weight: bold; + text-align: left; + } + .table{ + margin-left: -23px; + } + +} + + +@media (max-width: 400px) { + + .table, .table tbody, .table tr, .table td{ + display: block; + width: 88%; + } +} + + + + diff --git a/style/nav_style.css b/style/nav_style.css new file mode 100644 index 0000000..80eb892 --- /dev/null +++ b/style/nav_style.css @@ -0,0 +1,292 @@ + +:root{ + --blue: #265397; + --orange: #DC950B; + --white: #fff; + --grey: #f5f5f5; + --black1: #222; + --black2: #999; + --blue2: #9ac3f8; + --header-height : 50px; + --footer-height : 70px; + --navbarwidth: 244px; + --naviconwidth: 58px; +} + +body { + /*margin: var(--header-height) 0 var(--footer-height) 0; + */margin: auto; + font-family: Roboto; + padding-top: 50px; +} + +.preload *{ + transition: none !important; +} + +.header , .nav-bar{ + margin: auto; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: var(--header-height); + border: none; + display: flex; +} + +.header{ + background: var(--blue); +} + +.header-button{ + width: var(--header-height); + height: var(--header-height); + flex-shrink: 0; + background: var(--blue); + outline: none; + border: none; + color: var(--white); + cursor: pointer; + margin-left: 8px; +} + +.date{ + padding-top: 15px; + padding-left: 25px; + color: #000000; + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + font-style: italic; + font-weight: 700; + font-size: 18px; +} + +.nav-bar{ + background: var(--blue); +} + +.nav-links{ + margin-top: 50px; + position: fixed; + top: 0; + left: 0; + z-index: 2; + height: 100vh; + width: var(--navbarwidth); + background: var(--blue); + transform: translateX(-244px); + transition: transform 0.3s; +} + +.nav-icons{ + margin-top: 50px; + position: fixed; + top: 0; + left: 0; + z-index: 2; + height: 100vh; + width: var(--naviconwidth); + background: var(--blue); + transform: translateX(0); + transition: transform 0.3s; +} + +.nav-links .nav-bar .nav-header-button{ + width: var(--header-height); + height: var(--header-height); + flex-shrink: 0; + background: none; + outline: none; + border: none; + color: #ffffff; + cursor: pointer; +} + +.nav-links .nav-bar .close-img{ + width: fit-content; + height: 50px; +} + +.nav-open .nav-links{ + transform: translateX(0); +} + +.nav-link{ + display: flex; + height: 20px; + align-items: center; + color: #ffffff; + font-size: 10px; + text-decoration: none; + padding: 10px 15px; + background: transform 0.2s; + margin-left: 8px; +} + +.nav-link:nth-child(1){ + margin-top: 4px; +} + +.nav-links > a i::before{ + padding-right: 25px; +} + +.nav-links span{ + font-size: 16px; +} + +.nav-link-active{ + color: black; + background: var(--white); + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; +} + +.nav-link:hover{ + color: black; + font-size: 20px; + background: var(--blue2); + border-top-left-radius: 15px; + border-bottom-left-radius: 30px; + border-top-right-radius: 30px; + border-bottom-right-radius: 0px; +} + +.nav-link-active:hover{ + background: var(--white); + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} + +.nav-overlay{ + position: fixed; + top: 0; + left:0; + width: var(--navbarwidth); + height: 100vh; + visibility: hidden; + opacity: 1; + transition: opacity 0.3s; +} + +.nav-open .nav-overlay { + visibility: visible; + opacity: 1; +} + +.footer{ + margin: auto; + bottom: 0; + width: 100%; + height: var(--footer-height); + border: none; + display: flex; + background: var(--blue2); + font-size: 14px; +} + +.footer-data{ + width: 100%; + padding-top: 15px; + padding-bottom: 10px; + align-content: center; + color: var(--blue); + text-align: center; +} + +/*.notification { + position: absolute; + right: 20%; + padding-top: 15px; + display: block; + }*/ + +.notification i{ + color: #000000; + } + +.notification i:hover{ + color: var(--white); + } + + .container{ + display: grid; + /*margin-top: var(--header-height);*/ + /*margin-left: var(--naviconwidth);*/ +} + +@media (min-width: 800px) { + + .notification { + position: absolute; + right: 25%; + padding-top: 15px; + margin-right: 10px; + } + + .open-img{ + width: 199px; + border-bottom-right-radius: 10px; + border-top-right-radius: 10px; + } + + .user-login{ + position: absolute; + right: 125px; + padding-top: 15px; + display: flex; + } + + .img-rounded-circle{ + position: absolute; + right: 2%; + border-radius: 50%; + width:50px; + height: 50px; + } + + .containerN{ + margin-left: var(--navbarwidth); + } +} + +@media (max-width: 799px) { + .open-img{ + visibility: hidden; + } + + .date{ + visibility: hidden; + } + + .notification { + position: absolute; + right: 70%; + padding-top: 15px; + } + + .user-login{ + position: absolute; + right: 125px; + padding-top: 15px; + display: flex; + visibility: none; + } + + .img-rounded-circle{ + position: absolute; + right: 2%; + border-radius: 50%; + width: 50px; + height: 50px; + display: block; + } + + .nav-overlay{ + background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px); + } + +} \ No newline at end of file diff --git a/style/navbar_style.css b/style/navbar_style.css index 845517c..2eb0ece 100644 --- a/style/navbar_style.css +++ b/style/navbar_style.css @@ -1,16 +1,27 @@ -body{ - --header-height : 50px; +:root{ + --blue: #265397; + --orange: #DC950B; + --white: #fff; + --grey: #f5f5f5; + --black1: #222; + --black2: #999; + --blue2: #9ac3f8; + --header-height : 50px; --footer-height : 70px; + --navbarwidth: 244px; + --naviconwidth: 58px; +} + +body { margin: var(--header-height) 0 0 var(--footer-height); margin: auto; - font-family: sans-serif; + font-family: Roboto; } .preload *{ transition: none !important; } - .header , .nav-bar{ margin: auto; position: fixed; @@ -23,75 +34,60 @@ body{ } .header{ - background: #33628C; -} - -.footer{ - margin: auto; - position: fixed; - margin-top: 608px; - width: 100%; - height: var(--footer-height); - border: none; - display: flex; - background: #C2D3E2; - font-size: 14px; - -} - -.footer-data{ - width: 100%; - padding-top: 10px; - padding-bottom: 10px; - align-content: center; - color: #716D6D; - text-align: center; -} - -.nav-bar{ - background: #33628C; + background: var(--blue); } .header-button{ width: var(--header-height); height: var(--header-height); flex-shrink: 0; - background: #33628C; + background: var(--blue); outline: none; border: none; - color: #ffffff; + color: var(--white); cursor: pointer; + margin-left: 8px; } .date{ padding-top: 15px; padding-left: 25px; color: #000000; - font-family:sans-serif; + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-style: italic; font-weight: 700; font-size: 18px; } -.open-img{ - width: 195px; +.nav-bar{ + background: var(--blue); } .nav-links{ margin-top: 50px; - padding-top: 50px; position: fixed; top: 0; left: 0; z-index: 2; height: 100vh; - width: 244px; - background: #33628C; + width: var(--navbarwidth); + background: var(--blue); transform: translateX(-244px); transition: transform 0.3s; - } +.nav-icons{ + margin-top: 50px; + position: fixed; + top: 0; + left: 0; + z-index: 2; + height: 100vh; + width: var(--naviconwidth); + background: var(--blue); + transform: translateX(0); + transition: transform 0.3s; +} .nav-links .nav-bar .nav-header-button{ width: var(--header-height); @@ -115,16 +111,19 @@ body{ .nav-link{ display: flex; - height: 30px; + height: 20px; align-items: center; color: #ffffff; - font-size: 14px; + font-size: 10px; text-decoration: none; - padding: 12px 15px; + padding: 10px 15px; background: transform 0.2s; - + margin-left: 8px; } +.nav-link:nth-child(1){ + margin-top: 4px; +} .nav-links > a i::before{ padding-right: 25px; @@ -132,38 +131,91 @@ body{ .nav-links span{ font-size: 16px; - font-family:sans-serif; } .nav-link-active{ - color: white; - background: rgba(255, 253, 253, 0.13); + color: black; + background: var(--white); + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; } .nav-link:hover{ - background: rgba(255, 253, 253, 0.363); + color: black; + font-size: 20px; + background: var(--blue2); + border-top-left-radius: 15px; + border-bottom-left-radius: 30px; + border-top-right-radius: 30px; + border-bottom-right-radius: 0px; } +.nav-link-active:hover{ + background: var(--white); + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} .nav-overlay{ position: fixed; top: 0; left:0; - width: 100%; + width: var(--navbarwidth); height: 100vh; visibility: hidden; opacity: 1; transition: opacity 0.3s; } -.nav-open .nav-overlay{ +.nav-open .nav-overlay { visibility: visible; opacity: 1; } +.footer{ + margin: auto; + bottom: 0; + width: 100%; + height: var(--footer-height); + border: none; + display: flex; + background: var(--blue2); + font-size: 14px; +} -@media (min-width: 800px) { +.footer-data{ + width: 100%; + padding-top: 15px; + padding-bottom: 10px; + align-content: center; + color: var(--blue); + text-align: center; +} + +/*.notification { + position: absolute; + right: 20%; + padding-top: 15px; + display: block; + }*/ + +.notification i{ + color: #000000; + } + +.notification i:hover{ + color: var(--white); + } + + .container{ + display: grid; + /*margin-top: var(--header-height);*/ + margin-left: var(--naviconwidth); +} +@media (min-width: 800px) { .notification { position: absolute; @@ -172,29 +224,34 @@ body{ margin-right: 10px; } - .notification i{ - color: #000000; + + .open-img{ + width: cover; + border-bottom-right-radius: 10px; + border-top-right-radius: 10px; } .user-login{ position: absolute; - right: 16%; + right: 125px; padding-top: 15px; display: flex; } .img-rounded-circle{ position: absolute; - right: 5%; + right: 2%; border-radius: 50%; width:50px; height: 50px; } - + + .containerN{ + margin-left: var(--navbarwidth); + } } -@media (max-width: 799px) { - +@media (max-width: 799px) { .open-img{ visibility: hidden; } @@ -208,29 +265,27 @@ body{ right: 70%; padding-top: 15px; } - - .notification i{ - color: #000000; - } - + .user-login{ position: absolute; - right: 40%; + right: 125px; padding-top: 15px; display: flex; - visibility: hidden; + visibility: none; } .img-rounded-circle{ position: absolute; - right: 5%; + right: 2%; border-radius: 50%; - width:50px; + width: 50px; height: 50px; + display: block; } -} - - - - + .nav-overlay{ + background: rgba(87, 87, 87, 0.5); + backdrop-filter: blur(1px); + } + +} \ No newline at end of file diff --git a/style/notification_style.css b/style/notification_style.css new file mode 100644 index 0000000..30ce14c --- /dev/null +++ b/style/notification_style.css @@ -0,0 +1,67 @@ +.notification{ + display: inline-block; +} + +.icon{ + padding: 5px; + font-size: 16px; + background: none; + border: transparent; + cursor: pointer; +} + +.badge{ + background-color: var(--grey); + border-radius: 50%; + padding: 0px 4px; + position: absolute; + top: 10px; + right: -2px; + font-size: 12px; + font-weight: bold; + +} + +.list{ + background: var(--grey); + display: none; + position: absolute; + min-width: 200px; + z-index: 1; + border-radius: 10px; + font-family: Arial; + font-size: 14px; + right: -80px; +} + +.list a{ + text-decoration: none; + color: var(--black); + padding: 12px 16px; + display: block; + border-radius: 10px; +} + +.list a:hover{ + background-color: #ddd; +} + +.notification:hover .list{ + display: block; +} + +.notification:hover .icon{ + background-color: var(--blue); +} + +@media (min-width: 800px) { + + + +} + +@media (max-width: 799px) { + + + +} \ No newline at end of file diff --git a/style/report_style.css b/style/report_style.css new file mode 100644 index 0000000..7cf4c1a --- /dev/null +++ b/style/report_style.css @@ -0,0 +1,89 @@ + +.container{ + background-color: var(--grey); +} + +.item1{ + grid-area: one; + margin-left: 10px; + margin-right: 5px; + margin-bottom: 1%; + padding: 3% 5% 1% 5%; + background-color: var(--white); +} + +.back_arrow{ + float: left; +} + +.back_arrow i{ + color: var(--orange); +} + +.right-icons{ + float: right; + margin-right: 1%; + margin-top: 0px; +} + +.fabtn{ + background: transparent; + border: transparent; + font-size: 18px; + padding: 10px; +} + +.fabtn:hover{ + background-color: var(--black2); + border-radius: 50%; + padding: 10px; +} + +.item2{ + grid-area: two; + padding: 1% 8% 1% 8%; + margin-right: 5px; + margin-left: 10px; + background-color: var(--white); + height: 842px; +} + +.item2 h2{ + text-align: center; +} + +.item2 span{ + font-family: Sans-serif; + float:right; +} + +.container{ + display: grid; + grid-template-areas: 'one' 'two'; +} + +@media (min-width: 800px){ + +} + +@media (max-width: 799px){ + +} + +@media print{ + .header{ + display: none; + } + + .container .item1{ + display: none; + } + + .footer{ + display: none; + } + + .container{ + background-color: var(--white); + } +} \ No newline at end of file diff --git a/style/resetPassword_style.css b/style/resetPassword_style.css new file mode 100644 index 0000000..00a6091 --- /dev/null +++ b/style/resetPassword_style.css @@ -0,0 +1,202 @@ +*{ + margin: 0; + padding: 0; + border: 0; + box-sizing:border-box; +} +.container:after { + + display: table; + clear: both; + } +.left { + float: left; + width: 50%; + padding: 10px; + height: 100vh; /* Should be removed. Only for demonstration */ + background-color: #ffffff; + } + +.right{ + float: left; + width: 50%; + padding: 10px; + height: 100vh; /* Should be removed. Only for demonstration */ + background-color: #ffffff; + } + .form{ + text-align: center; + +} +.form h1{ + color: #b5720d; + margin-bottom: 70px; + margin-top: 50px; + font-weight: 500; + font-size: 30pt; + text-align:center; + +} + +span{ + color: #265397; +} +.box{ + margin-top: -40px; +} +.verifi{ + color:#000; + font-size: 15pt; + margin-left: -160px; + margin-top: 100px; +} +.new_pass{ + color:#000; + font-size: 15pt; + margin-left: -180px; + margin-top: 100px; +} +.confirm_pass{ + color:#000; + font-size: 15pt; + margin-left: -105px; + margin-top: 100px; +} +.input[type="password"]{ + width: 300px; + height: 40px; + margin-top: 0px; + margin-bottom: 35px; + border-radius: 5px; + border: transparent; + background-color: rgb(225, 229, 231); + padding-left: 10px; + font-size:12pt; + /*border: 1px solid #050e91;*/ +} +.input[type="text"]{ + width: 300px; + height: 40px; + margin-top: 5px; + margin-bottom: 35px; + border-radius: 5px; + border: transparent; + background-color: rgb(225, 229, 231); + padding-left: 10px; + font-size:12pt; + /*border: 1px solid #050e91;*/ +} + +.box input:focus{ + outline: none !important; +} + +.button{ + width: 300px; + height: 50px; + margin-top: 20px; + margin-bottom: 30px; + border-radius: 5px; + border: transparent; + font-family: Arial, Helvetica, sans-serif; + font-size: 12pt; + color: #b5720d; + background-color: #265397; + font-weight: 600; + cursor: pointer; +} + +.button:hover{ + background-color: #103875; +} +h4{ + color: #fff; + margin-bottom: 10px; +} +a{ + color:#b5720d; + text-decoration:none; +} +.right-side{ + float: left; + width: 50%; + padding: 10px; + height: 100vh; + background-color:#132144; +} + +.text1{ + text-align:left; + padding: 80px 80px; + float:center; + font-size:15pt; + color: #DFB2B2; + margin-right: 80px;; + +} +.text2{ + text-align:left; + font-size:8pt; + margin-top: 40px; + /* margin-bottom: 120px; */ + margin-left: 80px; + margin-right: 80px; + /* margin-bottom: 50px; */ + color:rgb(5, 5, 5); +} +ul{ + font-size: 15pt; + margin-left: 40px; +} +.image{ + width: 75%; + height:75%; + margin-left: 60px; + + +} + + + @media screen and (max-width: 800px) { + .left{ + width: 100%; + } + .right{ + width: 100%; + } + .image{ + height: 60%; + width: 80%; + margin-right: 50px; + } + } + @media screen and (max-width: 420px) { + .text1{ + padding: 30px 30px; + margin-right: 30px; + } + .text2{ + margin-left: 30px; + margin-right: 30px; + margin-bottom: 30px; + } + } + @media screen and (max-width: 340px) { + .form h1{ + font-size:28pt; + margin-top: 50px; + + } + .input[type="email"]{ + width:80vw; + } + .email{ + margin-left: -45px; + } +} +@media screen and (max-width: 290px) { + + .email{ + margin-left: -10px; + } +} \ No newline at end of file diff --git a/style/teamProgress_style.css b/style/teamProgress_style.css new file mode 100644 index 0000000..9dd2d7f --- /dev/null +++ b/style/teamProgress_style.css @@ -0,0 +1,246 @@ +table,td,th { + border-collapse: collapse; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 10px; + text-align: left; + border: 1px solid rgb(255, 255, 255); +} + +tr{ + border-top: 2px solid #ddd; + color: black; +} + +#mytable{ + width: 100%; +} + +#Pending { + background: #777676; + text-align: center; + color: white; +} + +#InProgress { + background: #1b80df; + text-align: center; + color: white; +} + +#Completed { + background: #f5e721; + text-align: center; + color: white; +} + +#Approved { + background: #1ab841; + text-align: center; + color: white; +} + +#ReAssigned { + background: #d3660d; + text-align: center; + color: white; +} + +#Overdue { + background: #cc3131; + text-align: center; + color: white; +} + +#add{ + width: 50px; +} + +.add{ + border: none; + background-color: transparent; +} + +.add i{ + color: rgb(167, 167, 168); + border-radius: 5px; + cursor: pointer; +} + +.member{ + width: 100%; + height: 50px; + border-top:2px solid white; + border-bottom:2px solid white; + display: flex; + flex-direction: row; + background-color: #9ac3f8; + margin: auto; +} + +.member > div { + flex: 1 1 0px; + text-align: center; + padding-top: 15px; +} + +.member:hover{ + background-color: #9ac3f888; +} + +.view{ + background-size:cover; + width: 25px; + height: 25px; + background-image: url('../Asserts/avator.jpg'); + cursor:pointer; + border: none; + border-radius: 10px; +} + +@media (min-width: 800px) { + + main{ + margin-top: 75px; + } + + table{ + width: 85%; + } + + .item2 { grid-area: left; } + + .container { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'left'; + height: max-content; + background-color: #ffffff; + margin-left: 20px; + margin-right: 20px; + } + + .containerN { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'left'; + height: max-content; + background-color: #ffffff; + margin-left: 244px; + margin-right: 20px; + + } + + .item2{ + display: block; + width: 80%; + border: #d3d2d2; + box-shadow: 1px solid #d3d2d2; + margin: auto; + } + + .popup { + display: none; + width: 100%; + height: 100%; + top: 0; + left: 0; + position: fixed; + background-color: rgba(50, 50, 50, 0.808); + } + + .form-popup { + margin:100px auto; + background-color: #f5f5f5; + border: 3px solid #f1f1f1; + border-radius: 5px; + padding: 10px; + width: 600px; + } + + .popup .button{ + float: right; + background-size:cover; + width: 25px; + height: 25px; + /*background-image: url('../Asserts/close.jpg');*/ + cursor:pointer; + border: none; + background-color: transparent; + } + + .popup .button span{ + font-size: 18pt; + color: gray; + } +} + +@media (max-width: 799px) { + + main{ + margin-top: 75px; + } + + table{ + margin: auto; + width: 600px; + } + + .item2{ + overflow-x: auto; + } + + .item2 { grid-area: left; } + + .container { + margin-bottom: 50px; + display: grid; + grid-template-areas: + 'left'; + margin-left: 15px; + margin-right: 15px; + } + + .item2{ + width: 100%; + margin: auto; + } + + .popup { + display: none; + width: 100%; + height: 100%; + top: 0; + left: 0; + position: fixed; + background-color: rgba(50, 50, 50, 0.808); + } + + .form-popup { + background-color: #f5f5f5; + border: 3px solid #f1f1f1; + border-radius: 5px; + width: fit-content; + padding: 5px; + margin: 100px auto; + } + + .popup .button{ + float: right; + background-size:cover; + width: 25px; + height: 25px; + /*background-image: url('../Asserts/close.jpg');*/ + cursor:pointer; + border: none; + background-color: transparent; + } + + .popup .button span{ + font-size: 18pt; + color: gray; + } + +} \ No newline at end of file diff --git a/views/adminHome.php b/views/adminHome.php new file mode 100644 index 0000000..620cc8b --- /dev/null +++ b/views/adminHome.php @@ -0,0 +1,220 @@ + + + + + + + + + + + + Co-WMS + + + +
+ + + +
+ + +
+
+ +
+
+ + + +
+
+
+
+
+ +

+ +
+
+
+
+
+ + + emp; + if(!empty($emp)){ + foreach($emp as $row){ + echo ''; + echo''; + echo ''; + echo ''; + echo ''; + echo''; + } + }else{ + echo "No records found"; + } + ?> + +
IDNameRoleAction
'.$row['EmpID'].''.$row['EmpName'].''.$row['EmpRole'].''.''.''.''.'
+
+
+
+
+ + + + \ No newline at end of file diff --git a/views/assignTasksMember.php b/views/assignTasksMember.php new file mode 100644 index 0000000..bbe92ac --- /dev/null +++ b/views/assignTasksMember.php @@ -0,0 +1,375 @@ + + + + + + + + + + + + + Document + + + + +
+ + + + +
+ + + +
+ + +
+ +
+ + Add Task + + + Assign Task + + + Back + +
+ +
+ +
+ +
+ + +
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + users; + + + foreach ($result as $row) { + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + } + + ?> + + + + + +
Task IDTask NameAssigned TimeAssigned ToRequired TimeDue DateStatusviewEdit
' . $row['1'] . '' . $row['0'] . '' . $row['3'] . '' . $row['4'] . '' . $row['6'] . '' . $row['7'] . '' . $row['8'] . '
+
+ +
+ +
+ +
+ + + +
+ +
+ +
+ +
+

Sub Task Progress

+
+
+ +
+ + + +
+
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/views/assignTasksTeam.php b/views/assignTasksTeam.php new file mode 100644 index 0000000..ef9dd35 --- /dev/null +++ b/views/assignTasksTeam.php @@ -0,0 +1,217 @@ + + + + + + + + + + + + + + Document + + + + +
+ + + +
+ + + + +
+ + + +
+ +
+ + Add Task + + + Assign Task + +
+ + +
+
+
+ + + + + + + + + + + + + + + users; + + foreach ($result as $row) { + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + } + + ?> + + + +
' . $row['0'] . '' . $row['1'] . '' . $row['2'] . '' . $row['3'] . '
+ +
+
+
+ +
+ + + + + + + + + \ No newline at end of file diff --git a/views/deptManageTask.php b/views/deptManageTask.php new file mode 100644 index 0000000..c00f1b1 --- /dev/null +++ b/views/deptManageTask.php @@ -0,0 +1,346 @@ + + + + + + + + + + + + + + Document + + + + + task; + + if (!empty($_SESSION['addTask'])) { + + if ($_SESSION['addTask'] == "yes") { + echo ''; + $_SESSION['addTask'] = NULL; + } else if ($_SESSION['addTask'] == "no") { + echo ''; + $_SESSION['addTask'] = NULL; + } + } + + + ?> + +
+ + + +
+ + + + +
+ + + + + +
+ +
+ + Add Task + + + Assign Task + +
+ +
+ +
+ +
+ + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + '; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + + $i=$i+1; + } + + ?> + + + +
Team IDTeamTasksDeleteEdit
' . $row['0'] . '' . $row['1'] . '' . $row['2'] . '
+ +
+ +
+ +
+ + +

Add new task

+
+ + +
+ +
+

Sub Tasks

+
+
+
+
+ +
+ +
+
+ +
+ + +
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/views/dptleaveApproved.php b/views/dptleaveApproved.php new file mode 100644 index 0000000..ef12e9f --- /dev/null +++ b/views/dptleaveApproved.php @@ -0,0 +1,222 @@ + + + + + + + + + + + + + CO-WMS + + + +
+ + + +
+
+ +
+
+ + + +
+
+
+ +
+
+
+ +
+
+
+
+ + +
+
+
+ + + +
EmpIDCasual Leave05/10/2021 - 10/10/2021Approved
EmpIDSick Leave12/10/2021 - 13/10/2021Approved
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/views/dptleavePending.php b/views/dptleavePending.php new file mode 100644 index 0000000..3c41771 --- /dev/null +++ b/views/dptleavePending.php @@ -0,0 +1,193 @@ + + + + + + + + + + + + CO-WMS + + + +
+ + + +
+
Hello Admin
+ +
+
+ + + +
+
+
+ +
+
+
+ +
+
+
+ + +
EmpIDAnnual Leave15/12/2021 - 16/12/2021Pending
+
+
+
+
+ + + + \ No newline at end of file diff --git a/views/dptleavePendingview.php b/views/dptleavePendingview.php new file mode 100644 index 0000000..76102ad --- /dev/null +++ b/views/dptleavePendingview.php @@ -0,0 +1,198 @@ + + + + + + + + + + + + CO-WMS + + + +
+ + + +
+
Hello Admin
+ +
+
+ + + +
+
+
+ +
+
+
+
+ + + + + + + + +
EmpID : IT-TM-002
EmpName : D K Ruwan
Leave Type : Annual Leave
Duration : 15/12/2021 - 16/12/2021
Pending Tasks : None
Ongoing Tasks : 5
More Task Details
+ + +
+
+
+
+ + + + \ No newline at end of file diff --git a/views/empLeave.php b/views/empLeave.php new file mode 100644 index 0000000..a83709d --- /dev/null +++ b/views/empLeave.php @@ -0,0 +1,187 @@ + + + + + + + + + + + + CO-WMS + + + +
+ + + +
+
+ +
+
+ + + +
+
+
+
+ +
+
+
+ + +
EmpIDAnnual Leave15/12/2021 - 16/12/2021Pending
+
+
+
+
+ + + + \ No newline at end of file diff --git a/views/employeeWorkProgress.php b/views/employeeWorkProgress.php new file mode 100644 index 0000000..1cd0d10 --- /dev/null +++ b/views/employeeWorkProgress.php @@ -0,0 +1,263 @@ + + + + + + + + + + + Document + + + +
+ + + +
+ + + + + +
+ + + + +
+
+
+
All Employees
+
+
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProfileEmployeeEmployee IdTeam IdView
Kamal SilvaAC-TM-0041
Visal RajapakshaAC-TM-0072
T.R.A. KaluvitharanaAC-DM-0024
A.R.A. SilvaAC-TL-00112
S.S. MunasinhaAC-DM-0029
Binod KarunarathnaAC-DM-0025
S.M. AbewardhanaAC-TM-0073
A.A FernandoAC-TM-0105
S.S. VihansaAC-TM-0075
+ +
+
+
+ + + + + + + \ No newline at end of file diff --git a/views/forgotPassword.php b/views/forgotPassword.php new file mode 100644 index 0000000..50b77f8 --- /dev/null +++ b/views/forgotPassword.php @@ -0,0 +1,50 @@ + + + + + + + + + + Document + + + +
+
+
+ +

Forgot Password

+ +
+
+
+ + +

Or

+ + +
+ +
+ +
+
+ + + +
+
+ + + + \ No newline at end of file diff --git a/views/home.php b/views/home.php new file mode 100644 index 0000000..95ab09c --- /dev/null +++ b/views/home.php @@ -0,0 +1,39 @@ + + + + + + + + + Welcome to CO-WMS + + +
+ +

Welcome to the Home page of CO-WMS

+ +
+

Welcome to the Home page of CO-WMS

+
+
+ +
+
+ +
+
+ +
+
+
+

CO-WMS

No: 23, Flower Avenue, Colombo 7, Sri Lanka.

+      + +

+
+ + + \ No newline at end of file diff --git a/views/homepage.php b/views/homepage.php deleted file mode 100644 index bb16ce0..0000000 --- a/views/homepage.php +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - - - Document - - - -
- - - - Log In - - -
- -
-
- -
- -
-
-
Location
ABC IT No XX, ReidCon Avenue, Colombo
-
Contact
+94 11 2355789
-
Email
officialmail@abcit.com
-
-
- -
- - - - - - - \ No newline at end of file diff --git a/views/landingpage.php b/views/landingpage.php index 0feca3a..9f673b2 100644 --- a/views/landingpage.php +++ b/views/landingpage.php @@ -1,164 +1,245 @@ - - - - - - - - - - - Document - - - -
- - - -
- - - - -
- - - - - -
-
-
Assigned Tasks
-
Completed Tasks
-
Approved Tasks
-
Pending Tasks
-
Total hours the month 160 hrs - -
-
Tasks vs Hours - -
-
- -
- - - - - - + + + + + + + + + + + + + Document + + + +
+ + + +
+ + + + +
+ + + + +
+
+ + data; + $hours = $this->hours; + + $a = 0; + $b = 0; + $c = 0; + $d = 0; + + for ($i = 0; $i < count($hours); $i++) { + + if ($hours[$i][0] == "Approved") + $a = $hours[$i][1]; + elseif ($hours[$i][0] == "Completed") + $b = $hours[$i][1]; + elseif ($hours[$i][0] == "InProgress") + $c = $hours[$i][1]; + elseif ($hours[$i][0] == "Pending") + $d = $hours[$i][1]; + } + + ?> + +
InProgress Tasks
+
Completed Tasks
+
Approved Tasks
+
Pending Tasks
+
Total hours the month 160 hrs + +
+
Tasks vs Hours + +
+
+ +
+ + + + + + + + \ No newline at end of file diff --git a/views/leaderManageTask.php b/views/leaderManageTask.php new file mode 100644 index 0000000..22a6e6e --- /dev/null +++ b/views/leaderManageTask.php @@ -0,0 +1,349 @@ + + + + + + + + + + + + + Document + + + + +
+ + + + +
+ + + +
+ + +
+ +
+ +
+ +
+ + +
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + users; + + if ($result != NULL) { + + + foreach ($result as $row) { + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + } + } + ?> + + + + + +
Task IDTask NameAssigned TimeAssigned ToRequired TimeDue DateStatusviewEdit
' . $row['1'] . '' . $row['0'] . '' . $row['3'] . '' . $row['4'] . '' . $row['6'] . '' . $row['7'] . '' . $row['8'] . '
+
+ +
+ +
+ +
+ + + +
+
+

Sub Task Progress

+
+
+
+ +
+
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/views/login.php b/views/login.php index 40ce497..b046f68 100644 --- a/views/login.php +++ b/views/login.php @@ -21,9 +21,9 @@

Get Started

-
document.getElementById("msg").style.display="block";'; } @@ -37,7 +37,7 @@
diff --git a/views/manageAccess.php b/views/manageAccess.php new file mode 100644 index 0000000..75f3127 --- /dev/null +++ b/views/manageAccess.php @@ -0,0 +1,251 @@ + + + + + + + + + + + + Document + + + +
+ + + + + + +
+
+ + + +
+
+
+ +
+
+
+ + emp; + if(!empty($emp)){ + foreach($emp as $row){ + echo ''; + echo''; + echo ''; + echo ''; + } + }else{ + echo "No records found"; + } + ?> +
IDNameRole
'.$row['EmpID'].''.$row['EmpName'].''.$row['EmpRole'].'
+
+
+
+ res1; + if(!empty($res1)){ + foreach($res1 as $row1){ + $profile = $row1['MyProfile']; + $login = $row1['LoginAccess']; + $admin = $row1['AdminAccess']; + $member = $row1['MemberAccess']; + $leader = $row1['LeaderAccess']; + $manager = $row1['ManagerAccess']; + $hr = $row1['HRAccess']; + } + }else{ + $profile = false; + $login = false; + $admin = false; + $member = false; + $leader = false; + $manager = false; + $hr = false; + } + ?> + res; + } + ?> + Login Access       + />

+ My Profile           + />

+ Admin Access     + />

+ Member Access   + />

+ Leader Access     + />

+ Manager Access  + />

+ HR Access           + />

+ + +
+
+
+
+
+
+ +
+ + + \ No newline at end of file diff --git a/views/manageDepartment.php b/views/manageDepartment.php new file mode 100644 index 0000000..61d10c9 --- /dev/null +++ b/views/manageDepartment.php @@ -0,0 +1,222 @@ + + + + + + + + + + + Document + + + +
+ + + +
+ + + + +
+ + + + +
+
+
+
All Departments
+
+
+ +
+
+
+
+ +
+
+
+
+ + + + + + + + + + + + + + + + users; + // print_r($result); + foreach ($result as $row){ + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + // echo ''; + echo ''; + } + ?> + + + + +
Department IdDepartment NameDepartment Manager IDEdit
' . $row['DeptID'] . '' . $row['DeptName'] . '' . $row['Dept_Manager'] . '
+ +
+
+
+ + + + + + \ No newline at end of file diff --git a/views/manageDepartmentAdd.php b/views/manageDepartmentAdd.php new file mode 100644 index 0000000..cd913a3 --- /dev/null +++ b/views/manageDepartmentAdd.php @@ -0,0 +1,192 @@ + + + + + + + + + + + + Document + + + +
+ + + +
+ + + + +
+ + + + + department; + if (!empty($_SESSION['add-department'])) { + if ($_SESSION['add-department'] == "yes") { + echo ''; + $_SESSION['add-department'] = null; + } else if ($_SESSION['add-department'] == "no") { + echo ''; + $_SESSION['add-department'] = null; + } + } + + + ?> + + + +
+
+
+
+
Add New Department
+ +
+ + +
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+ + + Back + + +
+ +
+
+ +
+
+ + + + + \ No newline at end of file diff --git a/views/manageDepartmentEditDelete.php b/views/manageDepartmentEditDelete.php new file mode 100644 index 0000000..8bbc752 --- /dev/null +++ b/views/manageDepartmentEditDelete.php @@ -0,0 +1,301 @@ + + + + + + + + + + + + Document + + + +
+ + + +
+ + + + + +
+ + + + +
+ +
+ +
+
+

Edit Department

+
+ +
+
+ +
+
+ + +
+ +
+ +
+ + + + + + + + +
+ +
+ + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProfileNameEmployee ID
Karunaratne W.S.P.KAC-TM-001 + + + +
Madushani P.P.LAC-TM-005 + +
Praveena W.KAC-DM-001 + +
Abewardane A.DAC-TL-004 + +
Kumarasinghe H.J.KAC-TL-004 + +
Fernando RAC-TM-010 + +
G.H.J.K de SilvaAC-DM-007 + +
+ +
+
+ + +
+ + +
+ + + +
+ +
+ + + + + \ No newline at end of file diff --git a/views/manageEmployee.php b/views/manageEmployee.php new file mode 100644 index 0000000..c02b704 --- /dev/null +++ b/views/manageEmployee.php @@ -0,0 +1,225 @@ + + + + + + + + + + + + Document + + + + +
+ + + +
+ + + +
+ + + + + +
+
+ + +
+
All Employees
+
+ + + +
+
+
+ +
+
+
+ +
+ + + + + + + + + + + + + + + + + users; + // print_r($result); + foreach ($result as $row) { + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + // echo ''; + echo ''; + echo ''; + echo ''; + } + + ?> + + +
Employee IdEmployee NameEmailRoleEditTerminate
' . $row['EmpID'] . '' . $row['EmpName'] . '' . $row['EmpEmail'] . '' . $row['EmpRole'] . '
+ +
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/views/manageEmployeeAdd.php b/views/manageEmployeeAdd.php new file mode 100644 index 0000000..fdbe66d --- /dev/null +++ b/views/manageEmployeeAdd.php @@ -0,0 +1,316 @@ + + + + + + + + + + + + + Document + + + + + swal("Success!", "New record created successfully and Email sent", "success")'; + $_SESSION['add-emp-msg'] = null; + } else if ($_SESSION['add-emp-msg'] == "Fialed to add New Employee password") { + echo ''; + $_SESSION['add-emp-msg'] = null; + } else if ($_SESSION['add-emp-msg'] == "Fialed to add New Employee") { + echo ''; + $_SESSION['add-emp-msg'] = null; + } + } + + ?> + +
+ + + +
+ + + +
+ + + + + + +
+ +
+ +
+
Add Employee
+ +
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+ depts; + ?> +
+
+
+ +
+ teams; + ?> +
+
+
+ + +
+
+
+
+
+
+
+
+ + +
+ Back +
+
+ +
+ +
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/views/manageEmployeeEditDelete.php b/views/manageEmployeeEditDelete.php new file mode 100644 index 0000000..3e9f1d8 --- /dev/null +++ b/views/manageEmployeeEditDelete.php @@ -0,0 +1,239 @@ + + + + + + + + + + + + + Document + + + +
+ + + +
+ + + + + +
+ + + + + employee; + if (!empty($_SESSION['edit-employee'])) { + if ($_SESSION['edit-employee'] == "yes") { + echo ''; + $_SESSION['edit-employee'] = null; + } else if ($_SESSION['edit-employee'] == "no") { + echo ''; + $_SESSION['edit-employee'] = null; + } + } + + + ?> + +
+
+
+
Edit Employee Details
+ +
+
+ users; + + ?> + + + + + + + +
+ +
+
+ ">
+
+
+
+ ">
+
+
+
+ ">
+
+ +
+
+
+
+ + + + +
+ Back +
+
+ + + +
+ +
+
+ +
+
+ + + + + + \ No newline at end of file diff --git a/views/manageTeam.php b/views/manageTeam.php new file mode 100644 index 0000000..41bc856 --- /dev/null +++ b/views/manageTeam.php @@ -0,0 +1,215 @@ + + + + + + + + + + + Document + + + +
+ + + +
+ + + + +
+ + + + +
+
+
+
All Teams
+
+
+ +
+
+
+
+ +
+
+
+
+ + + + + + + + + + + + + + users; + // print_r($result); + foreach ($result as $row){ + echo ''; + echo ''; + echo ''; + echo ''; + echo ''; + // echo ''; + echo ''; + } + ?> + + + +
Team IDTeam NameDepartment IDEdit
' . $row['TeamID'] . '' . $row['TeamName'] . '' . $row['DeptID'] . '
+ +
+
+
+ + + + + + + \ No newline at end of file diff --git a/views/manageTeamAdd.php b/views/manageTeamAdd.php new file mode 100644 index 0000000..2cf5b74 --- /dev/null +++ b/views/manageTeamAdd.php @@ -0,0 +1,201 @@ + + + + + + + + + + + + Document + + + +
+ + + +
+ + + + + +
+ + + + team; + if (!empty($_SESSION['add-team'])) { + if ($_SESSION['add-team'] == "yes") { + echo ''; + $_SESSION['add-team'] = null; + } else if ($_SESSION['add-team'] == "no") { + echo ''; + $_SESSION['add-team'] = null; + } + } + + + ?> + +
+
+
+
+
Add New Team
+ +
+ + +
+
+ +
+
+ + +
+ +
+
+ + +
+ + Back + + +
+ + + +
+ +
+ +
+
+ + + + + \ No newline at end of file diff --git a/views/manageTeamEditDelete.php b/views/manageTeamEditDelete.php new file mode 100644 index 0000000..9b63c04 --- /dev/null +++ b/views/manageTeamEditDelete.php @@ -0,0 +1,313 @@ + + + + + + + + + + + + Document + + + +
+ + + +
+ + + + +
+ + + + +
+ +
+ +
+
+

Edit Team

+
+ +
+
+ +
+
+ + +
+
+ +
+ +
+ +
+
+
+ +
+ +
+
+ + + + +
+ +
+ + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProfileNameEmployee ID
Karunaratne W.S.P.KAC-TM-001 + + + +
Madushani P.P.LAC-TM-005 + +
Praveena W.KAC-DM-001 + +
Abewardane A.DAC-TL-004 + +
Kumarasinghe H.J.KAC-TL-004 + +
Fernando RAC-TM-010 + +
G.H.J.K de SilvaAC-DM-007 + +
+ +
+
+ + +
+ + +
+ + + +
+ +
+ + + + + \ No newline at end of file diff --git a/views/myleaveApproved.php b/views/myleaveApproved.php new file mode 100644 index 0000000..8a0c5b5 --- /dev/null +++ b/views/myleaveApproved.php @@ -0,0 +1,272 @@ + + + + + + + + + + + + + + CO-WMS + + + +
+ + + + + + +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/views/myleavePending.php b/views/myleavePending.php new file mode 100644 index 0000000..785376d --- /dev/null +++ b/views/myleavePending.php @@ -0,0 +1,206 @@ + + + + + + + + + + + + + CO-WMS + + + +
+ + + + + + +
+ +
+ +
+ + + \ No newline at end of file diff --git a/views/myleaveRequest.php b/views/myleaveRequest.php new file mode 100644 index 0000000..9c8d718 --- /dev/null +++ b/views/myleaveRequest.php @@ -0,0 +1,220 @@ + + + + + + + + + + + + + CO-WMS + + + +
+ + + + + + +
+ +
+ +
+ + + \ No newline at end of file diff --git a/views/myprofile.php b/views/myprofile.php index a685c93..41abd02 100644 --- a/views/myprofile.php +++ b/views/myprofile.php @@ -1,126 +1,173 @@ - + - + + + Document - + - users; - //echo $_SESSION['password']; + $result = $this->users; + //echo $_SESSION['password']; - if(! empty($_SESSION['photo'])){ - if($_SESSION['photo']=="yes"){ - echo ''; - $_SESSION['photo']=null; - } - else if($_SESSION['photo']=="no") { - echo ''; - $_SESSION['photo']=null; - } - + if (!empty($_SESSION['photo'])) { + if ($_SESSION['photo'] == "yes") { + echo ''; + $_SESSION['photo'] = null; + } else if ($_SESSION['photo'] == "no") { + echo ''; + $_SESSION['photo'] = null; } - - if(! empty($_SESSION['pass'])){ - if($_SESSION['pass']=="yes"){ - echo ''; - $_SESSION['pass']=null; - } - else if($_SESSION['pass']=="no") { - echo ''; - $_SESSION['pass']=null; - } - + } + + if (!empty($_SESSION['pass'])) { + if ($_SESSION['pass'] == "yes") { + echo ''; + $_SESSION['pass'] = null; + } else if ($_SESSION['pass'] == "no") { + echo ''; + $_SESSION['pass'] = null; } - - ?> + } + + ?>
-
-
+ -
+
- - - -
-
-
- - - -
- - -
+ +
+ +
+ + + +
+ + +
-
-
+
+
@@ -129,45 +176,42 @@

- -
+

Reset Password

-
+
-
+
+ +
- +
- +
- - + + - + - + + \ No newline at end of file diff --git a/views/myprogressAccepted.php b/views/myprogressAccepted.php new file mode 100644 index 0000000..0b579f8 --- /dev/null +++ b/views/myprogressAccepted.php @@ -0,0 +1,283 @@ + + + + + + + + + + + Document + + + +
+ + + +
+ + + + +
+ + + + +
+
+ +
+ +
+
Accepted Tasks
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Task IdTask NameAssigned OnDue OnRequired TimeViewRemark
17organize a client meeting with ZOOM and collect details10/07/202118/07/20215 hrs
18Design the solution15/07/202110/07/202112 hrs
19Implement a business system in the test/QA environment21/05/202122/05/20212 hrs
15Collect verify the all the customer details11/09/202112/09/20213 hrs
12Install new software or hardware10/10/202123/10/202128 hrs
21Process documentation10/04/202112/04/20214 hrs
24Collect verify the all the customer details10/03/202115/03/20216 hrs
17Troubleshoot network issues13/07/202121/07/202116 hrs
+ + + +
+
+
+ + + + + + + \ No newline at end of file diff --git a/views/myprogressCompleted.php b/views/myprogressCompleted.php new file mode 100644 index 0000000..d9054bb --- /dev/null +++ b/views/myprogressCompleted.php @@ -0,0 +1,239 @@ + + + + + + + + + + + Document + + + +
+ + + +
+ + + + + +
+ + + + +
+
+
+ +
+
Completed Tasks
+
+ +
+
+ +
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Task IdTask NameDone OnApproved OnCovered Hours
1Design the solution10/07/202113/07/20215 hrs
2Install the product in the test/QA environment11/06/202127/06/202125 hrs
3Implement a business system in the test/QA environment10/07/202115/07/20215 hrs
4Prepare the production environment10/09/202114/09/202112 hrs
6Implement distributed data feeds in the production environment19/05/202123/05/202117 hrs
8Schedule jobs10/08/202014/08/202010 hrs
10Order prerequisite software23/09/202127/09/20216 hrs
14Collect verify the all the customer details10/01/202117/01/202117 hrs
+ +
+
+
+ + + + + \ No newline at end of file diff --git a/views/myprogressInprogressSelect.php b/views/myprogressInprogressSelect.php new file mode 100644 index 0000000..87f0806 --- /dev/null +++ b/views/myprogressInprogressSelect.php @@ -0,0 +1,232 @@ + + + + + + + + + + + Document + + + +
+ + + +
+ + + +
+ + + + + +
+
+ +
+
+ +
+
+ 0% + +
+

17

+

organize a client meeting with ZOOM and collect details.

+

Due On : 10/09/2021

+

Required Time : 2 hrs

+
+

Sub Tasks :

+ + + +
+ +
+ +
+ + + + + +
+ + +
+
+
+ + + + + + + diff --git a/views/myprogressOverdue.php b/views/myprogressOverdue.php new file mode 100644 index 0000000..2af3624 --- /dev/null +++ b/views/myprogressOverdue.php @@ -0,0 +1,260 @@ + + + + + + + + + + + Document + + + +
+ + + +
+ + + + + +
+ + + + + +
+
+ + +
+ +
+
Overdue Tasks
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Task IdTask NameAssigned OnDue OnDone OnReasonReason Status
5Research and procure IT hardware and supplies.10/10/202115/10/202116/10/2021Reject
7Assist in backup and recovery of digital assets.11/10/202116/10/202118/10/2021Approve
11Troubleshoot network issues12/10/202117/10/202119/10/2021Reject
13Process documentation.14/10/202119/10/202122/10/2021Approve
15Participate in IT inventory asset management.17/10/202120/10/202122/10/2021Approve
+ + +
+
+
+ + + + + + \ No newline at end of file diff --git a/views/myprogressPending.php b/views/myprogressPending.php new file mode 100644 index 0000000..953ef22 --- /dev/null +++ b/views/myprogressPending.php @@ -0,0 +1,314 @@ + + + + + + + + + + + + Document + + + +
+ + + +
+ + + + + +
+ + + + +
+
+ +
+ +
+
Pending Tasks
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Task IdTask NameAssigned OnDue OnRequired TimeViewAcceptRemark
3Collect verify the all the customer details10/07/202112/07/20215 hrs + +
5Order prerequisite software10/09/202112/09/20217 hrs + +
6Implement distributed data feeds in the production environment12/08/202121/08/202121 hrs + +
8Process documentation10/02/202112/02/20213 hrs + +
10Troubleshoot network issues10/11/202120/11/202117 hrs + +
11organize a client meeting with ZOOM and collect details01/05/202104/05/20213 hrs + +
+ + + +
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/views/nav_bar.php b/views/nav_bar.php new file mode 100644 index 0000000..f9fd7f9 --- /dev/null +++ b/views/nav_bar.php @@ -0,0 +1,180 @@ + + + + + + + + + + + Document + + + +
+ + + + + + +
+ +
+ +
+ + + \ No newline at end of file diff --git a/views/navbar.php b/views/navbar.php index bd6c534..1ec9549 100644 --- a/views/navbar.php +++ b/views/navbar.php @@ -4,18 +4,20 @@ - - + + + + Document - +
- - + -
- - - + + +
- - +
- +
+
- +
+ + + \ No newline at end of file diff --git a/views/navigation.js b/views/navigation.js new file mode 100644 index 0000000..4b4532d --- /dev/null +++ b/views/navigation.js @@ -0,0 +1,78 @@ +function setbutton(v1,v2,v3,v4,v5,v6){ + + + var MemberAccess = v1; + var MyProfile = v2; + var ManagerAccess = v3; + var LeaderAccess = v4; + var HRAccess = v5; + var AdminAccess = v6; + + f1(MemberAccess) + f2(MyProfile) + f3(ManagerAccess) + f4(LeaderAccess) + f5(HRAccess) + f6(AdminAccess) + +} + +function f1(MemberAccess){ + if(MemberAccess==0){ + + //none display will remove the div + document.getElementById("dashboard").style.display="none"; + document.getElementById("my_progress").style.display="none"; + document.getElementById("t_progress").style.display="none"; + document.getElementById("my_leave").style.display="none"; + } +} + +function f2(MyProfile){ + if(MyProfile==0){ + + document.getElementById("my_profile").style.display="none"; + + } +} + +function f3(ManagerAccess){ + if(ManagerAccess==0){ + + document.getElementById("d_dashboard").style.display="none"; + document.getElementById("d_progress").style.display="none"; + document.getElementById("manage_task_dpt").style.display="none"; + document.getElementById("d_leave").style.display="none"; + + } +} + +function f4(LeaderAccess){ + + if(LeaderAccess==0){ + + document.getElementById("manage_task_leader").style.display="none"; + document.getElementById("t_leave").style.display="none"; + + } +} + +function f5(HRAccess){ + if(HRAccess==0){ + + document.getElementById("emp_progress").style.display="none"; + document.getElementById("manage_emp").style.display="none"; + document.getElementById("emp_leave").style.display="none"; + } +} + +function f6(AdminAccess){ + if(AdminAccess==0){ + + document.getElementById("manage_access").style.display="none"; + + } +} + + + diff --git a/views/notifyMember.php b/views/notifyMember.php new file mode 100644 index 0000000..3919b30 --- /dev/null +++ b/views/notifyMember.php @@ -0,0 +1,178 @@ + + + + + + + + + + + Document + + + +
+ + + +
+ + +
+
Hello Admin
+ +
+
+ + + +
+
+
+ + + + \ No newline at end of file diff --git a/views/progressReport.php b/views/progressReport.php new file mode 100644 index 0000000..7f39b06 --- /dev/null +++ b/views/progressReport.php @@ -0,0 +1,212 @@ + + + + + + + + + + + + Document + + + +
+ + + +
+ + +
+
Hello Admin
+ +
+
+ + + +
+
+
+
+ +
+
+ + +
+
+
+

Employee Progress Report
Month of

+ Generated on -
+

Employee ID:
+ Employee Name:

+

Task Progress

+ Total Assigned Tasks:
+ Total Complted Tasks:
+ Pending Tasks:
+

Working Hours

+ Total Assigned Hours:
+ Total Complted Hours:
+ Pending Hours:
+

Leave Details

+ Leave taken for this Month:
+ Remaining Leaves:
+ Sick:   Annual:   Casual:   +
+
+
+
+ + + + \ No newline at end of file diff --git a/views/resetPassword.php b/views/resetPassword.php new file mode 100644 index 0000000..0a4caf8 --- /dev/null +++ b/views/resetPassword.php @@ -0,0 +1,110 @@ + + + + + + + + + + Document + + + +
+
+
+

Change Password

+ +
+
+
+
+
+
+
+
+
+ + + +
+ +
+ +
+
+ +
+

Password must have :

+
    +
  • Minimum 8 characters
  • +
  • English uppercase/lowercase letters
  • +
  • Numerals and Symbols
  • +
+
+ + +
+
+ + + + + + \ No newline at end of file diff --git a/views/teamLeave.php b/views/teamLeave.php new file mode 100644 index 0000000..2caea52 --- /dev/null +++ b/views/teamLeave.php @@ -0,0 +1,199 @@ + + + + + + + + + + + + + CO-WMS + + + +
+ + + +
+ + +
+
+ +
+
+ + + +
+
+
+
+ +
+
+
+ + +
EmpIDAnnual Leave15/12/2021 - 16/12/2021Pending
+
+
+
+
+ + + + \ No newline at end of file diff --git a/views/teamProgress.php b/views/teamProgress.php new file mode 100644 index 0000000..fb4f2a3 --- /dev/null +++ b/views/teamProgress.php @@ -0,0 +1,226 @@ + + + + + + + + + + + + + + Document + + + + +
+ + + +
+ + + + +
+ + + +
+ + +
+
+
+ + users; + + foreach ($result as $row) { + + echo '
+
' . $row['0'] . '
+
' . $row['1'] . ' h
+
' . $row['1'] . '
+
+
'; + } + + ?> + +
+
+
+ +
+ + + + + + + + + + + + + \ No newline at end of file