Night Sky Admin

just a little helper

Created: 12/03/2013
latest Update: 12/03/2013
By: Adam Rotman
adamrotman.com
Email: hello@nightskyadmin.com

Thank you for purchasing Night Sky Admin. If you have any questions that are beyond the scope of this help file, please feel free to contact us via email here. Thanks so much!

What is this?

Night Sky admin theme is what we're calling the best Twitter Bootstrap admin theme ever. We used a completely new approach to the creation of this template!

Comfort In Detail
We have spent a lot of time on the small details. We've built it so that you can easily manage, customize and extend the theme. Drop-down lists, information messages, charts all this is done for the convenience and economy of your time and your customers. Let's look at a few interesting features:

Image Gallery
Allows you to view your photos with spectacular effects. Using new methods of programming, we have achieved amazing results. Now on the page of the gallery there are effects, with the help of which you can enjoy viewing the photos - it's a beautiful little thing which sometimes so much is not enough. We also took into account the growing day by day the popularity of mobile phones viewing photos from your phone now will be as easy as on a PC or MAC.You can now toggle the photos of the movement of the finger on the screen.

Error Pages
Excellent quality of the performance! Even with the first of our work we have tried to give you high-quality error page, which would meet all current requirements and was even a little better. Today we have added page of the «offline». Page contains a number of functions, with whom she copes well. Will be glad to share it with you.

Widgets
We used a new approach in creating this page. Significantly increased the number of items that you can meet all your needs to create your project. We have added widgets like sliders, notifications, tasks, calendar + events, loaders and many others.

Retina +
Night Sky was developed taking into account new technologies. We used CSS3 for a perfect display of our product on devices such as iPhone, iPad, Macbook Pro with Retina. Our template has a responsive interface. Now you don't need to worry that the look of your project will collapse on which any device.on any device.

Who is Night Sky admin for?
It's for any freelancer, company or individual that want's to save time and money....and have a killer design. This tmeplate can be used by complete beginners to html/css or by more experienced programmers integrating this into their application. Development using Night Sky will save time, and can even be used as prototyping tool if it's not suitable for other purposes.

Features

Responsive Layout
Valid HTML5
Cross-browser compatible (Chrome/Safari/Firefox/IE8+)
Login Page
Flot Charts plugin (Updating graphs real-time, Interacting with the data points, Bar, Pie)
Page Forms (Validation Plugin, Checkbox and Radio style, Warnings, Sliders, Pickers, Progress Bars)
UI elements
Page Calendar
Page Messages Box
Page Widgets (Accordion, Tabs, Alert Boxes, Tooltips & Popovers, Scroll, Toggle, ...)
File Manager
Image Gallery
Other pages (Typography, Tables, DataTables, Grid, Buttons, Icons)
Error Page
Modal Box
and much more

Overview

HTML Structure

This theme is a liquid layout with two columns. All of the information within the main content area is nested within a section with an class of "content". The general template structure is the same throughout the template. Here is the general structure.

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following:

	.content a {
		color: #someColor;
	}

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.

I.E.

	#wrap .content a {
		color: #someColor;
	}

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.

CSS Files and Structure

Two main CSS files are used in this theme. The first one is a generic reset file. Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file. This file is bootstrap.css. It spelled the same way all the major styles of buttons, tables, etc. for ease of use.

The second file contains all of the specific stylings for the page (style.css). The file is separated into sections using:

 	/* Header Section */

	some code

	/* Main Section */
	
	some code
	
	/* Sidebar Section */
	
	some code
	
	/* Footer */
	
	some code
	
	etc, etc.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

It is also used in the template css file login.css (which is used on the login page in the admin panel) and the other css files from the javascript plug-ins.

Plugins

This theme imports are three types of Javascript files.

jQuery and Twitter Bootstrap
Some plugin
The file contains the settings and initialization for all plugins (application.js)

jQuery is a Javascript library that greatly reduces the amount of code that you must write.
Most of the animation in this site is carried out from the customs scripts. There are a few functions worth looking over.
application.js file contains all the settings of other plugins.
Bootstrap - ready solution user interface accomplished with the help of html, css, javascript. - DOCUMENTATION AND EXAMPLES of USING the Bootstrap

1. jQuery UI - is a JavaScript library that provides abstractions for low-level interaction and animation - documentation