Jump to content

AirMail Skinning Help


Recommended Posts

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <title>Despacho Operacional | Intra Mail</title>
   <!-- Tell the browser to be responsive to screen width -->
   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
   <!-- Bootstrap 3.3.5 -->
   <link rel="stylesheet" href="http://localhost/Latam/lib/skins/LATAM/Painel/bootstrap/css/bootstrap.min.css">
   <!-- Font Awesome -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
   <!-- Ionicons -->
   <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
   <!-- Theme style -->
   <link rel="stylesheet" href="http://localhost/Latam/lib/skins/LATAM/Painel/dist/css/AdminLTE.min.css">
   <!-- AdminLTE Skins. We have chosen sthe skin-blue for this starter
	  page. However, you can choose any other skin. Make sure you
	  apply the skin class to the body tag so the changes take effect.
   -->
   <link rel="stylesheet" href="http://localhost/Latam/lib/skins/LATAM/Painel/dist/css/skins/skin-latam.min.css">
   <link rel="icon" href="http://localhost/Latam/lib/skins/LATAM/img/favicon.ico" type="image/x-icon"/>
   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
   <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
   <![endif]-->
	    <style>
 .widget{
 background-color:#2a0088;
 color:#ed1651;
 height:80px;
 width:80px;
  }
  .widget:hover{
 background-color:#ed1651;
 color:#FFF;
 border:1px solid #ed1651;
 transition-property:background-color color border;
 transition-duration:0.5s;
 transition-timing-function:ease-out;
 transition-delay: 0.1s;
  }
  .cor{
 color:#2a0088;
  }
  .roxo{
background-color:#2a0088;
color:#ed1651;
  }
 </style>
 </head>
 <!--
 BODY TAG OPTIONS:
 =================
 Apply one or more of the following classes to get the
 desired effect
 |---------------------------------------------------------|
 | SKINS		 | skin-blue							   |
 |			   | skin-black							  |
 |			   | skin-purple							 |
 |			   | skin-yellow							 |
 |			   | skin-red							    |
 |			   | skin-green							  |
 |---------------------------------------------------------|
 |LAYOUT OPTIONS | fixed								   |
 |			   | layout-boxed						    |
 |			   | layout-top-nav						  |
 |			   | sidebar-collapse					    |
 |			   | sidebar-mini						    |
 |---------------------------------------------------------|
 -->
 <body class="hold-transition skin-purple sidebar-mini" >
   <div class="wrapper">
  <!-- Main Header -->
  <header class="main-header">
    <!-- Logo -->
    <a href="#" class="logo">
	  <!-- mini logo for sidebar mini 50x50 pixels -->
	  <img src="http://localhost/Latam/lib/skins/LATAM/Painel/dist/img/logo-roxo-pequeno.png" alt="" class="logo-mini" width="auto" height="50px">
	  <!-- logo for regular state and mobile devices -->
	  <img src="http://localhost/Latam/lib/skins/LATAM/Painel/dist/img/logo.png" alt="" class="logo-lg" width="192px" height="auto">
    </a>
    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
	  <!-- Sidebar toggle button-->
	  <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
	    <span class="sr-only">Toggle navigation</span>
	  </a>
	  <!-- Navbar Right Menu -->
	  <div class="navbar-custom-menu">
	    <ul class="nav navbar-nav">
		  <!-- Messages: style can be found in dropdown.less-->
		  <li class="messages-menu">
		    <!-- Menu toggle button -->
		    <a href="#">
			  <i class="fa fa-envelope-o"></i>
			    <span class="label label-success"><center>
2</center></span>
			 </a>
		  </li><!-- /.messages-menu -->

		  <!-- User Account Menu -->
		  <li class="dropdown user user-menu">
		    <!-- Menu Toggle Button -->
		    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
			  <!-- The user image in the navbar-->
			  <img src="http://localhost/Latam/lib/images/noavatar.png" class="user-image" alt="User Image">
			  <!-- hidden-xs hides the username on small devices so only the image appears. -->
			  <span class="hidden-xs">Arthur Hetem</span>
		    </a>
		    <ul class="dropdown-menu">
			  <!-- The user image in the menu -->
			  <li class="user-header">
			    <img src="http://localhost/Latam/lib/images/noavatar.png" class="img-circle" alt="User Image">
			    <p>
				  Arthur Hetem - New Hire					  <small>Membro Desde 01/01/1970</small>
			    </p>
			  </li>
			  <!-- Menu Body -->
			  <li class="user-body">
			    <div class="col-xs-4 text-center">
				  0 Voos
			    </div>
			    <div class="col-xs-4 text-center">
				  0 Horas
			    </div>
			    <div class="col-xs-4 text-center">
									  </div>
			  </li>
			  <!-- Menu Footer-->
			  <li class="user-footer">
			    <div class="pull-left">
				  <a href="#" class="btn btn-default btn-flat">Perfil</a>
			    </div>
			    <div class="pull-right">
				  <a href="#" class="btn btn-default btn-flat">Sair</a>
			    </div>
			  </li>
		    </ul>
		  </li>
		  <!-- Control Sidebar Toggle Button -->
		  <li>
		    <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
		  </li>
	    </ul>
	  </div>
    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
	  <!-- Sidebar user panel (optional) -->
	  <div class="user-panel">
	    <div class="pull-left image">
		  <img src="http://localhost/Latam/lib/images/noavatar.png" class="img-circle" alt="User Image">
	    </div>
	    <div class="pull-left info">
		  <p>Arthur Hetem</p>
		  <!-- Status -->
		  <i class="fa fa-circle text-success"></i> Conectado
	    </div>
	  </div>

	  <!-- Sidebar Menu -->
	  <ul class="sidebar-menu">
	    <!-- Optionally, you can add icons to the links -->
	    <li><a href="#"><i class="fa fa-home"></i> <span>Despacho Operacional</span></a></li>
	    <li class="treeview">
		  <a href="#"><i class="fa fa-user"></i> <span>Arthur Hetem</span> <i class="fa fa-angle-left pull-right"></i></a>
		  <ul class="treeview-menu">
		    <li><a href="http://localhost/Latam/index.php/profile/editprofile">Editar Perfil</a></li>
		    <li><a href="http://localhost/Latam/index.php/profile/changepassword">Trocar Senha</a></li>
		    <li><a href="http://localhost/Latam/index.php/profile/stats">Minhas Estatísticas</a></li>
		  </ul>
	    </li>
	    <li class="treeview">
		  <a href="#"><i class="fa fa-plane"></i> <span>Despacho de Voos</span> <i class="fa fa-angle-left pull-right"></i></a>
		  <ul class="treeview-menu">
		    <li><a href="http://localhost/Latam/index.php/randomflights">Gerar Escala</a></li>
		    <li><a href="http://localhost/Latam/index.php/Schedules">Charters</a></li>
		    <li><a href="http://localhost/Latam/index.php/pireps/mine">Logbook</a></li>
		    <li><a href="http://localhost/Latam/index.php/pireps/routesmap">Mapa de todos os voos</a></li>
		  </ul>
	    </li>
	    <li><a href="http://localhost/Latam/index.php/downloads"><i class="fa fa-download"></i> <span>Downloads</span></a></li>
	    <li class="active"><a href="http://localhost/Latam/index.php/Mail"><i class=" fa fa-envelope"></i> <span>Intra Mail</span></a></li>
	    <li><a href="http://localhost/Latam/index.php/events"><i class="fa fa-suitcase"></i> <span>Tours</span></a></li>
	    <li><a href="#"><i class="fa fa-graduation-cap"></i> <span>Academia LATAM</span></a></li>
	    <li><a href="http://localhost/Latam/index.php/Screenshots"><i class="fa fa-camera"></i> <span>Screenshots</span></a></li>
	    <li><a href="http://localhost/Latam/admin"><i class="fa fa-terminal"></i> <span>Administrar</span></a></li>		    <li><a href="http://localhost/Latam/index.php/logout"><i class="fa fa-unlock"></i> <span>Encerrar Sessão</span></a></li>
	  </ul><!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
  </aside>
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
	  <h1>
	    Intra Mail
	    <small>LATAM D.O.V Versão 1.0</small>
	  </h1>
    </section>
    <!-- Main content -->
    <section class="content">
 <table width="100%">
   <tr>
    <td align="center">
	    <a href="http://localhost/Latam/index.php/Mail">Caixa de Entrada</a> |
	    <a href="http://localhost/Latam/index.php/Mail/newmail">Nova Mensagem</a> |
	    <a href="http://localhost/Latam/index.php/Mail/newfolder">Nova Pasta</a> |
	    <a href="http://localhost/Latam/index.php/Mail/deletefolder">Deletar Pasta</a> |
	    <a href="http://localhost/Latam/index.php/Mail/settings">Configurações</a> |
  <a href="http://localhost/Latam/index.php/Mail/sent">Mensagens Enviadas</a>
	    <br />

    </td>
   </tr>
</table>    <div class="box">
    <div class="box-body">
	   <table id="example2" class="table table-bordered table-striped">
				    <tr bgcolor="#eeeeee">
	    <td align="center"><img src="http://localhost/Latam/core/modules/Mail/mailimages/env_closed.gif" border="0" alt="Status" /></td>
	    <td align="center">Arthur Hetem TAM001</td>
	    <td align="center"><a href="http://localhost/Latam/index.php/Mail/item/1470279506">Teste</a></td>
	    <td align="center">03/08/2016 11:58pm</td>
	    <td align="center"><a href="http://localhost/Latam/index.php/Mail/delete/4">
		    <img src="http://localhost/Latam/core/modules/Mail/mailimages/delete.gif" alt="Delete" border="0"/></a></td>
    </tr>
		    <thead>
		    <tr>
			  <th align="center">Status</th>
			  <th align="center">De</th>
			  <th align="center">Assunto</th>
			  <th align="center">Data</th>
			  <th align="center">Deletar</th>
		    </tr>
		    </thead>
		    <tbody>
		    <tr>
			  <td align="center"><img src="http://localhost/Latam/core/modules/Mail/mailimages/env_closed.gif" border="0" alt="Status" /></td>
			  <td align="center">Arthur Hetem TAM001</td>
			  <td align="center"><a href="http://localhost/Latam/index.php/Mail/item/1470279506">Teste</td>
			  <td align="center">03/08/2016 11:58pm</td>
			  <td align="center"><a href="http://localhost/Latam/index.php/Mail/delete/4">
		    <img src="http://localhost/Latam/core/modules/Mail/mailimages/delete.gif" alt="Delete" border="0"/></a></td>
		    </tr>
		    </tbody>
		  </table>
	    </div>
	    <!-- /.box-body -->
	  </div>
	  <!-- /.box -->
				    <tr bgcolor="#eeeeee">
	    <td align="center"><img src="http://localhost/Latam/core/modules/Mail/mailimages/env_closed.gif" border="0" alt="Status" /></td>
	    <td align="center">Arthur Hetem TAM001</td>
	    <td align="center"><a href="http://localhost/Latam/index.php/Mail/item/1470279690">Teste2</a></td>
	    <td align="center">04/08/2016 12:01am</td>
	    <td align="center"><a href="http://localhost/Latam/index.php/Mail/delete/6">
		    <img src="http://localhost/Latam/core/modules/Mail/mailimages/delete.gif" alt="Delete" border="0"/></a></td>
    </tr>
		    <thead>
		    <tr>
			  <th align="center">Status</th>
			  <th align="center">De</th>
			  <th align="center">Assunto</th>
			  <th align="center">Data</th>
			  <th align="center">Deletar</th>
		    </tr>
		    </thead>
		    <tbody>
		    <tr>
			  <td align="center"><img src="http://localhost/Latam/core/modules/Mail/mailimages/env_closed.gif" border="0" alt="Status" /></td>
			  <td align="center">Arthur Hetem TAM001</td>
			  <td align="center"><a href="http://localhost/Latam/index.php/Mail/item/1470279690">Teste2</td>
			  <td align="center">04/08/2016 12:01am</td>
			  <td align="center"><a href="http://localhost/Latam/index.php/Mail/delete/6">
		    <img src="http://localhost/Latam/core/modules/Mail/mailimages/delete.gif" alt="Delete" border="0"/></a></td>
		    </tr>
		    </tbody>
		  </table>
	    </div>
	    <!-- /.box-body -->
	  </div>
	  <!-- /.box -->
    </section><!-- /.content -->
  </div><!-- /.content-wrapper -->
  <!-- Main Footer -->
  <footer class="main-footer">
    <!-- To the right -->
    <div class="pull-right hidden-xs">
	  <span class="label label-sucess">Versão 1.0</span>
    </div>
    <!-- Default to the left -->
    <strong>Copyright © 2016 LATAM Virtual.</strong> Todos os Direitos Reservados.
  </footer>
  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Create the tabs -->
    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
	  <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
	  <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
	  <!-- Home tab content -->
	  <div class="tab-pane active" id="control-sidebar-home-tab">
	    <h3 class="control-sidebar-heading">Atividades Recentes</h3>
	    <ul class="control-sidebar-menu">
		  <li>
		    <a href="javascript::;">
			  <i class="menu-icon fa fa-birthday-cake bg-aqua"></i>
			  <div class="menu-info">
			    <h4 class="control-sidebar-subheading">Inauguração</h4>
			    <p>Foi em 9 de Junho de 2016</p>
			  </div>
		    </a>
		  </li>
	    </ul><!-- /.control-sidebar-menu -->
	  </div><!-- /.tab-pane -->
	  <!-- Stats tab content -->
	  <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
	  <!-- Settings tab content -->
	  <div class="tab-pane" id="control-sidebar-settings-tab">
		  <h3 class="control-sidebar-heading">Informações Gerais</h3>
		    <h3 class="control-sidebar-subheading">
			 Desenvolvido por <a href="https://www.facebook.com/arthur.hetem">Arthur Hetem</a>
		    <p>
			  Versão 1.0, Desenvolvido em São Paulo
		    </p>
	  </div><!-- /.tab-pane -->
    </div>
  </aside><!-- /.control-sidebar -->
  <!-- Add the sidebar's background. This div must be placed
	   immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
   </div><!-- ./wrapper -->
   <!-- REQUIRED JS SCRIPTS -->
   <!-- jQuery 2.1.4 -->
   <script src="http://localhost/Latam/lib/skins/LATAM/Painel/plugins/jQuery/jQuery-2.1.4.min.js"></script>
   <!-- Bootstrap 3.3.5 -->
   <script src="http://localhost/Latam/lib/skins/LATAM/Painel/bootstrap/js/bootstrap.min.js"></script>
   <!-- AdminLTE App -->
   <script src="http://localhost/Latam/lib/skins/LATAM/Painel/dist/js/app.min.js"></script>
<!-- DataTables -->
<script src="http://localhost/Latam/lib/skins/LATAM/Painel/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="http://localhost/Latam/lib/skins/LATAM/Painel/plugins/datatables/dataTables.bootstrap.min.js"></script>
<script>
 $(function () {
   $("#example1").DataTable();
   $('#example2').DataTable({
  "paging": false,
  "lengthChange": false,
  "searching": false,
  "ordering": true,
  "info": false,
  "autoWidth": false
   });
 });
</script>
   <!-- Optionally, you can add Slimscroll and FastClick plugins.
	 Both of these plugins are recommended to enhance the
	 user experience. Slimscroll is required when using the
	 fixed layout. -->
 </body>
</html>

I'am having an issue with the table into the Airmail Inbox here is an image and the code:

post-25711-0-47857100-1470280811_thumb.png

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...