Skip to content
The Chat Archive
gpt-3.5-turbo-0301· OpenAI WildChat-4.8M (AI2)

Ciao.Ti do il codice css del mio blog,me lo riscrivi a modo tuo rendendolo piu' bello?…

  1. 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.font);color:(body.font); color: (body.text.color); background: (body.background);padding:0(body.background); padding: 0 (content.shadow.spread) (content.shadow.spread)(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)rgba(0,0,0,.15);−webkit−box−shadow:00(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-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)(content.padding) (content.padding.horizontal); }

    (content.background.color.selector) { background-color: (content.background.color); }

    /* Header ----------------------------------------------- */ .header-outer { background: (header.background.color)(header.background.color) (header.background.gradient) repeat-x scroll 0 -400px; _background-image: none; }

    .Header h1 { font: (header.font);color:(header.font); color: (header.text.color); text-shadow: (header.shadow.offset.left)(header.shadow.offset.left) (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.size);color:(description.text.size); color: (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: (header.bottom.border.size)solid(header.bottom.border.size) solid (tabs.border.color); }

    .tabs-inner .section:first-child ul { margin-top: -(header.border.size);border−top:(header.border.size); border-top: (header.border.size) solid (tabs.border.color);border−left:(tabs.border.color); border-left: (header.border.horizontalsize) solid (tabs.border.color);border−right:(tabs.border.color); border-right: (header.border.horizontalsize) solid $(tabs.border.color); }

    .tabs-inner .widget ul { background: (tabs.background.color)(tabs.background.color) (tabs.background.gradient) repeat-x scroll 0 -800px; _background-image: none; border-bottom: (tabs.border.width)solid(tabs.border.width) solid (tabs.border.color);

    margin-top: (tabs.margin.top);margin−left:−(tabs.margin.top); margin-left: -(tabs.margin.side); margin-right: -$(tabs.margin.side); }

    .tabs-inner .widget li a { display: inline-block;

    padding: .6em 1em;

    font: (tabs.font);color:(tabs.font); color: (tabs.text.color);

    border-startSide:startSide: (tabs.border.width) solid (content.background.color);border−(content.background.color); border-endSide: (tabs.bevel.border.width)solid(tabs.bevel.border.width) solid (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.text.color);background−color:(tabs.selected.text.color); background-color: (tabs.selected.background.color); text-decoration: none; }

    /* Columns ----------------------------------------------- */ .main-outer { border-top: (main.border.width)solid(main.border.width) solid (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.font);color:(widget.title.font); color: (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.background.color);color:(date.header.background.color); color: (date.header.color); padding: (date.header.padding);letter−spacing:(date.header.padding); letter-spacing: (date.header.letterspacing); margin: $(date.header.margin); }

    .main-inner { padding-top: (main.padding.top);padding−bottom:(main.padding.top); padding-bottom: (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.background.color);border:1pxsolid(image.background.color); border: 1px solid (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.text.color);background−color:(post.footer.text.color); background-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); }

  2. 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; }