TheBestTutorials.css Free Downloads

« Previous

Next Chapter »

Download TheBestTutorials.css

Download the latest version from this link: http://tutorials/lib/subhodaya.css

TheBestTutorials.css is Free

TheBestTutorials.css is free to use. No license is necessary.

How To use TheBestTutorials.css

To use TheBestTutorials.css, just add a link to "TheBestTutorials.css" in your web pages:

Example

<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://tutorials/lib/subhodaya.css">

Try It Yourself »

Or download TheBestTutorials.css and run it from your own web site:

Example

<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="subhodaya.css">

If you put TheBestTutorials.css in a subfolder, add the folder name between slashes:

Example

<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="/foldername/TheBestTutorials.css">

If you place TheBestTutorials.css at the root of your web, add a slash:

Example

<!DOCTYPE html>
<html>
<title>My Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="/subhodaya.css">

Latest Versions

Version	Description
2.72	Added TheBestTutorials-codespan. Removed subhodaya-padding-hor-number. Use CSS padding instead.
2.71	Adjusted TheBestTutorials-pale colors. Adjusted subhodaya-collapse min-width from 992px to 993px.
2.7	Version 2.7 June 2016. Download 2.7
2.68	Adjusted TheBestTutorials-dropnav values.
2.67	Adjusted TheBestTutorials-display-middle values.
2.65	Added TheBestTutorials-disabled. Increased TheBestTutorials-select padding from "8px 0", to "9px 0". Added TheBestTutorials-btn-bar.
2.64	Adjusted TheBestTutorials-ripple values.
2.63	Removed TheBestTutorials-image and TheBestTutorials-title. Use TheBestTutorials-display-container instead. Increased top and bottom padding for TheBestTutorials-select from 4px to 8px.
2.62	Removed TheBestTutorials-padding-ver-number. Use CSS padding instead. Removed TheBestTutorials-margin-number. Use CSS margin instead.
2.61	Removed "font-weight:bold" from TheBestTutorials-tag and TheBestTutorials-badge. Use <strong> instead.
2.6	Version 2.6 May 2016. Download 2.6
2.52	Added TheBestTutorials-padding-hor and TheBestTutorials-padding-ver.
2.5	Version 2.5 April 2016. Download 2.5
2.5	Adjusted minor transition values.
2.4	Added TheBestTutorials-threequarter. Added TheBestTutorials-display-topmiddle and TheBestTutorials-display-bottommiddle. Added TheBestTutorials-transparent and TheBestTutorials-hover-none. Changed animation duration of TheBestTutorials-animate-opacity from 4 to 1.5 seconds.
2.3	Fixed minor pixel errors in media queries. Added all color classes to TheBestTutorials-border-color.
2.2	Added 100% width to <li> elements in TheBestTutorials-navbar on small screens (< 601px width).
2.1	Added TheBestTutorials-hover-shadow. Added TheBestTutorials-hover-text-color. Changed z-index of TheBestTutorials-modal to "3" (instead of 1).
2.0	February 2016.
1.9	January 2016.
1.8	December 2015.
1.7	November 2015.
1.6	October 2015.
1.5	September 2015.
1.4	August 2015.
1.3	August 2015.
1.2	July 2015.
1.1	June 2015.
1.0	May 2015.

Validating TheBestTutorials.css

Validating TheBestTutorials.css might return some errors.

You will often get some errors when you run W3C validations.
There will always be some browser specific values outside the current W3C specification.

Property	Description
pointer-events	Invalid property in CSS3, but suggested for CSS4. Used in TheBestTutorials.css to remove hand pointer from disabled elements.
user-select	Invalid property in CSS3, but suggested for CSS4. Used in TheBestTutorials.css to remove text selection from clickable elements.
pseudo-class :valid	Invalid value in CSS3, but suggested for CSS4. Used in TheBestTutorials.css to indicate valid input.
@-webkit-keyframes	Added to TheBestTutorials.css to make animations work in webkit browsers (older versions of Chrome, Safari, and Opera).

Customize TheBestTutorials.css

TheBestTutorials.css includes basic fonts and font sizes.

You can customize TheBestTutorials.css by changing these settings:

Example

html {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin: 20px 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1 {font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4 {font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}

hr {
height: 0;
border: 0;
border-top: 1px solid #eee;
margin: 20px 0;
}

Try It Yourself »

TheBestTutorials.css is Normalized

Normalizing a style sheet is done to:

Correct browser bugs
Remove browser inconsistencies
Assure common browser defaults
Normalize the styles of all HTML elements
Add CSS improvements

An extract from Normalize.css is used in TheBestTutorials.css.

This makes TheBestTutorials.css display HTML consistently in all browsers, and in line with modern web standards.

« Previous

Next Chapter »