Ciao.Ti do il codice css del mio blog,me lo riscrivi a modo tuo rendendolo piu' bello?…
- User
Ciao.Ti do il codice css del mio blog,me lo riscrivi a modo tuo rendendolo piu' bello? il codice: /* Content ----------------------------------------------- */ body { font: (body.text.color); background: (content.shadow.spread) (content.shadow.spread); $(body.background.override) }
html body (page.width.selector) { min-width: 0; max-width: 100%; width: (page.width); }
h2 { font-size: 22px; }
a:link { text-decoration:none; color: $(link.color); }
a:visited { text-decoration:none; color: $(link.visited.color); }
a:hover { text-decoration:underline; color: $(link.hover.color); }
.body-fauxcolumn-outer .fauxcolumn-inner { background: transparent $(body.background.gradient.tile) repeat scroll top left; _background-image: none; }
.body-fauxcolumn-outer .cap-top { position: absolute; z-index: 1; height: 400px; width: 100%; }
.body-fauxcolumn-outer .cap-top .cap-left { width: 100%; background: transparent $(body.background.gradient.cap) repeat-x scroll top left; _background-image: none; }
.content-outer { -moz-box-shadow: 0 0 (content.shadow.spread.webkit) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 (content.shadow.spread.ie) #333333; box-shadow: 0 0 (content.shadow.spread) rgba(0, 0, 0, .15);
margin-bottom: 1px; }
.content-inner { padding: (content.padding.horizontal); }
(content.background.color.selector) { background-color: (content.background.color); }
/* Header ----------------------------------------------- */ .header-outer { background: (header.background.gradient) repeat-x scroll 0 -400px; _background-image: none; }
.Header h1 { font: (header.text.color); text-shadow: (header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2); }
.Header h1 a { color: $(header.text.color); }
.Header .description { font-size: (description.text.color); }
.header-inner .Header .titlewrapper { padding: 22px $(header.padding); }
.header-inner .Header .descriptionwrapper { padding: 0 $(header.padding); }
/* Tabs ----------------------------------------------- */ .tabs-inner .section:first-child { border-top: (tabs.border.color); }
.tabs-inner .section:first-child ul { margin-top: -(header.border.size) solid (header.border.horizontalsize) solid (header.border.horizontalsize) solid $(tabs.border.color); }
.tabs-inner .widget ul { background: (tabs.background.gradient) repeat-x scroll 0 -800px; _background-image: none; border-bottom: (tabs.border.color);
margin-top: (tabs.margin.side); margin-right: -$(tabs.margin.side); }
.tabs-inner .widget li a { display: inline-block;
padding: .6em 1em;
font: (tabs.text.color);
border-(tabs.border.width) solid endSide: (tabs.border.color); }
.tabs-inner .widget li:first-child a { border-$startSide: none; }
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { color: (tabs.selected.background.color); text-decoration: none; }
/* Columns ----------------------------------------------- */ .main-outer { border-top: (body.rule.color); }
.fauxcolumn-left-outer .fauxcolumn-inner { border-right: 1px solid $(body.rule.color); }
.fauxcolumn-right-outer .fauxcolumn-inner { border-left: 1px solid $(body.rule.color); }
/* Headings ----------------------------------------------- */ div.widget > h2, div.widget h2.title { margin: 0 0 1em 0;
font: (widget.title.text.color); }
/* Widgets ----------------------------------------------- */ .widget .zippy { color: $(widget.alternate.text.color); text-shadow: 2px 2px 1px rgba(0, 0, 0, .1); }
.widget .popular-posts ul { list-style: none; }
/* Posts ----------------------------------------------- */ h2.date-header { font: $(date.header.font); }
.date-header span { background-color: (date.header.color); padding: (date.header.letterspacing); margin: $(date.header.margin); }
.main-inner { padding-top: (main.padding.bottom); }
.main-inner .column-center-inner { padding: 0 $(main.padding); }
.main-inner .column-center-inner .section { margin: 0 $(main.section.margin); }
.post { margin: 0 0 $(post.margin.bottom) 0; }
h3.post-title, .comments h4 { font: $(post.title.font); margin: .75em 0 0; }
.post-body { font-size: 110%; line-height: 1.4; position: relative; }
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: $(image.border.small.size);
background: (image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); }
.post-body img, .post-body .tr-caption-container { padding: $(image.border.large.size); }
.post-body .tr-caption-container { color: $(image.text.color); }
.post-body .tr-caption-container img { padding: 0;
background: transparent; border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1); box-shadow: 0 0 0 rgba(0, 0, 0, .1); }
.post-header { margin: 0 0 1.5em;
line-height: 1.6; font-size: 90%; }
.post-footer { margin: 20px -2px 0; padding: 5px 10px;
color: (post.footer.background.color); border-bottom: 1px solid $(post.footer.border.color);
line-height: 1.6; font-size: 90%; }
#comments .comment-author { padding-top: 1.5em;
border-top: 1px solid $(body.rule.color); background-position: 0 1.5em; }
#comments .comment-author:first-child { padding-top: 0; border-top: none; }
.avatar-image-container { margin: .2em 0 0; }
#comments .avatar-image-container img { border: 1px solid $(image.border.color); }
- Assistant
Ecco qui il codice CSS del tuo blog rielaborato:
/* Content */ body { font-family: Georgia, serif; color: #333333; background: #ffffff; padding: 0 10px 10px 10px; }
html body #page-wrap { min-width: 320px; max-width: 100%; width: 960px; margin: 0 auto; }
h2 { font-size: 22px; }
a { text-decoration:none; color: #0077bb; }
a:visited { color: #00588c; }
a:hover { text-decoration:underline; color: #333333; }
.body-fauxcolumn-outer .fauxcolumn-inner { background: transparent linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%) repeat scroll top left; }
.body-fauxcolumn-outer .cap-top { position: absolute; z-index: 1; height: 400px; width: 100%; }
.body-fauxcolumn-outer .cap-top .cap-left { width: 100%; background: transparent linear-gradient(to bottom, #f0f0f0 0%, #ffffff 100%) repeat-x scroll top left; }
.content-outer { box-shadow: 0 0 10px rgba(0, 0, 0, .1); margin-bottom: 20px; background-color: #ffffff; }
.content-inner { padding: 20px; }
#main-content { background-color: #ffffff; }
/* Header */ .header-outer { background: #f0f0f0 linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%) repeat-x scroll 0 -400px; }
.Header h1 { font-family: 'Open Sans', sans-serif; color: #0077bb; text-shadow: 1px 1px 5px rgba(0, 0, 0, .1); }
.Header h1 a { color: #0077bb; }
.Header .description { font-size: 16px; color: #555555; }
.header-inner .Header .titlewrapper { padding: 20px; }
.header-inner .Header .descriptionwrapper { padding: 0 20px; }
/* Tabs */ .tabs-inner .section:first-child { border-top: 1px solid #f0f0f0; }
.tabs-inner .section:first-child ul { margin-top: -1px; border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; }
.tabs-inner .widget ul { background: #f0f0f0 linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%) repeat-x scroll 0 -800px; border-bottom: 1px solid #f0f0f0; margin-top: 20px; margin-left: -20px; margin-right: -20px; padding: 10px 20px; }
.tabs-inner .widget li a { display: inline-block; padding: .6em 1em; font-family: Helvetica, Arial, sans-serif; color: #333333; border: 1px solid #f0f0f0; }
.tabs-inner .widget li:first-child a { border-left: none; }
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { color: #ffffff; background-color: #0077bb; }
/* Columns */ .main-outer { border-top: 1px solid #f0f0f0; }
.fauxcolumn-left-outer .fauxcolumn-inner { border-right: 1px solid #f0f0f0; }
.fauxcolumn-right-outer .fauxcolumn-inner { border-left: 1px solid #f0f0f0; }
/* Headings */ div.widget > h2, div.widget h2.title { margin: 0 0 20px 0; font-family: 'Open Sans', sans-serif; color: #333333; }
/* Widgets */ .widget .zippy { color: #0077bb; text-shadow: 2px 2px 1px rgba(0, 0, 0, .1); }
.widget .popular-posts ul { list-style: none; }
/* Posts */ h2.date-header { font-family: 'Open Sans', sans-serif; margin: 0; text-align: center; font-size: 18px; font-weight: normal; color: #ffffff; }
.date-header span { background-color: #0077bb; color: #ffffff; padding: 5px 10px; letter-spacing: 1px; margin: 10px 0; display: inline-block; }
.main-inner { padding-top: 20px; padding-bottom: 20px; }
.main-inner .column-center-inner { padding: 0 20px; }
.main-inner .column-center-inner .section { margin: 0 0 20px 0; }
.post { margin: 0 0 40px; }
h3.post-title, .comments h4 { font-family: 'Open Sans', sans-serif; margin: 0; font-size: 24px; font-weight: normal; color: #333333; }
.post-body { font-size: 16px; line-height: 1.6; position: relative; }
.post-body img { padding: 10px; background: #f0f0f0; border: 1px solid #c0c0c0; box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); }
.post-body .tr-caption-container { color: #333333; }
.post-body .tr-caption-container img { padding: 0; background: transparent; border: none; box-shadow: none; }
.post-header { margin: 0 0 20px; line-height: 1.6; font-size: 14px; }
.post-footer { margin: 20px -20px 0; padding: 10px 20px; color: #555555; background-color: #f0f0f0; border-top: 1px solid #c0c0c0; line-height: 1.6; font-size: 14px; }
#comments .comment-author { padding-top: 20px; border-top: 1px solid #f0f0f0; background-position: 0 20px; }
#comments .comment-author:first-child { padding-top: 0; border-top: none; }
.avatar-image-container { margin: 5px 0 0; }
#comments .avatar-image-container img { border: 1px solid #c0c0c0; }