Readmore »»
/*----------------------------------------------------------------------------------------------------------
Theme Name: oMagazine
Author: sofish Lin
Converter: Blogger Template Place
------------------------------------------------------------------------------------------------------------*/
#container {
float: left;
margin: 0 -320px 0 0;
width: 100%;
border-right:1px solid #ddd;
}
.search {
margin: 0 320px 0 0;
line-height:150%;
}
.content {
float:left;
margin: 0 320px 0 0;
line-height:150%;
border-right:1px solid #ddd;
padding-right:10px;
}
.otheme {
float:left;
border-right:1px solid #ddd;
}
.main {
width:468px;
}
.middlewidget {
float:right;
width:160px;
}
.rightsidebar {
float: right;
overflow: hidden;
width: 300px;
display:block;
}
.rightsidebar {
border-left:0 solid #fff;
padding-left:10px;
}
#footer {
clear: both;
width: 100%;
}
/*<-------------------> Main Element Reset <------------------->*/
img, img a {
border:none;
}
p {
margin-bottom:15px;
}
blockquote {
margin:0 37px 0 0;
padding-left:30px;
background:url(http://2.bp.blogspot.com/_KtmPwZMZ59Q/TJiZtXCirWI/AAAAAAAABIQ/N1eyXvkUIqE/s1600/quote.jpg) no-repeat left top;
}
blockquote blockquote {
margin:0 0 0 25px;
}
code {
font-size:14px;
line-height:130%;
font-family:"Times New Roman", Times, serif;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-family:Arial, Helvetica, sans-serif;
color: #000;
}
input, textarea, select {
font-family:Georgia, "Times New Roman", Times, serif;
color:#777;
font-size:13px;
}
.post ul {
margin:0 41px 15px 26px;
}
.post ol {
margin:0 41px 15px 45px;
}
.post ul, .post ol {
padding-right:0;
}
.post ul li {
list-style:none;
background:url(http://1.bp.blogspot.com/_KtmPwZMZ59Q/TJiZrtAcoII/AAAAAAAABH4/Y60cqkYuCi0/s1600/li.gif) no-repeat left 2px;
padding-left:16px;
}
.entry-content {
padding-bottom: 10px;
overflow: hidden;
}
.entry-content a {
color:#333;
border-bottom:1px dotted #c30;
}
.entry-content a:hover {
color:#f30;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
padding-bottom:15px;
}
.entry-content h1 {
font-size:21px;
}
.entry-content h2 {
font-size:19px;
}
.entry-content h3 {
font-size:17px;
}
.entry-content h4 {
font-size:16px;
}
.entry-content h5 {
font-size:15px;
}
.entry-content h6 {
font-size:14px;
}
a.rssli {
color:#f60;
}
a.grli {
color:#06f;
}
a.xgli {
color:#f30;
}
a.zxli {
color:#9c0;
}
a.ydli {
color:#f36;
}
a.zxli:hover {
color:#0ff;
}
a.rssli:hover, a.grli:hover, a.xgli:hover, a.ydli:hover, #comments-list span.itrackback a:hover, .ilogin a:hover{
color:#9c0;
}
/*<-------------------> Entry Info Style <------------------->*/
.entry-info {
color:#ddd;
margin:5px 0;
}
.entry-info a {
color:#777;
}
.icolor {
color:#ddd;
}
.idate, .icard, .icomment, .ifolder, .iadd, .itrackback, .icommentfeed {
padding-left:19px;
color:#777;
}
.idate {
background:url(http://2.bp.blogspot.com/_KtmPwZMZ59Q/TJiZkj8lHOI/AAAAAAAABG4/yZSmcqZtVJo/s1600/date.gif) no-repeat left center;
}
.icard {
background:url(http://4.bp.blogspot.com/_KtmPwZMZ59Q/TJiZiwWOTMI/AAAAAAAABGg/ncn8xJSiceg/s1600/author.gif) no-repeat left center;
}
.icomment {
background:url(http://4.bp.blogspot.com/_KtmPwZMZ59Q/TJiZj8OmSiI/AAAAAAAABGw/yWXcIonT8Eg/s1600/comment.gif) no-repeat left center;
}
.ifolder {
background:url(http://4.bp.blogspot.com/_KtmPwZMZ59Q/TJiZncYocpI/AAAAAAAABHI/iQ8-m42DTdQ/s1600/folder.gif) no-repeat left center;
}
.iadd {
background:url(http://3.bp.blogspot.com/_KtmPwZMZ59Q/TJiZifNH6HI/AAAAAAAABGY/E1OEE8jcExk/s1600/addcomment.gif) no-repeat left center;
}
.itrackback {
position:absolute;
top:3px;
right:0;
font:normal 14px Georgia, "Times New Roman", Times, serif;
color:#ddd;
}
.icommentfeed {
padding: 5px 0;
}
/*<-------------------> Comment LI Style <------------------->*/
#comments h3 .itrackback a {
color:#c30;
}
#comments-list li {
font-weight:600;
}
#comments-list cite, #comments-list cite a {
font-weight: 600;
font-style: normal;
font-size: 1.1em;
}
#comments-list p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
.commentmetadata {
font:12px Georgia, "Times New Roman", Times, serif;
color:#777;
}
.commentmetadata a {
color:#777;
}
/*<-------------------> Sidebar and Content Search Form <------------------->*/
#isearchform {
width:290px;
margin-bottom:15px;
}
#is, #noresults-s {
width:180px;
padding:6px 5px;
height:17px;
background:#fffff0 url(http://1.bp.blogspot.com/_KtmPwZMZ59Q/TJiZrBd-BmI/AAAAAAAABHw/25OLk0YPkyw/s1600/is.gif) no-repeat left center;
border:none;
}
#isearchsubmit, #noresults-searchsubmit {
width:91px;
height:29px;
text-align:center;
background:#000 url(http://4.bp.blogspot.com/_KtmPwZMZ59Q/TJiZwlWDC4I/AAAAAAAABI4/1utzDUjLS0Y/s1600/submit.jpg) no-repeat left center;
border:none;
color:#9c0;
font-weight:700;
}
.noresults ol li h3 {
font-weight:500;
font-size:15px;
padding:2px 0;
margin:0;
}
.noresults ol li h3 a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#c30;
}
.noresults ol li h3 a:hover {
color:#379931;
}
p.inote {
margin-top:15px;
}
.noresults {
border-bottom:none;
}
.noresults .entry-content a {
border-bottom:none;
}
/*<-------------------> Links and Font <------------------->*/
* {
padding:0;
margin:0;
}
body {
font:16px Georgia, "Times New Roman", Times, serif;
color:#333;
margin: 0 auto;
}
.iborder{padding:2px;border:1px solid #ddd;}
a {
text-decoration:none;
color:#c30;
}
a:hover {
color:#379931;
}
#wrapper {
width:973px;
margin:0px auto !important;
}
.vcenter {
width:973px;
margin:-30px auto;
}
.ishome{}
.iclear {
clear:both;
}
/*<-------------------> Header <------------------->*/
#headerarea {
width:100%;
height:150px;
background:url(http://4.bp.blogspot.com/_KtmPwZMZ59Q/TJiZjUK4N8I/AAAAAAAABGo/jj8D53mnU1A/s1600/bg.jpg) repeat-x left top;
}
.hcenter {
width:973px;
margin:0 auto;
}
#headerarea #header h1 a, #headerarea #header h1 {
float:left;
display:block;
text-indent:-9999em;
background:url(http://2.bp.blogspot.com/_KtmPwZMZ59Q/TJiZsJWDy2I/AAAAAAAABIA/LSVwccwkSY4/s1600/logo.gif) no-repeat left -5px;
width:243px;
height:100px;
}
.ad-728px {
height:100px;
width:728px;
float:right;
}
/*<-------------------> TopNav <------------------->*/
#topnav {
height:40px;
color:#fff;
text-transform:uppercase;
font:15px "Times New Roman", Times, serif;
}
#topnav a {
color:#fff;
}
#topnav a:hover{color:#9c0;text-decoration:underline;}
#topnav ul li {
float:left;
list-style:none;
}
#topnav ul li a {
padding:0 10px;
display:block;
line-height:40px;
}
#topnav ul li#ihome a, #footer-box ul li#fhome {
padding:0 10px 0 0;
border:none;
}
#topnav ul li.current_page_item a {
color:#adff2f;
}
/*<-------------------> Content <------------------->*/
#content {
font-size:14px;
}
#maincontent {
}
#searchform {
width:653px;
height:123px;
background:#fff url(http://1.bp.blogspot.com/_KtmPwZMZ59Q/TJiZux3LfwI/AAAAAAAABIg/0QuHx37haGs/s1600/searchbox.gif) no-repeat left top;
clear:both;
border-top:15px solid #fff;
border-bottom:1px solid #ddd;
position:relative;
clear:both;
}
#s, #searchsubmit, .hot-tags {
position:absolute;
background:none;
border:none;
}
#s {
width:439px;
top:26px;
left:182px;
padding:4px 5px;
}
#searchsubmit {
width:91px;
height:29px;
top:62px;
left:546px;
color:#9c0;
font-weight:600;
text-align:center;
background:url(http://4.bp.blogspot.com/_KtmPwZMZ59Q/TJiZwlWDC4I/AAAAAAAABI4/1utzDUjLS0Y/s1600/submit.jpg) no-repeat left top;
text-transform:uppercase;
}
input#searchsubmit:hover {
color:#f60;
}
.hot-tags {
color:#777;
top:65px;
left:181px;
font-size:15px;
}
.hot-tags a {
color:#f30;
text-transform:capitalize;
font-weight:100;
margin-left:5px;
}
.post {
border-bottom:1px dashed #ddd;
margin-bottom:15px;
}
.isingle {
border:none;
margin-bottom:0;
}
.ipost {
float:right;
width:460px;
}
.otheme {
padding-right:13px;
}
.otheme .post {
border-bottom:1px solid #ddd;
}
div.clear {
clear:both;
height:0;
}
.entry-title {
font-size:19px;
text-transform:uppercase;
}
.page-title {
margin-top:15px;
font-size:16px;
color:#379931;
border-bottom:1px solid #ddd;
padding-bottom:5px;
text-transform:uppercase;
}
.page-content {
margin-top:15px;
}
.navigation {
height:33px;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.ad-160px {
margin-bottom:15px;
}
/*<-------------------> Comment <------------------->*/
#comments {
margin-top:15px;
width:460px;
}
#comments h3 {
margin-top:15px;
margin-bottom:15px;
position:relative;
color:#000;
font-size:16px;
}
h3.itrackback {
font:bold 16px Arial, Helvetica, sans-serif;
}
.comments {
font-family:Arial, Helvetica, sans-serif;
}
.comments ol li p {
font-family:Georgia, "Times New Roman", Times, serif;
}
.comments ol {
border-top:1px solid #ddd;
}
.comments ol li {
list-style:none;
border-bottom:1px solid #eee;
padding:15px 0 0;
}
.ireq {
width:43%;
float:left;
}
.iarea {
width:53%;
float:right;
}
#formcontainer {
}
form#commentform {
background:#eaf4ff;
padding:20px 10px 0;
margin-bottom:15px;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.form-label input {
width:90%;
padding:3px 5px 3px 21px;
border:1px solid #ddd;
}
/*<-------------------> Sidebar <------------------->*/
.sidebar, .post {
margin-top:15px;
}
.rightsidebar h2 {
background:url(http://1.bp.blogspot.com/_KtmPwZMZ59Q/TJiZwPX2wEI/AAAAAAAABIw/eaOF-InqICs/s1600/side-300px-h4.gif) no-repeat left top;
height:27px;
padding:1px 8px 0;
color:#fff;
font-size: 14px;
}
.middlesidebar h2 {
background:url(http://2.bp.blogspot.com/_KtmPwZMZ59Q/TJiZvfAqTmI/AAAAAAAABIo/mtrr4f6w79k/s1600/side-160px-h4.gif) no-repeat left top;
font-size: 14px;
height:27px;
padding:1px 8px 0;
color:#fff;
}
.feedme {
display:block;
text-indent:-9999em;
background:url(http://1.bp.blogspot.com/_KtmPwZMZ59Q/TJiZmUZxTxI/AAAAAAAABHA/q9ZWMz_AE5g/s1600/feedme.gif) no-repeat left top;
width:300px;
height:73px;
margin-bottom:15px;
}
a.feedme:hover {
background-position:bottom;
}
.middlesidebar .widgetsidebar, .rightsidebar .widgetsidebar {
}
.middlesidebar .widgetsidebar .widget{
list-style:none;
border-bottom:1px solid #ddd;
padding:10px 0;
width: 160px;
float:right;
}
.rightsidebar .widgetsidebar .widget {
list-style:none;
border-top:1px solid #ddd;
padding:10px 0;
}
.middlesidebar .widgetsidebar .widget ul, .rightsidebar .widgetsidebar .widget ul {
list-style-type: none;
}
.middlesidebar .widgetsidebar .widget ul li, .middlesidebar .widgetsidebar .widget li, .rightsidebar .widgetsidebar .widget ul li, .rightsidebar .widgetsidebar .widget li {
margin:0;
border:none;
padding:0 0 0 16px;
background:url(http://1.bp.blogspot.com/_KtmPwZMZ59Q/TJiZrtAcoII/AAAAAAAABH4/Y60cqkYuCi0/s1600/li.gif) no-repeat left 2px;
}
/*<-------------------> Footer <------------------->*/
#footer {
background:#fff url(http://3.bp.blogspot.com/_KtmPwZMZ59Q/TJiZnyWdJBI/AAAAAAAABHQ/swBYa_A2BUo/s1600/footer.gif) repeat-x left top;
z-index:2;
}
#footer-box {
position:relative;
font-size:13px;
height:110px;
padding-top:30px;
}
#footer-box ul {
width:100%;
margin:0 auto;
}
#footer-box ul li {
float:left;
padding:0 10px;
border-left:1px solid #ddd;
list-style:none;
}
#footer-box ul li#fhome {
padding-left:10px;
}
span.ipower {
background:url(http://3.bp.blogspot.com/_KtmPwZMZ59Q/TJiZsvWWW_I/AAAAAAAABII/rImAjLvSFj4/s1600/omagazine.gif) no-repeat left center;
padding-left:19px;
position:absolute;
bottom:10px;
left:0;
color:#fff;
font-size:13px;
}
p.icopy {
margin-bottom:0;
line-height:45px;
}
span.ipower a {
color:#adff2f;
}
span.ilogin {
color:#f30;
position:absolute;
right:50px;
top:5px;
background:url(http://2.bp.blogspot.com/_KtmPwZMZ59Q/TJiZsJWDy2I/AAAAAAAABIA/LSVwccwkSY4/s1600/logo.gif) no-repeat left center;
display:block;
width:73px;
height:56px;
padding:34px 0 0 220px;
font-size:12px;
text-transform:uppercase;
line-height:15px;
}
span.ilogin a {
color:#f30;
}
span.ilogin p {
padding-left:15px;
background:url(http://4.bp.blogspot.com/_KtmPwZMZ59Q/TJiZqkGPv_I/AAAAAAAABHo/N_cYsGEHS94/s1600/ilogin.gif) no-repeat left center;
margin-bottom:0;
}
span.ilogin a.ifeed {
padding-left:15px;
background:url(http://1.bp.blogspot.com/_KtmPwZMZ59Q/TJiZqF8CeJI/AAAAAAAABHg/JP1cRoIm6Dg/s1600/ifeed.gif) no-repeat left center;
}
#navbar-iframe { display:none !important; }
.avatar-image-container img{
margin:0 0 10px 10px;
width:50px;
height:50px;
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.widget-item-control {
display:none !important;
}
-->
0
Langganan:
Posting Komentar (Atom)