Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

blog4ever et artisteer

23 appréciations
Hors-ligne
bonsoir à tous,
alors voilà, j'ai découvert l'application "artisteer" il y a peu. J'aimerais donc savoir s'il est possible d'importer un thème (et / ou contenu) créer via cette appli.
Si une importation n'est pas possible, comment puis-je procédé? Le code CSS je l'ai trouvé mais pour ce qui est du HTML, j'en ai un par page avec artisteer donc je suis un peu perdue..... Merci de votre aide

4055 appréciations
Hors-ligne
:bd:

Je ne sais pas si ton code css pourra remplacer celui qui est en place.( il peut y avoir contradiction avec des codes en place dans la structure, donc il faudra faire des manipulations réserver aux connaisseurs )
Il faut voir si ce code concerne le blog en entier ou seulement une partie.
fais une copie du css pour que l'on voit.
le code html est généré par rapport au contenu de la page elle même, donc forcément il change à chaque page.

Je ne sais pas si Artisteer fait mieux que ce qu'il y a en place sur la plateforme mais je pense qu'il faut demander sur le forum si ce n'est pas plus simple de créer un design personnalisé en modifiant des partie du blog.


23 appréciations
Hors-ligne
:bd:
alors pr le css le voilà:



#art-main
{
background: #60091E url('images/page.png') repeat-x fixed;
background: linear-gradient(top, rgba(0, 0, 0, 0.13) 0, rgba(243, 124, 152, 0.19) 1050px) no-repeat, url('images/page.png') repeat-x, linear-gradient(top, #000000 0, #E01544 1050px) no-repeat;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.13) 0, rgba(243, 124, 152, 0.19) 1050px) no-repeat, url('images/page.png') repeat-x, -webkit-linear-gradient(top, #000000 0, #E01544 1050px) no-repeat;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.13) 0, rgba(243, 124, 152, 0.19) 1050px) no-repeat, url('images/page.png') repeat-x, -moz-linear-gradient(top, #000000 0, #E01544 1050px) no-repeat;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.13) 0, rgba(243, 124, 152, 0.19) 1050px) no-repeat, url('images/page.png') repeat-x, -o-linear-gradient(top, #000000 0, #E01544 1050px) no-repeat;
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.13) 0, rgba(243, 124, 152, 0.19) 1050px) no-repeat, url('images/page.png') repeat-x, -ms-linear-gradient(top, #000000 0, #E01544 1050px) no-repeat;
background: linear-gradient(top, rgba(0, 0, 0, 0.13) 0, rgba(243, 124, 152, 0.19) 1050px) no-repeat, url('images/page.png') repeat-x, linear-gradient(top, #000000 0, #E01544 1050px) no-repeat;
-svg-background: linear-gradient(top, rgba(0, 0, 0, 0.13) 0, rgba(243, 124, 152, 0.19) 1050px) no-repeat, url('images/page.png') repeat-x, linear-gradient(top, #000000 0, #E01544 1050px) no-repeat;
background-attachment: fixed, fixed, fixed !important;
margin:0 auto;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
position: relative;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor:default;
overflow:hidden;
}
table, ul.art-hmenu
{
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
margin: 0;
padding: 0;
}

/* Reset buttons border. It's important for input and button tags.
* border-collapse should be separate for shadow in IE.
*/
.art-button
{
border: 0;
border-collapse: separate;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
background: #C9133D;
background: linear-gradient(top, #EB2452 0, #E91647 15%, #9A0E2F 100%) no-repeat;
background: -webkit-linear-gradient(top, #EB2452 0, #E91647 15%, #9A0E2F 100%) no-repeat;
background: -moz-linear-gradient(top, #EB2452 0, #E91647 15%, #9A0E2F 100%) no-repeat;
background: -o-linear-gradient(top, #EB2452 0, #E91647 15%, #9A0E2F 100%) no-repeat;
background: -ms-linear-gradient(top, #EB2452 0, #E91647 15%, #9A0E2F 100%) no-repeat;
background: linear-gradient(top, #EB2452 0, #E91647 15%, #9A0E2F 100%) no-repeat;
-svg-background: linear-gradient(top, #EB2452 0, #E91647 15%, #9A0E2F 100%) no-repeat;
-webkit-border-radius:11px;
-moz-border-radius:11px;
border-radius:11px;
-webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
padding:0 20px;
margin:0 auto;
height:30px;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a
{
text-align: left;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-postcontent p
{
margin: 12px 0;
}

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
.art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
font-size: 32px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
}

.art-postcontent a, .art-postcontent a:link
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
color: #60091E;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
color: #F06082;
}

.art-postcontent a:hover, .art-postcontent a.hover
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: underline;
color: #60091E;
}

.art-postcontent h1
{
color: #60091E;
margin: 0 0 20px;
font-size: 28px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
}

.art-blockcontent h1
{
margin: 0 0 20px;
font-size: 28px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
{
font-size: 28px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
}

.art-postcontent h2
{
color: #60091E;
margin-top: 19px;
margin-bottom: 19px;
font-size: 24px;
font-family: 'Times New Roman', Georgia, Times, Serif;
}

.art-blockcontent h2
{
margin-top: 19px;
margin-bottom: 19px;
font-size: 24px;
font-family: 'Times New Roman', Georgia, Times, Serif;
}

.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
{
font-size: 24px;
font-family: 'Times New Roman', Georgia, Times, Serif;
}

.art-postcontent h3
{
color: #60091E;
margin: 5px 0 0;
font-size: 22px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
}

.art-blockcontent h3
{
margin: 5px 0 0;
font-size: 22px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
{
font-size: 22px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
}

.art-postcontent h4
{
color: #60091E;
margin: 20px 0 0;
font-size: 18px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
}

.art-blockcontent h4
{
margin: 20px 0 0;
font-size: 18px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
{
font-size: 18px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
}

.art-postcontent h5
{
color: #60091E;
margin-top: 26px;
margin-bottom: 26px;
font-size: 13px;
font-family: 'Times New Roman', Georgia, Times, Serif;
}

.art-blockcontent h5
{
margin-top: 26px;
margin-bottom: 26px;
font-size: 13px;
font-family: 'Times New Roman', Georgia, Times, Serif;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
{
font-size: 13px;
font-family: 'Times New Roman', Georgia, Times, Serif;
}

.art-postcontent h6
{
color: #60091E;
margin-top: 35px;
margin-bottom: 35px;
font-size: 11px;
font-family: 'Times New Roman', Georgia, Times, Serif;
}

.art-blockcontent h6
{
margin-top: 35px;
margin-bottom: 35px;
font-size: 11px;
font-family: 'Times New Roman', Georgia, Times, Serif;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
{
font-size: 11px;
font-family: 'Times New Roman', Georgia, Times, Serif;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
{
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before
{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

ul
{
list-style-type: none;
}

ol
{
list-style-position: inside;
}

html, body
{
height: 100%;
}

body
{
padding: 0;
margin:0;
min-width: 900px;
color: #60091E;
}

.art-header:before, #art-header-bg:before, .art-layout-cell:before, .art-layout-wrapper:before, .art-footer:before, .art-nav:before, #art-hmenu-bg:before, .art-sheet:before
{
width: 100%;
content: " ";
display: table;
}
.art-header:after, #art-header-bg:after, .art-layout-cell:after, .art-layout-wrapper:after, .art-footer:after, .art-nav:after, #art-hmenu-bg:after, .art-sheet:after,
.cleared, .clearfix:after {
clear: both;
font: 0/0 serif;
display: block;
content: " ";
}

form
{
padding: 0 !important;
margin: 0 !important;
}

table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}

li h1, .art-postcontent li h1, .art-blockcontent li h1
{
margin:1px;
}
li h2, .art-postcontent li h2, .art-blockcontent li h2
{
margin:1px;
}
li h3, .art-postcontent li h3, .art-blockcontent li h3
{
margin:1px;
}
li h4, .art-postcontent li h4, .art-blockcontent li h4
{
margin:1px;
}
li h5, .art-postcontent li h5, .art-blockcontent li h5
{
margin:1px;
}
li h6, .art-postcontent li h6, .art-blockcontent li h6
{
margin:1px;
}
li p, .art-postcontent li p, .art-blockcontent li p
{
margin:1px;
}


.art-shapes
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 0;
}

.art-slider-inner {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

.art-slidenavigator > a {
display: inline-block;
vertical-align: middle;
outline-style: none;
font-size: 1px;
}

.art-slidenavigator > a:last-child {
margin-right: 0 !important;
}

.art-object24925702
{
display: block;
left: 39.93%;
margin-left: -252px;
position: absolute;
top: 0px;
width: 632px;
height: 357px;
background-image: url('images/object24925702.png');
background-position: 0 0;
background-repeat: no-repeat;
z-index: 2;
}
.art-object1284198067
{
display: block;
left: 100%;
margin-left: -206px;
position: absolute;
top: 34px;
width: 273px;
height: 472px;
background-image: url('images/object1284198067.png');
background-position: 0 0;
background-repeat: no-repeat;
z-index: 3;
}




.art-footer .layout-item-0 { padding: 20px; }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }

.art-header
{
margin:0 auto;
position:relative;
height: 500px;
background-image: url('images/header.png');
background-position: center top;
background-repeat: no-repeat;
}

.responsive .art-header
{
background-image: url('images/header.png');
background-position: center center;
}

.art-header-inner{
position: relative;
width: 900px;
z-index: auto !important;
margin: 0 auto;
}

.art-header>.widget
{
position:absolute;
z-index:101;
}

.art-nav
{
padding:3px;
position: absolute;
margin: 0;
bottom: 0;
width: 100%;
z-index: 100;
}

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover
{
outline: none;
position: relative;
z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul
{
display: block;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

ul.art-hmenu li
{
position: relative;
z-index: 5;
display: block;
float: left;
background: none;
margin: 0;
padding: 0;
border: 0;
}

ul.art-hmenu li:hover
{
z-index: 10000;
white-space: normal;
}

ul.art-hmenu:after, ul.art-hmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}

ul.art-hmenu, ul.art-hmenu ul
{
min-height: 0;
}

ul.art-hmenu
{
display: inline-block;
vertical-align: middle;
padding-left: 3px;
padding-right: 3px;
}

.art-nav-inner:before
{
content:' ';
}

nav.art-nav
{
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.art-nav-inner{
text-align: left;
margin:0 auto;
}

.desktop .art-nav-inner{
width: 900px;
padding-left: 3px;
padding-right: 3px;
}

.desktop .art-nav
{
padding-left: 0;
padding-right: 0;
}

.art-hmenu-extra1
{
position: relative;
display: block;
float: left;
width: auto;
height: auto;
background-position: center;
}

.art-hmenu-extra2
{
position: relative;
display: block;
float: right;
width: auto;
height: auto;
background-position: center;
}

.art-hmenu
{
float: left;
}

.art-menuitemcontainer
{
margin:0 auto;
}
ul.art-hmenu>li {
margin-left: 9px;
}
ul.art-hmenu>li:first-child {
margin-left: 4px;
}
ul.art-hmenu>li:last-child, ul.art-hmenu>li.last-child {
margin-right: 4px;
}

ul.art-hmenu>li>a
{
background: #F0EDD6;
background: linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
background: -webkit-linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
background: -moz-linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
background: -o-linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
background: -ms-linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
background: linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
-svg-background: linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
border:1px solid #60091E;
padding:0 12px;
margin:0 auto;
position: relative;
display: block;
height: 28px;
cursor: pointer;
text-decoration: none;
color: #5D091C;
line-height: 28px;
text-align: center;
}

.art-hmenu a,
.art-hmenu a:link,
.art-hmenu a:visited,
.art-hmenu a.active,
.art-hmenu a:hover
{
font-size: 20px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: left;
}

ul.art-hmenu>li>a.active
{
background: #C9133D;
background: linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
background: -webkit-linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
background: -moz-linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
background: -o-linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
background: -ms-linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
background: linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
-svg-background: linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
border:1px solid #F0EDD6;
padding:0 12px;
margin:0 auto;
color: #F0EDD6;
text-decoration: none;
}

ul.art-hmenu>li>a:visited,
ul.art-hmenu>li>a:hover,
ul.art-hmenu>li:hover>a {
text-decoration: none;
}

ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a
{
background: #F0EDD6;
background: rgba(240, 237, 214, 0.6);
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
border:1px solid rgba(96, 9, 30, 0.6);
padding:0 12px;
margin:0 auto;
}
ul.art-hmenu>li>a:hover,
.desktop ul.art-hmenu>li:hover>a {
color: #60091E;
text-decoration: none;
}

ul.art-hmenu>li:before
{
position:absolute;
display: block;
content:' ';
top:0;
left: -9px;
width:9px;
height: 28px;
background: url('images/menuseparator.png') center center no-repeat;
}
ul.art-hmenu>li:first-child:before{
display:none;
}

ul.art-hmenu ul
{
display: none;
}

.art-sheet
{
background: #F0EDD6;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
-webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.4);
border:5px solid rgba(208, 202, 139, 0.8);
margin:0 auto;
position:relative;
cursor:auto;
width: 900px;
z-index: auto !important;
}

.art-layout-wrapper
{
position: relative;
margin: 0 auto 0 auto;
z-index: auto !important;
}

.art-content-layout
{
display: table;
width: 100%;
table-layout: fixed;
}

.art-content-layout-row
{
display: table-row;
}

.art-layout-cell
{
display: table-cell;
vertical-align: top;
}

/* need only for content layout in post content */
.art-postcontent .art-content-layout
{
border-collapse: collapse;
}

.art-vmenublock
{
margin:10px;
}
div.art-vmenublock img
{
margin: 0;
}

.art-vmenublockheader
{
padding:6px 5px;
margin:0 auto;
}
.art-vmenublockheader .t,
.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited,
.art-vmenublockheader .t a:hover
{
color: #5D091C;
font-size: 14px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
margin: 0 10px 0 5px;
}

.art-vmenublockcontent
{
padding:5px;
margin:0 auto;
}

ul.art-vmenu, ul.art-vmenu ul
{
list-style: none;
display: block;
}

ul.art-vmenu, ul.art-vmenu li
{
display: block;
margin: 0;
padding: 0;
width: auto;
line-height: 0;
}

ul.art-vmenu
{
margin-top: 0;
margin-bottom: 0;
}

ul.art-vmenu ul
{
display: none;
margin: 0;
padding: 0;
position: relative;
}

ul.art-vmenu ul.active
{
display: block;
}

ul.art-vmenu>li>a
{
background: #C9133D;
background: linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
background: -webkit-linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
background: -moz-linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
background: -o-linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
background: -ms-linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
background: linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
-svg-background: linear-gradient(top, #9F0F30 0, #E91647 40%, #EA1F4E 50%, #E91647 60%, #9F0F30 100%) no-repeat;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:2px solid #D0CA8B;
padding:0 10px;
margin:0 auto;
color: #EFEDD7;
min-height: 30px;
line-height: 30px;
}
ul.art-vmenu a
{
display: block;
cursor: pointer;
z-index: 1;
font-size: 12px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
position:relative;
}

ul.art-vmenu li{
position:relative;
}

ul.art-vmenu>li
{
margin-top: 4px;
}
ul.art-vmenu>li>ul
{
padding: 0;
margin-top: 8px;
margin-bottom: 8px;
}
ul.art-vmenu>li:first-child
{
margin-top:0;
}

ul.art-vmenu>li>a:hover, ul.art-vmenu>li>a.active:hover
{
background: #C9133D;
background: linear-gradient(top, rgba(159, 15, 48, 0.6) 0, rgba(233, 22, 71, 0.6) 40%, rgba(234, 31, 78, 0.6) 50%, rgba(233, 22, 71, 0.6) 60%, rgba(159, 15, 48, 0.6) 100%) no-repeat;
background: -webkit-linear-gradient(top, rgba(159, 15, 48, 0.6) 0, rgba(233, 22, 71, 0.6) 40%, rgba(234, 31, 78, 0.6) 50%, rgba(233, 22, 71, 0.6) 60%, rgba(159, 15, 48, 0.6) 100%) no-repeat;
background: -moz-linear-gradient(top, rgba(159, 15, 48, 0.6) 0, rgba(233, 22, 71, 0.6) 40%, rgba(234, 31, 78, 0.6) 50%, rgba(233, 22, 71, 0.6) 60%, rgba(159, 15, 48, 0.6) 100%) no-repeat;
background: -o-linear-gradient(top, rgba(159, 15, 48, 0.6) 0, rgba(233, 22, 71, 0.6) 40%, rgba(234, 31, 78, 0.6) 50%, rgba(233, 22, 71, 0.6) 60%, rgba(159, 15, 48, 0.6) 100%) no-repeat;
background: -ms-linear-gradient(top, rgba(159, 15, 48, 0.6) 0, rgba(233, 22, 71, 0.6) 40%, rgba(234, 31, 78, 0.6) 50%, rgba(233, 22, 71, 0.6) 60%, rgba(159, 15, 48, 0.6) 100%) no-repeat;
background: linear-gradient(top, rgba(159, 15, 48, 0.6) 0, rgba(233, 22, 71, 0.6) 40%, rgba(234, 31, 78, 0.6) 50%, rgba(233, 22, 71, 0.6) 60%, rgba(159, 15, 48, 0.6) 100%) no-repeat;
-svg-background: linear-gradient(top, rgba(159, 15, 48, 0.6) 0, rgba(233, 22, 71, 0.6) 40%, rgba(234, 31, 78, 0.6) 50%, rgba(233, 22, 71, 0.6) 60%, rgba(159, 15, 48, 0.6) 100%) no-repeat;
border:2px solid rgba(234, 31, 78, 0.6);
padding:0 10px;
margin:0 auto;
}

ul.art-vmenu a:hover, ul.art-vmenu a.active:hover
{
color: #D71441;
}

ul.art-vmenu>li>a.active:hover>span.border-top, ul.art-vmenu>li>a.active:hover>span.border-bottom
{
background-color: transparent;
}

ul.art-vmenu>li>a.active
{
background: #F0EDD6;
background: linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
background: -webkit-linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
background: -moz-linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
background: -o-linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
background: -ms-linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
background: linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
-svg-background: linear-gradient(top, #D9D29B 0, #F2F0DE 40%, #F5F3E5 50%, #F2F0DE 60%, #D9D29B 100%) no-repeat;
border:2px solid #60091E;
padding:0 10px;
margin:0 auto;
color: #60091E;
}

ul.art-vmenu>li>ul:before
{
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:0 auto;
display: block;
position: absolute;
content: ' ';
top: 0;
right: 0;
bottom: 0;
left: 0;
}

ul.art-vmenu li li a
{
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:0 auto;
position: relative;
}
ul.art-vmenu ul li
{
margin: 0;
padding: 0;
}
ul.art-vmenu li li{
position: relative;
margin-top: 0;
}

ul.art-vmenu ul a
{
display: block;
position: relative;
min-height: 24px;
overflow: visible;
padding: 0;
padding-left: 25px;
padding-right: 0;
z-index: 0;
line-height: 24px;
color: #6D672C;
font-size: 11px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
margin-left: 0;
margin-right: 0;
}

ul.art-vmenu ul a:visited, ul.art-vmenu ul a.active:hover, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active
{
line-height: 24px;
color: #6D672C;
font-size: 11px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
margin-left: 0;
margin-right: 0;
}

ul.art-vmenu ul ul a
{
padding-left: 50px;
}
ul.art-vmenu ul ul ul a
{
padding-left: 75px;
}
ul.art-vmenu ul ul ul ul a
{
padding-left: 100px;
}
ul.art-vmenu ul ul ul ul ul a
{
padding-left: 125px;
}

ul.art-vmenu ul>li>a:hover, ul.art-vmenu ul>li>a.active:hover
{
background: #DCD7A8;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:0 auto;
}
ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a.active:hover
{
color: #5B5625;
}

ul.art-vmenu ul a:hover:after
{
background-position: center ;
}
ul.art-vmenu ul a.active:hover:after
{
background-position: center ;
}
ul.art-vmenu ul a.active:after
{
background-position: bottom ;
}

ul.art-vmenu ul>li>a.active
{
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:0 auto;
}
ul.art-vmenu ul a.active, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.active:hover
{
color: #6D672C;
}

.art-block
{
padding:5px;
margin:10px;
}
div.art-block img
{
border: none;
margin: 0;
}

.art-blockcontent
{
margin:0 auto;
color: #2F2D13;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.art-blockcontent table,
.art-blockcontent li,
.art-blockcontent a,
.art-blockcontent a:link,
.art-blockcontent a:visited,
.art-blockcontent a:hover
{
color: #2F2D13;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-blockcontent p
{
margin: 6px 0;
}

.art-blockcontent a, .art-blockcontent a:link
{
color: #B61137;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-blockcontent a:visited, .art-blockcontent a.visited
{
color: #AAA246;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
}

.art-blockcontent a:hover, .art-blockcontent a.hover
{
color: #DB1443;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
}
.art-block ul>li:before
{
content:url('images/blockbullets.png');
margin-right:6px;
bottom: 2px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
margin-left: -12px;
}
.opera .art-block ul>li:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-block li
{
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 125%;
color: #161509;
}

.art-block ul>li, .art-block ol
{
padding: 0;
}

.art-block ul>li
{
padding-left: 12px;
}

.art-breadcrumbs
{
margin:0 auto;
}

a.art-button,
a.art-button:link,
a:link.art-button:link,
body a.art-button:link,
a.art-button:visited,
body a.art-button:visited,
input.art-button,
button.art-button
{
text-decoration: none;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
position:relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
color: #ECE9D0;
overflow: visible;
cursor: pointer;
text-indent: 0;
line-height: 30px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.art-button img
{
margin: 0;
vertical-align: middle;
}

.firefox2 .art-button
{
display: block;
float: left;
}

input, select, textarea, a.art-search-button span
{
vertical-align: middle;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}

.art-block select
{
width:96%;
}

input.art-button
{
float: none !important;
}

.art-button.active, .art-button.active:hover
{
background: #DB0637;
background: linear-gradient(top, #F91A4E 0, #F9063F 20%, #A9042B 100%) no-repeat;
background: -webkit-linear-gradient(top, #F91A4E 0, #F9063F 20%, #A9042B 100%) no-repeat;
background: -moz-linear-gradient(top, #F91A4E 0, #F9063F 20%, #A9042B 100%) no-repeat;
background: -o-linear-gradient(top, #F91A4E 0, #F9063F 20%, #A9042B 100%) no-repeat;
background: -ms-linear-gradient(top, #F91A4E 0, #F9063F 20%, #A9042B 100%) no-repeat;
background: linear-gradient(top, #F91A4E 0, #F9063F 20%, #A9042B 100%) no-repeat;
-svg-background: linear-gradient(top, #F91A4E 0, #F9063F 20%, #A9042B 100%) no-repeat;
-webkit-border-radius:11px;
-moz-border-radius:11px;
border-radius:11px;
-webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
padding:0 20px;
margin:0 auto;
}
.art-button.active, .art-button.active:hover {
color: #ECE9D0 !important;
}

.art-button.hover, .art-button:hover
{
background: #FA3865;
background: linear-gradient(top, #FB6A8C 0, #F9063F 95%, #F4063E 100%) no-repeat;
background: -webkit-linear-gradient(top, #FB6A8C 0, #F9063F 95%, #F4063E 100%) no-repeat;
background: -moz-linear-gradient(top, #FB6A8C 0, #F9063F 95%, #F4063E 100%) no-repeat;
background: -o-linear-gradient(top, #FB6A8C 0, #F9063F 95%, #F4063E 100%) no-repeat;
background: -ms-linear-gradient(top, #FB6A8C 0, #F9063F 95%, #F4063E 100%) no-repeat;
background: linear-gradient(top, #FB6A8C 0, #F9063F 95%, #F4063E 100%) no-repeat;
-svg-background: linear-gradient(top, #FB6A8C 0, #F9063F 95%, #F4063E 100%) no-repeat;
-webkit-border-radius:11px;
-moz-border-radius:11px;
border-radius:11px;
-webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
padding:0 20px;
margin:0 auto;
}
.art-button.hover, .art-button:hover {
color: #32010D !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
background: #FFFFFF;
margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
width: auto;
padding: 8px 0;
color: #3A3718 !important;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-shadow: none;
}
input.art-error, textarea.art-error
{
background: #FFFFFF;
border:1px solid #E2341D;
margin:0 auto;
}
input.art-error, textarea.art-error {
color: #3A3718 !important;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
form.art-search input[type="text"]
{
background: #FFFFFF;
border-radius: 0;
margin:0 auto;
width: 100%;
padding: 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #3A3718 !important;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
form.art-search
{
background-image: none;
border: 0;
display:block;
position:relative;
top:0;
padding:0;
margin:5px;
left:0;
line-height: 0;
}

form.art-search input, a.art-search-button
{
top:0;
right:0;
}

form.art-search>input, a.art-search-button{
bottom:0;
left:0;
vertical-align: middle;
}

form.art-search input[type="submit"]
{
background: #C9133D;
margin:0 auto;
position:absolute;
left:auto;
display:block;
border: 0;
top: 0;
bottom: 0;
right: 0;
padding:0 6px;
color: #ECE9D0 !important;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
cursor: pointer;
}

a.art-search-button span.art-search-button-text, a.art-search-button:after {
vertical-align:middle;
}

a.art-search-button:after {
display:inline-block;
content:' ';
height: 100%;
}

a.art-search-button, a.art-search-button span,
a.art-search-button:visited, a.art-search-button.visited,
a.art-search-button:hover, a.art-search-button.hover
{
text-decoration: none;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}

label.art-checkbox:before
{
background: #EFEDD7;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
margin:0 auto;
width:16px;
height:16px;
}
label.art-checkbox
{
cursor: pointer;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
line-height: 16px;
display: inline-block;
color: #2F2D13 !important;
}

.art-checkbox>input[type="checkbox"]
{
margin: 0 5px 0 0;
}

label.art-checkbox.active:before
{
background: #F3819C;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
margin:0 auto;
width:16px;
height:16px;
display: inline-block;
}

label.art-checkbox.hovered:before
{
background: #FDE8ED;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
margin:0 auto;
width:16px;
height:16px;
display: inline-block;
}

label.art-radiobutton:before
{
background: #FFFFFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:0 auto;
width:12px;
height:12px;
}
label.art-radiobutton
{
cursor: pointer;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
line-height: 12px;
display: inline-block;
color: #2F2D13 !important;
}

.art-radiobutton>input[type="radio"]
{
vertical-align: baseline;
margin: 0 5px 0 0;
}

label.art-radiobutton.active:before
{
background: #F3819C;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:0 auto;
width:12px;
height:12px;
display: inline-block;
}

label.art-radiobutton.hovered:before
{
background: #FDE8ED;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:0 auto;
width:12px;
height:12px;
display: inline-block;
}

.art-post
{
background: #F5F3E6;
background: rgba(245, 243, 230, 0.8);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:3px;
margin:10px;
}
a img
{
border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img
{
border: 1px solid #C4BD6E;
margin: 10px 10px 10px 10px;
}

.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}

.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
}

.art-post .art-content-layout-br
{
height: 0;
}

.art-article th, .art-article td
{
padding: 2px;
border: dotted 1px #C4BD6E;
vertical-align: top;
text-align: left;
}

.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}

pre
{
overflow: auto;
padding: 0.1em;
}

.preview-cms-logo
{
border: 0;
margin: 1em 1em 0 0;
float: left;
}

.image-caption-wrapper
{
padding: 10px 10px 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.image-caption-wrapper img
{
margin: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.image-caption-wrapper div.art-collage
{
margin: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.image-caption-wrapper p
{
font-size: 80%;
text-align: right;
margin: 0;
}

.art-postmetadataheader
{
background: #ECE9D0;
background: rgba(236, 233, 208, 0.8);
margin:0 auto;
position:relative;
z-index:1;
padding: 1px;
}

.art-postheader
{
color: #60091E;
margin: 0 0 0 20px;
font-size: 28px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
}

.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered
{
font-size: 28px;
font-family: 'Times New Roman', Georgia, Times, Serif;
font-weight: normal;
font-style: normal;
}

.art-postheader a, .art-postheader a:link
{
font-family: 'Times New Roman', Georgia, Times, Serif;
text-decoration: none;
text-align: left;
color: #EB2452;
}

.art-postheader a:visited, .art-postheader a.visited
{
font-family: 'Times New Roman', Georgia, Times, Serif;
text-decoration: none;
text-align: left;
color: #AAA246;
}

.art-postheader a:hover, .art-postheader a.hovered
{
font-family: 'Times New Roman', Georgia, Times, Serif;
text-decoration: none;
text-align: left;
color: #DB1443;
}

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #625D28;
}

.art-postheadericons
{
padding: 1px;
}

.art-postheadericons a, .art-postheadericons a:link
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
color: #1D1C0C;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
text-decoration: none;
color: #5B5625;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
text-decoration: underline;
color: #C4123C;
}

.art-postdateicon:before
{
content:url('images/postdateicon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .art-postdateicon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postauthoricon:before
{
content:url('images/postauthoricon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .art-postauthoricon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postpdficon:before
{
content:url('images/postpdficon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .art-postpdficon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postprinticon:before
{
content:url('images/postprinticon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .art-postprinticon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postemailicon:before
{
content:url('images/postemailicon.png');
margin-right:6px;
bottom: 2px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
}
.opera .art-postemailicon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postediticon:before
{
content:url('images/postediticon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .art-postediticon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
{
content:url('images/postbullets.png');
margin-right:6px;
bottom: 2px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
}
.opera .art-postcontent ul>li:before, .opera .art-post ul>li:before, .opera .art-textblock ul>li:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postcontent li, .art-post li, .art-textblock li
{
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #4C481F;
margin: 0 0 0 26px;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li, .art-postcontent ol, .art-post ol, .art-textblock ol
{
padding: 0;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
{
padding-left: 13px;
}

.art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before
{
margin-left: -13px;
}

.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul
{
margin: 1em 0 1em 26px;
}

.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul
{
margin: 0.5em 0 0.5em 26px;
}

.art-postcontent li, .art-post li, .art-textblock li
{
margin: 0 0 0 0;
}

.art-postcontent ol>li, .art-post ol>li, .art-textblock ol>li
{
/* overrides overflow for "ul li" and sets the default value */
overflow: visible;
}

.art-postcontent ul>li, .art-post ul>li, .art-textblock ul>li
{
/* makes "ul li" not to align behind the image if they are in the same line */
overflow-x: visible;
overflow-y: hidden;
}

blockquote
{
background: #EE4970 url('images/postquote.png') no-repeat scroll;
padding:15px 15px 15px 52px;
margin:10px 0 0 25px;
color: #0F0004;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
text-align: left;
/* makes block not to align behind the image if they are in the same line */
overflow: auto;
clear:both;
}
blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
{
color: #0F0004;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: italic;
text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p
{
margin: 0;
margin: 2px 0 2px 15px;
}

.art-postmetadatafooter
{
background: #DCD7A8;
background: rgba(220, 215, 168, 0.8);
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
border:1px solid #D0CA8B;
margin:0 auto;
position:relative;
z-index:1;
padding: 1px;
}

.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #656029;
}

.art-postfootericons
{
padding: 1px;
}

.art-postfootericons a, .art-postfootericons a:link
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
color: #19180A;
}

.art-postfootericons a:visited, .art-postfootericons a.visited
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
color: #504C21;
}

.art-postfootericons a:hover, .art-postfootericons a.hover
{
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
color: #A81033;
}

.art-postcategoryicon:before
{
content:url('images/postcategoryicon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .art-postcategoryicon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-posttagicon:before
{
content:url('images/posttagicon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .art-posttagicon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postcommentsicon:before
{
content:url('images/postcommentsicon.png');
margin-right:6px;
position:relative;
display:inline-block;
vertical-align:middle;
font-size:0;
line-height:0;
bottom: auto;
}
.opera .art-postcommentsicon:before
{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-footer
{
background: #DCD7A8;
background: rgba(220, 215, 168, 0.8);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
padding:10px;
margin:10px auto 0;
position: relative;
color: #000000;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: left;
}

.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover,
.art-footer td,
.art-footer th,
.art-footer caption
{
color: #000000;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.art-footer p
{
padding:0;
text-align: left;
}

.art-footer a,
.art-footer a:link
{
color: #790B25;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
}

.art-footer a:visited
{
color: #777231;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
}

.art-footer a:hover
{
color: #CC0534;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-footer h1
{
}

.art-footer h2
{
}

.art-footer h3
{
}

.art-footer h4
{
}

.art-footer h5
{
}

.art-footer h6
{
}

.art-footer img
{
border: none;
margin: 0;
}

.art-footer li
{
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 125%;
color: #121107;
}

.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
font-family: Arial;
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #F8B9C8;
}

.art-page-footer
{
position: relative;
z-index: auto !important;
padding: 1em;
text-align: center !important;
text-decoration: none;
color: #FCDAE2;
}

.art-lightbox-wrapper
{
background: #333;
background: rgba(0, 0, 0, .8);
bottom: 0;
left: 0;
padding: 0 100px;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 1000000;
}

.art-lightbox,
.art-lightbox-wrapper .art-lightbox-image
{
cursor: pointer;
}

.art-lightbox-wrapper .art-lightbox-image
{
border: 6px solid #fff;
border-radius: 3px;
display: none;
max-width: 100%;
vertical-align: middle;
}

.art-lightbox-wrapper .art-lightbox-image.active
{
display: inline-block;
}

.art-lightbox-wrapper .lightbox-error
{
background: #fff;
border: 1px solid #b4b4b4;
border-radius: 10px;
box-shadow: 0 2px 5px #333;
height: 80px;
opacity: .95;
padding: 20px;
position: fixed;
width: 300px;
z-index: 100;
}

.art-lightbox-wrapper .loading
{
background: #fff url('images/preloader-01.gif') center center no-repeat;
border: 1px solid #b4b4b4;
border-radius: 10px;
box-shadow: 0 2px 5px #333;
height: 32px;
opacity: .5;
padding: 10px;
position: fixed;
width: 32px;
z-index: 10100;
}

.art-lightbox-wrapper .arrow
{
cursor: pointer;
height: 100px;
opacity: .5;
filter: alpha(opacity=50);
position: fixed;
width: 82px;
z-index: 10003;
}

.art-lightbox-wrapper .arrow.left
{
left: 9px;
}

.art-lightbox-wrapper .arrow.right
{
right: 9px;
}

.art-lightbox-wrapper .arrow:hover
{
opacity: 1;
filter: alpha(opacity=100);
}

.art-lightbox-wrapper .arrow.disabled
{
display: none;
}

.art-lightbox-wrapper .arrow-t,
.art-lightbox-wrapper .arrow-b
{
background-color: #fff;
border-radius: 3px;
height: 6px;
left: 26px;
position: relative;
width: 30px;
}

.art-lightbox-wrapper .arrow-t
{
top: 38px;
}

.art-lightbox-wrapper .arrow-b
{
top: 50px;
}

.art-lightbox-wrapper .close
{
cursor: pointer;
height: 22px;
opacity: .5;
filter: alpha(opacity=50);
position: fixed;
right: 39px;
top: 30px;
width: 22px;
z-index: 10003;
}

.art-lightbox-wrapper .close:hover
{
opacity: 1;
filter: alpha(opacity=100);
}

.art-lightbox-wrapper .close .cw,
.art-lightbox-wrapper .close .ccw
{
background-color: #fff;
border-radius: 3px;
height: 6px;
position: absolute;
left: -4px;
top: 8px;
width: 30px;
}

.art-lightbox-wrapper .cw
{
transform: rotate(45deg);
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Safari and Chrome */
-o-transform: rotate(45deg);
/* Opera */
-moz-transform: rotate(45deg);
/* Firefox */}

.art-lightbox-wrapper .ccw
{
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
/* IE 9 */
-webkit-transform: rotate(-45deg);
/* Safari and Chrome */
-o-transform: rotate(-45deg);
/* Opera */
-moz-transform: rotate(-45deg);
/* Firefox */}

.art-lightbox-wrapper .close-alt,
.art-lightbox-wrapper .arrow-right-alt,
.art-lightbox-wrapper .arrow-left-alt
{
color: #fff;
display: none;
font-size: 2.5em;
line-height: 100%;
}

.ie8 .art-lightbox-wrapper .close-alt,
.ie8 .art-lightbox-wrapper .arrow-right-alt,
.ie8 .art-lightbox-wrapper .arrow-left-alt
{
display: block;
}

.ie8 .art-lightbox-wrapper .cw,
.ie8 .art-lightbox-wrapper .ccw
{
display: none;
}

.art-content-layout .art-sidebar1
{
-webkit-border-radius:10px 0 0;
-moz-border-radius:10px 0 0;
border-radius:10px 0 0;
margin:0 auto;
width: 200px;
}

.art-content-layout .art-content
{
margin:0 auto;
}

/* Begin Additional CSS Styles */
.art-blockheader .t, .art-vmenublockheader .t {white-space: nowrap;}


après pour ce qui est de la modification du css via le blog directement je sais faire aussi mais j'ai peur de faire des bêtises en voulant obtenir la même chose qu'avec artisteer.

Voila quelques captures:

Acceuil:


menu type:


sous-menu type:


article type avec visuel des onglet de menu (haut et droite) au passage de la souris:


Désolée pour la longueur du CSS, je n'ai pas réussi à le mettre dans un petit carré gris avec ascenseur comme vous faites.....

Dernière modification le 07-04-2013 à 10:36:45

4055 appréciations
Hors-ligne
Ce code CSS est trop long pour le forum d'aide) en effet .

C'est possible de faire le même style en travaillant sur le css existant.

Tes captures sont trop petites pour bien voir (il faut prendre "taille réelle )

Ce que je vois c'est un style que l'on peut faire avec les tutos de et on peut travailler le css pour faire plein de trucs. .
Les menus déroulants, menus multiples objets flottants etc...

Attends d'avoir d'autres avis..
:bye:

J'aime bien l' image du logo.





23 appréciations
Hors-ligne
Comment fait-on pour mettre le css comme il faut sur le forum? (visiblement la citation ne fonctionne pas mdr)
sinon pour les image en taille réelle, les voilà à nouveau:
ACCEUIL:

MENU TYPE:

SOUS-MENU TYPE:

ARTICLE TYPE + onglets au passage de la souris (semi transparent quand la souris passe dessus):


Je suis contente que mon logo te plaise, je l'ai fait moi-même (parce que je fait aussi du montage photo mdr).
Qu'est-ce qu'on appel "objets flottants", quelque chose qui ne bouge pas sur l'écran même si tu descend avec l?ascenseur?
Je vais attendre d'autres avis comme tu me l'as conseillé et te remercie de m'avoir consacré un peu de temps ;)

Dernière modification le 07-04-2013 à 11:48:32

Derni?re modification le 07-04-2013 ? 11:49:28
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie MasterDesign.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6065 autres membres