/* * Amazium V1.0.0 * Copyright 2011, Mike Ballan * www.amazium.co.uk */ /***** Standard 960px *****/ .information { margin:16px 0 0 16px; } .main-post { margin:0 16px 30px 0; padding:10px 10px 0 10px; width:428px; background-color:#FFF; color:#333; } .main-post img { padding:0 0 5px 0; width:428px; height:auto; } .main-post p { padding:0 0 5px 0; } .permalink-post { margin:0 16px 0 0; padding:10px 10px 0 10px; width:428px; background-color:#FFF; color:#333; } .permalink-post img { padding:0 0 5px 0; width:428px; height:auto; } .permalink-post p { padding:0 0 5px 0; } .media iframe, .media embed { background:transparent; width:428px; z-index:-20; } .media { background:black; text-align:center; } .html_photoset { margin:0; padding:0; width:428px; } .tumblr-source { margin:0; padding:10px 0 0 0; font-size:11px; font-style:italic; } .note-post { margin:0 16px 30px 0; padding:10px 0 0 0; } .following ul { list-style:none; padding:0; margin:0; text-align:right; } .following li { list-style:none; float:left; margin:0 0 0 3px; } ul#likes { margin:0; padding:0; width:732px; list-style-type:none; overflow:hidden; } ul#likes li { margin:0; padding:0; float:left; } li.like_post { width:224px; height:294px; display:block; overflow:hidden; } li.like_post img { width:224px; height:auto; } li.like_photo_post { } li.like_photo { } li.via, li.post_info_top, li.like_below_photo, il.like_caption, li.post_info_bottom { display:none !important; margin:0; } .like-text, .following-text { margin:0; padding:20px 0 0 0; width:920px; text-align:center; } .heart { margin:0 0 8px 118px; padding:12px 0 0 35px; width:88px; height:30px; background:#c70c0c url("http://static.tumblr.com/4fqoetc/gOalxwac7/bg-like.jpg") no-repeat left 1px; font-size:14px; } .link { margin:0 0 8px 118px; padding:12px 0 0 35px; width:88px; height:30px; background:#a2c70c url("http://static.tumblr.com/4fqoetc/tWHlxwacn/bg-link.jpg") no-repeat left 1px; font-size:14px; } .zoom { margin:0 0 8px 118px; padding:12px 0 0 35px; width:88px; height:30px; background:#31b2be url("http://static.tumblr.com/4fqoetc/lxClxwad3/bg-zoom.jpg") no-repeat left 1px; font-size:14px; } .heart a:link, .heart a:visited, .heart a:active, .heart a:hover, .link a:link, .link a:visited, .link a:active, .link a:hover, .zoom a:link, .zoom a:visited, .zoom a:active, .zoom a:hover { color:#FFF; text-decoration:none; display:block; } .avatar { border:5px solid #FFF; } ul.tags { margin:0; padding:5px 0 15px 22px; font-size:11px; font-style:italic; background:transparent url('http://static.tumblr.com/4fqoetc/wBclxwadf/bg-tags.jpg') no-repeat left 4px; } ul.tags li { margin:0; padding:0 0 0 2px; display:inline-block; float:none; line-height:13px; color:#999; text-decoration:none; background:none; } ul.tags li a { margin:0; padding:0 10px 0 0; color:#999; text-decoration:none; background:transparent url('http://static.tumblr.com/4fqoetc/9ERlxwadw/divider.gif') no-repeat right 3px; } ul.reblog { margin:0; padding:5px 0 15px 22px; font-size:11px; font-style:italic; background:transparent url('http://static.tumblr.com/4fqoetc/0eQlxy98j/bg-reblog.gif') no-repeat left 4px; } ul.reblog li { margin:0; padding:0 0 0 2px; display:inline-block; float:none; line-height:13px; color:#999; text-decoration:none; background:none; } ul.reblog li a { margin:0; padding:0 10px 0 0; color:#999; text-decoration:none; } ul.chat { margin:10px 0 0 0; padding:0px; list-style-position:outside !important; list-style:none; } .chat .odd { margin-bottom:5px; padding:5px 10px 5px 10px; border-left:1px solid #4d4d4d; } .chat .even { margin-bottom:5px; padding:5px 10px 5px 10px; border-left:1px solid #4d4d4d; background-color:#111; } .chat .label { font-weight:bold; } .chat li { margin:0; list-style-type:none; list-style:none; list-style-image:none; list-style-position:outside !important; text-align:left; } ol.notes { padding:0; margin:10px 0 0 0; list-style-type: none; border-bottom:solid 1px #4d4d4d; } ol.notes li a { color:#FFF; text-decoration:none; } ol.notes li.note { margin:0 0 6px 0; border-top: solid 1px #4d4d4d; padding:10px 0 0 0; } ol.notes li.note img.avatar { margin-right:10px; width:16px; height:16px; border:1px solid #4d4d4d; } ol.notes li.note span.action { vertical-align: 5px; } ol.notes li.note .answer_content { font-weight: normal; } ol.notes li.note blockquote { border-left:1px solid #4d4d4d; padding:0 0 0 6px; margin:0 0 0 28px; } ol.notes li.note blockquote a { text-decoration: none; } .side-column { position:fixed; } .side-column h1 { padding:0 0 10px 0; } .side-column h1 a { color:#FFF; text-decoration:none; } ul.main-navigation { margin:20px 0 0 0; border-top:1px solid #4d4d4d; } ul.main-navigation li { margin:0; padding:6px 0 6px 23px; border-bottom:1px solid #4d4d4d; } ul.main-navigation li a { display:block; float:none; text-decoration:none; color:#FFF; transition-property:color .1s linear 0s; -moz-transition:color .1s linear 0s; -webkit-transition:color .1s linear 0s; -o-transition:color .1s linear 0s; } ul.main-navigation li a:hover, ul.main-navigation li a.selected { color:#7eb026; } .icon-page { background:transparent url("http://static.tumblr.com/4fqoetc/JJxlxwaee/bg-page.png") no-repeat left 6px; } .icon-likes { background:transparent url("http://static.tumblr.com/4fqoetc/0mylxwaey/bg-likes.png") no-repeat left 6px; } .icon-archive { background:transparent url("http://static.tumblr.com/4fqoetc/meQlxwaf9/bg-archive.png") no-repeat left 6px; } .icon-random { background:transparent url("http://static.tumblr.com/4fqoetc/q8vlxwafm/bg-random.png") no-repeat left 6px; } .icon-following { background:transparent url("http://static.tumblr.com/4fqoetc/fKylxwag1/bg-following.png") no-repeat left 6px; } .icon-ask { background:transparent url("http://static.tumblr.com/4fqoetc/rZllxwagd/bg-ask.png") no-repeat left 6px; } a.nav-left { padding:0 0 10px 0; float:left; overflow:auto; text-transform:uppercase; display:block; text-decoration:none; } a.nav-right { padding:0 0 10px 0; float:right; overflow:auto; text-transform:uppercase; display:block; text-decoration:none; } .main-footer { margin:0 16px 16px 0; padding:10px 0 0 0; width:448px; color:#666; } a.footer-left { padding:0 0 10px 0; float:left; overflow:auto; text-transform:uppercase; display:block; text-decoration:none; font-size:11px; color:#999; } a.footer-right { padding:0 0 10px 0; float:right; overflow:auto; text-transform:uppercase; display:block; text-decoration:none; font-size:11px; color:#999; } /***** iPad Smaller than 959px *****/ @media only screen and (min-width: 768px) and (max-width: 959px) { .blog-title h1 { padding:30px 0 20px 165px; } .information { margin:16px 0 0 16px; } .main-post { margin:0 16px 30px 0; padding:10px 10px 0 10px; width:360px; background-color:#FFF; color:#333; } .main-post img { padding:0 0 5px 0; width:356px; height:auto; } .main-post p { padding:0 0 5px 0; } .permalink-post { margin:0 16px 0 0; padding:10px 10px 0 10px; width:360px; background-color:#FFF; color:#333; } .permalink-post img { padding:0 0 5px 0; width:356px; height:auto; } .permalink-post p { padding:0 0 5px 0; } .media iframe, .media embed { background:transparent; width:356px; z-index:-20; } .media { background:black; text-align:center; } .html_photoset { margin:0; padding:0; width:356px; } .heart, .link, .zoom { margin:0 0 8px 80px; } #inline-2 { width:732px; } } /***** iPhone (portrait 300px) *****/ @media only screen and (max-width: 767px) { .blog-title h1 { padding:30px 0 20px 0; } .information { margin:10px 0 0 12px; } .main-post { margin:0 0 30px 0; padding:10px 10px 0 10px; width:280px; background-color:#FFF; color:#333; } .main-post img { padding:0 0 5px 0; width:280px; height:auto; } .main-post p { padding:0 0 5px 0; } .permalink-post { margin:0; padding:10px 10px 0 10px; width:280px; background-color:#FFF; color:#333; } .permalink-post img { padding:0 0 5px 0; width:280px; height:auto; } .permalink-post p { padding:0 0 5px 0; } .media iframe, .media embed { background:transparent; width:280px; z-index:-20; } .media { background:black; text-align:center; } .html_photoset { margin:0; padding:0; width:280px; } .heart { margin:0 8px 0 0; padding:12px 0 0 35px; width:51px; height:24px; float:left; display:block; background:#c70c0c url("http://static.tumblr.com/4fqoetc/bW0lxzl19/bg-like-iphone.jpg") no-repeat left 1px; font-size:14px; } .link { margin:0 8px 0 0; padding:12px 0 0 35px; width:51px; height:24px; float:left; display:block; background:#a2c70c url("http://static.tumblr.com/4fqoetc/MNIlxzl1w/bg-link-iphone.jpg") no-repeat left 1px; font-size:14px; } .zoom { margin:0 8px 0 0; padding:12px 0 0 35px; width:51px; height:24px; float:left; display:block; background:#31b2be url("http://static.tumblr.com/4fqoetc/S9flxzl85/bg-zoom-iphone.jpg") no-repeat left 1px; font-size:14px; } .side-column { position:relative; } } /***** iPhone (landscape 420px) *****/ @media only screen and (min-width: 480px) and (max-width: 767px) { .main-post { margin:0 0 30px 0; padding:10px 10px 0 10px; width:436px; background-color:#FFF; color:#333; } .main-post img { padding:0 0 5px 0; width:436px; height:auto; } .main-post p { padding:0 0 5px 0; } .permalink-post { margin:0; padding:10px 10px 0 10px; width:436px; background-color:#FFF; color:#333; } .permalink-post img { padding:0 0 5px 0; width:436px; height:auto; } .permalink-post p { padding:0 0 5px 0; } .media iframe, .media embed { background:transparent; width:436px; z-index:-20; } .media { background:black; text-align:center; } .html_photoset { margin:0; padding:0; width:436px; } }