/* Lazy Bear Creations CSS template */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
ul { margin-left:30px; list-style:none;}
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
/*
::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #000; }
*/
html { overflow-y: scroll; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; }
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/****** Primary Styles ******/
/* GENERIC STYLES */
/* FLOATS */
.l {float:left;}
.r {float:right;}
/* TEXT */
.b {font-weight:bold;}
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}
.white {color:#FFF;}
.black {color:#000;}
.blue {color:#39F;}
.white {color:#FFF;}
.red {color:#CC0000;}
/* FONT SIZE */
.s8 {font-size:8px;}
.s10 {font-size:10px;}
.s12 {font-size:12px;}
.s14 {font-size:14px;}
.s16 {font-size:16px;}
.s18 {font-size:18px;}
.s20 {font-size:20px;}
.s22 {font-size:22px;}
.s24 {font-size:24px;}
.s26 {font-size:26px;}
.s28 {font-size:28px;}
.s30 {font-size:30px;}
.s35 {font-size:35px;}
.s40 {font-size:40px;}
/* POINTERS */
.pointer {cursor:pointer;}
.move {cursor:move;}
/* BACKGROUND COLORS */
.backred {background:#CC0000;}
.backblue {background:#39F;}
/* WIDTHS */
.whalf {width:50%;}
.wfull {width:100%;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w410 {width:410px;}
.w420 {width:420px;}
.w430 {width:430px;}
.w440 {width:440px;}
.w450 {width:450px;}
.w460 {width:460px;}
.w470 {width:470px;}
.w480 {width:480px;}
.w490 {width:490px;}
.w500 {width:500px;}
.w510 {width:510px;}
.w520 {width:520px;}
.w530 {width:530px;}
.w540 {width:540px;}
.w550 {width:550px;}
.w560 {width:560px;}
.w570 {width:570px;}
.w580 {width:580px;}
.w590 {width:590px;}
.w600 {width:600px;}
.w610 {width:610px;}
.w620 {width:620px;}
.w630 {width:630px;}
.w640 {width:640px;}
.w650 {width:650px;}
.w660 {width:660px;}
.w670 {width:670px;}
.w680 {width:680px;}
.w690 {width:690px;}
.w700 {width:700px;}
.w710 {width:710px;}
.w720 {width:720px;}
.w730 {width:730px;}
.w740 {width:740px;}
.w750 {width:750px;}
.w760 {width:760px;}
.w770 {width:770px;}
.w780 {width:780px;}
.w790 {width:790px;}
.w800 {width:800px;}
.w900 {width:900px;}
.w1000 {width:1000px;}
/* HEIGHTS */
.h390 {height:390px;}
/* PADDING */
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.p50 {padding:50px;}
.p60 {padding:60px;}
.p70 {padding:70px;}
.p80 {padding:80px;}
.p90 {padding:90px;}
.p100 {padding:100px;}
/* Padding Top */
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}
.pt130 {padding-top:130px;}
.pt140 {padding-top:140px;}
.pt150 {padding-top:150px;}
.pt160 {padding-top:160px;}
.pt170 {padding-top:170px;}
.pt180 {padding-top:180px;}
.pt190 {padding-top:190px;}
.pt200 {padding-top:200px;}
/* Padding Bottom */
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
/* Padding Left */
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}
.pl110 {padding-left:110px;}
.pl120 {padding-left:120px;}
.pl130 {padding-left:130px;}
.pl140 {padding-left:140px;}
.pl150 {padding-left:150px;}
.pl160 {padding-left:160px;}
.pl170 {padding-left:170px;}
.pl180 {padding-left:180px;}
.pl190 {padding-left:190px;}
.pl200 {padding-left:200px;}
/* Padding Right */
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}
.pr110 {padding-right:110px;}
.pr120 {padding-right:120px;}
.pr130 {padding-right:130px;}
.pr140 {padding-right:140px;}
.pr150 {padding-right:150px;}
.pr160 {padding-right:160px;}
.pr170 {padding-right:170px;}
.pr180 {padding-right:180px;}
.pr190 {padding-right:190px;}
.pr200 {padding-right:200px;}
/* Padding Top - Bottom */
.pv10 {padding:10px 0;}
.pv20 {padding:20px 0;}
.pv30 {padding:30px 0;}
.pv40 {padding:40px 0;}
.pv50 {padding:50px 0;}
.pv60 {padding:60px 0;}
.pv70 {padding:70px 0;}
.pv80 {padding:80px 0;}
.pv90 {padding:90px 0;}
.pv100 {padding:100px 0;}
/* Padding Left - Right */
.ph10 {padding:0 10px;}
.ph20 {padding:0 20px;}
.ph30 {padding:0 30px;}
.ph40 {padding:0 40px;}
.ph50 {padding:0 50px;}
.ph60 {padding:0 60px;}
.ph70 {padding:0 70px;}
.ph80 {padding:0 80px;}
.ph90 {padding:0 90px;}
.ph100 {padding:0 100px;}
/* MARGINS */
.mauto {margin:auto;}
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}
.m30 {margin:30px;}
.m40 {margin:40px;}
.m50 {margin:50px;}
.m60 {margin:60px;}
.m70 {margin:70px;}
.m80 {margin:80px;}
.m90 {margin:90px;}
.m100 {margin:100px;}
/* Margin Top */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
/* Margin Bottom */
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
/* Margin Left */
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}
.ml110 {margin-left:110px;}
.ml120 {margin-left:120px;}
.ml130 {margin-left:130px;}
.ml140 {margin-left:140px;}
.ml150 {margin-left:150px;}
.ml160 {margin-left:160px;}
.ml170 {margin-left:170px;}
.ml180 {margin-left:180px;}
.ml190 {margin-left:190px;}
.ml200 {margin-left:200px;}
/* Margin Right */
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-right:100px;}
.mr110 {margin-right:110px;}
.mr120 {margin-right:120px;}
.mr130 {margin-right:130px;}
.mr140 {margin-right:140px;}
.mr150 {margin-right:150px;}
.mr160 {margin-right:160px;}
.mr170 {margin-right:170px;}
.mr180 {margin-right:180px;}
.mr190 {margin-right:190px;}
.mr200 {margin-right:200px;}
/* Margin Top - Bottom */
.mv10 {margin:10px 0;}
.mv20 {margin:20px 0;}
.mv30 {margin:30px 0;}
.mv40 {margin:40px 0;}
.mv50 {margin:50px 0;}
.mv60 {margin:60px 0;}
.mv70 {margin:70px 0;}
.mv80 {margin:80px 0;}
.mv90 {margin:90px 0;}
.mv100 {margin:100px 0;}
/* Margin Left - Right */
.mh10 {margin:0 10px;}
.mh20 {margin:0 20px;}
.mh30 {margin:0 30px;}
.mh40 {margin:0 40px;}
.mh50 {margin:0 50px;}
.mh60 {margin:0 60px;}
.mh70 {margin:0 70px;}
.mh80 {margin:0 80px;}
.mh90 {margin:0 90px;}
.mh100 {margin:0 100px;}
/* FONT */
@font-face {font-family:'BiroScript'; src:url('/font/biroscript.otf');}
.biro {
font-family:"BiroScript", "Calibri", Verdana, Helvetica, Arial, sans-serif;
color:#39F;
font-weight:normal;
}
/* LINKS */
a {text-decoration:none; color:#39F;}
a:link {text-decoration:none; color:#39F;}
a:visited {text-decoration:none; color:#39F;}
a:hover {text-decoration:none; color:#CC0000;}
a:active {text-decoration:none; color:#333;}
/* ELEMENTS */
html {background:#EEE;}
body {
margin:0;
padding:0;
font-size:16px;
font-family:"Calibri", Tahoma, Verdana, Helvetica, Arial, sans-serif;
letter-spacing:0;
background:#EEE;
color:#333;
}
h1 {
width:auto;
font-size:40px !important;
margin:0;
padding:40px 0;
font-weight:bold;
text-align:center;
}
h2 {
font-size:30px !important;
padding:10px 0;
font-weight:bold;
}
h3 {
font-size:25px !important;
padding:10px;
font-weight:bold;
}
img {margin:0; padding:5px;}
img.center {display:block; margin:0 auto;}
ul {margin:2px;}
ul li {padding:5px;}
p {margin-bottom:15px;}
th {padding:10px; vertical-align:middle;}
td {padding:5px; vertical-align:middle;}
input, button, input[type="submit"], input[type="text"], input[type="password"], input[type="button"] {
font-size:16px;
padding:5px;
}
button, input[type="submit"], input[type="button"] {
background:#333 url('/images/button_back_off.png') top left repeat-x;
color:#FFF;
margin:5px;
border:#333 1px solid;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover {
background:#666;
}
button:disabled, input[type="submit"]:disabled, input[type="button"]:disabled {
background: #FFF;
border-color: #DDD;
color: #DDD;
}
/* SEPARATORS */
.lineHorizontal {background:url('http://www.lazybearcreations.co.uk/images/line800_b.png') no-repeat bottom center; padding:0 10px;}
/* LOADING */
.loadingBar {margin:auto; height:100px; background:url('http://www.lazybearcreations.co.uk/images/load-bar.gif') no-repeat center center;}
.loadingSpin {}
/* CONTENT */
#Head {width:100%; height:160px; background:#2E2E2E;}
#Head .inner {width:800px; margin:auto;}
#Logo {
display:block;
width:173px;
height:80px;
background:url('http://www.lazybearcreations.co.uk/logo/lazy_logo_w.png') no-repeat 0 0;
margin:30px 0 0 0;
float:left;
}
#HostingLogo {
display:block;
width:183px;
height:105px;
background:url('http://www.lazybearhosting.co.uk/theme-images/lazybearhosting.png') no-repeat 0 0;
margin:30px 0 0 0;
float:left;
}
#Main {width:1000px; margin:auto;}
/* Overlays */
#Webmail {
padding:10px;
text-align:center;
background:#EEE;
width:500px;
height:340px;
text-align:center;
overflow:hidden;
}
#ControlPanel {
padding:10px 10px 30px 10px;
margin: 30px auto;
text-align:center;
border: 1px solid #DDD;
background:#FFF;
width:500px;
height:340px;
text-align:center;
overflow:hidden;
}
#ComingSoon {
width:300px;
height:100px;
padding:10px;
text-align:center;
background:#EEE;
text-align:center;
overflow:hidden;
}
#ComingSoon h2 {
margin:auto;
}
#ContactDetails {
background: #FFF;
white-space: nowrap;
border: 1px solid #39F;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 5px #39F;
-moz-box-shadow: 0 0 5px #39F;
box-shadow: 0 0 5px #39F;
position: absolute;
top: 40px;
right: -60px;
}
/* Captcha Box */
#CaptchaBox {margin:10px; height:105px;}
#CaptchaBox p img {float:left; margin:0; padding:0;}
#CaptchaBox p img a {float:left; padding:5px;}
#captcha-input {width:60px;}
/* Navigation */
#TopNav {
float:right;
margin:0;
font-size:16px;
}
#TopNav ul {
list-style-image:none;
list-style-type:none;
padding:0;
float:left;
margin:auto;
}
#TopNav li {
float:left;
width:150px;
margin:0 5px;
padding:2px 5px 5px 5px;
background:#FFF;
text-align:center;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#MainNav {
display:block;
float:right;
margin:40px 0;
padding:0;
font-size:24px;
font-weight:bold;
position: relative;
}
#MainNav ul {
float:left;
margin:auto;
padding:0;
list-style:none;
}
#MainNav li {
float:left;
padding:0 20px;
}
#MainNav li a:link {text-decoration:none; color:#FFF;}
#MainNav li a:visited {text-decoration:none; color:#FFF;}
#MainNav li a:hover {text-decoration:none; color:#39F;}
#MainNav li a.on:link {text-decoration:none; color:#39F;}
#MainNav li a.on:visited {text-decoration:none; color:#39F;}
#MainNav li a.on:hover {text-decoration:none; color:#CC0000;}
/* Top Banner */
#TopBannerFull {
width:800px;
padding:0 0 24px 0;
min-height:120px;
margin:auto;
background:url('http://www.lazybearcreations.co.uk/images/shadow800.png') no-repeat center bottom;
clear:both;
}
#TopBannerFull div {
width:auto;
min-height:120px;
margin:auto;
background:#FFF;
border:#DDD 1px solid;
}
/* Content Blocks */
.contentBlock300 {
width:300px;
padding:0 0 21px 0;
margin:0 10px;
background:url('http://www.lazybearcreations.co.uk/images/shadow300.png') no-repeat center bottom;
}
.contentBlock300 .inner {
position: relative;
margin:auto;
background:#FFF;
height: 375px;
border:#DDD 1px solid;
padding:10px 30px;
clear: both;
}
.contentBlock300 .contentLogo {
position: absolute;
bottom: 20px;
right: 30px;
}
/* Lists */
ul.tickedList li {background:url('http://www.lazybearcreations.co.uk/images/tick_blue.gif') no-repeat 5px center; padding:5px 0 5px 30px;}
.shaded {background-color:#333 !important;}
/* Contact Page */
#ContactForm td {
padding:5px;
}
#ContactForm input[type="text"] {
width:500px;
padding:5px;
border:#FFF 3px solid;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
}
#ContactForm input[type="text"]:hover, #ContactForm input[type="text"]:focus {
border:#39F 3px solid;
}
#ContactForm textarea {
width:500px;
height:150px;
padding:5px;
border:#FFF 3px solid;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-radius: 10px;
}
#ContactForm textarea:hover, #ContactForm textarea:focus {
border:#39F 3px solid;
}
/* Images */
div.imgShadow {
height:270px;
background:url('http://www.lazybearcreations.co.uk/images/shadow300.png') center bottom no-repeat;
}
div.imgShadow img {
margin:0;
padding:0;
border:#39F 1px solid;
}
#Footer {width:1000px; height:200px; margin:auto; background:url('http://www.lazybearcreations.co.uk/images/line800_b.png') top center no-repeat;}
/* CONTROL PANEL */
#ControlNav {
padding:0;
list-style:none;
font-size:24px;
font-weight:bold;
overflow:hidden;
}
#ControlNav ul {
display:block;
margin:45px auto;
overflow:hidden;
width: 400px;
}
#ControlNav li {
float:left;
padding:0 20px;
list-style:none;
}
#ControlNav li a {text-decoration:none;}
#google_translate_element {
background:#EEE;
}
.root-header {
width:800px;
}
#icons-and-info {
width:800px;
}
/* DRAGGABLE ICON BOXES */
.draggable-icon-box {
margin:0;
}
.draggable-icon-box .title {
font-size:16px;
padding:10px 0;
background:#2E2E2E;
border-bottom:#FFF 1px solid;
}
.draggable-icon-box .title .up-arrow {
margin:0 10px;
cursor:pointer;
}
.draggable-icon-box .title .down-arrow {
margin:0 10px;
cursor:pointer;
}
/* INFO BOXES */
#info-boxes {
padding:0;
margin:0;
border:none;
}
#info-boxes .info-box {
padding:0 0 20px 0;
margin:0;
border:none;
overflow:hidden;
background:url('http://www.lazybearcreations.co.uk/images/shadow300.png') center bottom no-repeat;
}
#info-boxes .info-box h2 {
margin:10px 0 5px 0;
padding:0;
border:none;
font-size: 14px !important;
}
#info-boxes .info-box table {
margin:0;
padding:0;
}
#info-boxes .info-box table th, #info-boxes .info-box table td {
padding:5px;
}
#info-boxes .info-box p {
text-align:center;
margin:0 !important;
}
#info-boxes .info-box p span {
background:#FFF;
border:#DDD 1px solid;
padding:20px;
width:auto;
}
#info-boxes .info-box p.ftp-access-info span {
background:none;
border:none;
padding:0;
margin:0;
}
.bbox {
background:#FFF;
}
button#reset-if-settings {
display:none;
}
#info-boxes .info-box table th, #info-boxes .info-box table td {
vertical-align: middle;
overflow:hidden;
}
table.normal-table thead th {
padding:10px;
}
table.normal-table tbody td {
font-size:16px;
vertical-align:middle;
}
/* PRINT */
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; } /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}
/* Grade-A Mobile Browsers */
@media screen and (max-device-width: 480px) {
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}