CSS & JS disable ads code in website on smartphone or tablet

Example – CSS & JS disable ads code (as pop-unders, pop-ups ads) in website on smartphone or tablet.


<style>#popadfs{max-height:1px;}@media(max-width:727px){#popadfs{display:none!important;}}</style>
<div id="popadfs">
<script type="text/javascript">
var adfly_id = ######;
var popunder_frequency_delay = 0;
</script><script src="https://cdn.adf.ly/js/display.js"></script>
</div>
<script>if((window.getComputedStyle(document.getElementById("popadfs")).getPropertyValue("display"))=="none"){document.getElementById("popadfs").innerHTML="";}</script>

A lightweight responsive HTML5 & CSS3 template

Simpliste – Simplest solution for your website

Simpliste is a simple HTML5 responsive template. Using it you can create one website for desktop and web devices. Use one of the lightweight skins which is a good start for your one page sites, simple sites or landing pages.

You don’t always need to make difficult work of running management system with administrative panel to have a web site. Simpliste is a very simple and easy to use HTML template for web projects where you only need to create one or couple of pages with simple layout. If you are working on a lightweight information page with as less efforts for you to code and as less kilobytes for the user to download as possible, Simpliste is what you need.

Simpliste has many different skins from minimalistic to bizarre. They are all designed without using any image files.

Responsive markup – One design, many devices

Are you worried about convenience of your site users with mobile devices?

Simpliste responds to the width of user’s device and makes information more accessible.

“Responsive” means you don’t have to bother about alternative versions of your site. It can be used on desktops, tablets and smartphones.

You know that now it’s time to think more about your users with mobile devices. This template will make your site respond to your client’s browser with no effort on your part.

Multi-column layout becomes one column for viewers with tablets, navigation elements become bigger for users with smartphones. And your desktop browser users will see just a normal web site.

Try changing the width of your browser window and you’ll see how Simpliste works.

HTML5 and CSS3 standards

Welcome to the world where less code and less files required. HTML5 and CSS3 bring all their features for your future site. Modern technologies a for your service with semantic tags and no image files for designing skins.

Use HTML5 and CSS3 with no effort. Simpliste has different skins and all of them are created with no images for styling at all.

Template contains CSS-reset based on the reset file from HTML5 boilerplate which makes appearens of Simpliste skins consistent in different browsers. HTML5 and CSS3 made live of web developers easier than ever.

Print styles and styles for mobile devices are already included in the stylesheet.

Simpliste is oriented to be used on modern browsers. So we test our skins on IE 8+, Opera 10+, Firefox 3.6+, Chrome, Safari 5+. Skins were created using only CSS3 effects and no image files.

Simpliste comes with Xtensions which will help you to deal with old versions of IE, create drop down menus, sliders and more.

Clean code & easy to use

You don’t always need to make difficult work of running management system with administrative panel to have a web site.

Clean code will make your task even easier with Simpliste. You can use its code right away after downloading without reading any documentation. Place your content, make customisations and voilĂ  the site is ready to upload to the server.

Choose your skin

This template has skins which you can choose from. No images are used for styling.

All content management can be done by using existing sample blocks and styles. Almost every template style is represented among samples on this page. Off course you can create your own styles, which is easy as well.

Credits & Resources

– Simpliste HTML template developed by Renat Rafikov [http://cssr.ru & http://renatrafikov.com ]
– Krasno skin designed by siteograf.com [http://siteograf.com ]
– Home Simpliste: http://simpliste.ru/en/
– Download Simpliste: https://github.com/rafikov/Simpliste/zipball/master
– Simpliste on Github: https://github.com/rafikov/Simpliste
– Github Wiki: https://github.com/rafikov/Simpliste/wiki
– Github Issues: https://github.com/rafikov/Simpliste/issues
– Simpliste demo: http://cssr.ru/simpliste/
– On Facebook (in Russian): https://www.facebook.com/ruSimpliste
– Drupal project: https://www.drupal.org/project/simpliste

Simple form input – HTML & CSS

The HTML & CSS

<style>
#search-box {
position: relative;
width: 100%;
margin: 20px 0;
max-width: 720px;
min-width: 270px;
}
#search-form {
height: 42px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text {
font-size: 1.08em;
color: #ddd;
border-width: 0;
background: transparent;
}
#search-box input[type="text"] {
width: 90%;
padding: 9px 0 7px 7px;
line-height: 1.35em;
color: #242424;
outline: none;
}
#search-button {
position: absolute;
top: 0;
right: 0;
height: 42px;
width: 54px;
padding: 0;
font-size: 1.26em;
font-weight: normal;
color: #fff;
text-align: center;
/*line-height: 42px;*/
border-width: 0;
background-color: #999;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
}
</style>
<div id="search-box">
<form id="search-form" action="http://search.atz.pw/" method="get" target="_blank">
<input id="search-text" name="q" value="" placeholder="Search" type="text"/>
<button id="search-button" type="submit"><span>OK</span></button>
</form>
</div>

Demo