Problème bordure page maintenance

  • Statut : non résolu
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #542097
    xiberia
    Membre
    Initié WordPress
    22 contributions

    Bonjour,

    – WP 4.0 :
    – Freelancer themefuse :

    Problème(s) rencontré(s) :

    J’ai installé un modèle de page, afin de m’en servir de page d’accueil le temps du lancement de mon site. C’est tout simple http://www.laurentgallen.com/.

    Le problème, comme vous pourrez le voir en cliquant sur le site est que j’ai une bordure blanche partout autour de l’image map… comment enlever cette bordure et avoir une image qui prend toute la largeur et longueur ? Voici ma feuille CSS, sachant que si j’apporte des modifications je dois les apporter dans le custom. Merci beaucoup.

    /*
    Theme Name: Freelancer Parent
    Theme URI: http://themefuse.com/demo/wp/freelancer
    Description: Freelancer is created by <a href="http://themefuse.com">ThemeFuse</a>.
    Version: 1.0.4
    Author: ThemeFuse
    Author URI: http://themefuse.com
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: translation-ready
    */
    
    /*
    WARNING! DO NOT EDIT THIS FILE!
    
    To make it easy to update your theme, you should not edit the styles in this file. Instead use
    the custom.css file to add your styles. You can copy a style from this file and paste it in
    custom.css and it will override the style in this file. You have been warned! :)
    */
    
    /*===================================================*/
    /* Primary styles
       #Author: Muntean Eugen
    /*===================================================*/
    /*
    CSS STRUCTURE:
    
    1. ADDITIONALLY STYLES
    
    2. SITE STRUCTURE
      – Topmenu
      – Sections
      – Footer
    
    3. EXTENDED TYPOGRAPHY and SHORTCODES
      – Slideshow Gallery and Text
      – Button
    
    4. EXTENDED ELEMENTS
      – Newsletter box
    
    5. POSTS
      – Blog post list
      – Comment list
      – Comment form / Contact form
      – Author description
    
    FONTS USE:
    
    font-family: ‘Source Sans Pro’, sans-serif;
    
    */
    
    /*===================================================*/
    /* 1. ADDITIONALLY STYLES */
    /*===================================================*/
    
    body , html {
        font-family: ‘Source Sans Pro’, sans-serif;
        font-size:15px;
        color:#fff;}
    
    /* Typography
    ===================================*/
    h1, h2, h3, h4, h5, h6 {
        font-family: ‘Source Sans Pro’, sans-serif;
        font-style:normal;
        font-weight:normal;
        text-align: center;
        color:#333;}
    
    h1 {
        font-size: 30px;
        line-height: 32px;
        font-weight:600;}
    
    h2 {
        font-size: 24px;
        line-height: 32px;
        font-weight:bold;}
    
    h3 {
        font-size: 18px;
        line-height: 24px;
        font-weight: normal;
        margin-bottom: 15px;}
    
    h4 {
        font-size: 16px;
        font-weight: normal;
        line-height: 20px;
        margin-bottom: 15px;}
    
    h5 {
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        margin-bottom: 15px;}
    
    h6 {
        font-size: 12px;
        font-weight: bold;
        line-height: 16px;
        margin-bottom: 10px;
        text-transform: uppercase;}
    
    h2.title {
        font-size:63px;
        line-height: 65px;
        margin-bottom:50px;
        font-weight:300;
        letter-spacing: -2.5px;
        color:#fff;
        margin-top:15px;}
    
    .section.first h2.title {
        margin-bottom:60px;
    }
    
    .introduction {
        font-size:35px;
        line-height: 39px;
        font-style: italic;
        font-weight:300;
        margin-bottom:55px;}
    
    h4.author-description {
        width:560px;
        margin:0 auto;
        font-size:26px;
        line-height: 33px;
        font-weight:300;}
    
    h5.mini-title {
        font-size:15px;
        font-weight:700;
        text-transform: uppercase;
        position: absolute;
        bottom:50px;
        left:auto;
        text-align:center;
        display:block;
        z-index: 6;
        width:240px;}
    
    h5.top-title {
        font-weight:700;
        font-style:italic;
        color:#000;
        opacity:0.6;
        text-transform: uppercase;
        margin-bottom:10px;
    }
    
    .myworks-section .mini-title {bottom: 60px;}
    .myworks-section .ele.mini-title {bottom:45px;}
    #home-section h2.title {color:#333;}
    
    .contact-section .inner {
        padding:210px 0 120px;
    }
    /*Links*/
    
    a:hover {text-decoration: none;}
    
    /* images */
    
    img {max-width:100% !important;height:auto;}
    /*inputs*/
    label {font-weight:400;}
    input:focus,textarea:focus,select:focus,.cusel:focus {
        border:none;
        outline: none;
    }
    /* Clear Floats
    ===================================*/
    html body * span.clear,
    html body * div.clear,
    html body * li.clear,
    html body * dd.clear {
        background: none;
        border: 0;
        clear: both;
        display: block;
        float: none;
        font-size: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0}
    
    /*Colors*/
    
    .white-border{border-color:#f8f8f8 !important}
    .blue-border {border-color:#49a7e9 !important}
    .green-border{border-color:#a5d432 !important}
    .pink-border {border-color:#f85353 !important}
    .purple-border{border-color:#c870c0 !important}
    .orange-border{border-color:#fab125 !important}
    
    .white-border a,a.white-border {border-color:#eaeaea !important}
    .blue-border a,a.blue-border {border-color:#479edc !important}
    .green-border a,a.green-border {border-color:#9dc832 !important}
    .pink-border a,a.pink-border {border-color:#ea5050 !important}
    .purple-border a,a.purple-border{border-color:#bd6bb6 !important}
    .orange-border a,a.orange-border {border-color:#eca826 !important}
    
    .text-blue {color:#4faeed}
    .text-green {color:#a2d731}
    .text-pink {color:#d95a5a}
    .text-purple {color:#c364b9}
    .text-orange {color:#faaf22}
    
    .white-bg  {
        color:#fff !important;}
    .white-bg a, a.white-bg {
        background:#fff !important;}
    
    .blue-bg {
        color:#3c9eec !important;}
    .blue-bg a , a.blue-bg {
        background:#3c9eec !important;}
    
    .green-bg{
        color:#a3d832 !important}
    .green-bg a , a.green-bg {
        background:#a3d832 !important;}
    
    .pink-bg {
        color:#da6162 !important;}
    .pink-bg a , a.pink-bg {
        background:#da6162 !important}
    
    .purple-bg {
        color:#c869bf !important;}
    .purple-bg a , a.purple-bg {
        background:#c869bf !important;}
    
    .orange-bg {
        color:#faaf22 !important;}
    .orange-bg a , a.orange-bg {
        background:#faaf22 !important;
    }
    
    /*Container*/
    .container {width:960px;margin:0 auto;padding:0;}
    
    
    /*Clear Margin*/
    
    .omega{margin-right:0 !important;}
    .alpha{margin-left:0 !important;}
    /*===================================================*/
    /* 2. SITE STRUCTURE */
    /*===================================================*/
    
    /* TOPMENU
    ===================================*/
    
    .topmenu {
        position:fixed;
        width:100%;
        top:0;
        left:0;
        background:#2e2e2e;
        border-top:2px solid #414141;
        z-index:1300;
        min-height:60px;
    }
    
    .topmenu ul {
        padding:0;margin:0;
        text-align:center;
        list-style:none;
        font-size:0;
        line-height:0;
        letter-spacing:-5px;
    }
    
    .topmenu ul li {
        display:inline-block;
        font-size:12px;
        border-top: 1px solid;
        *display:inline;
        zoom:1;
        margin-top:-2px;
        line-height: normal;
        letter-spacing:normal;
        text-transform: uppercase;
        min-width:93px;
        line-height:60px;
    }
    
    .topmenu ul li a {
        display:block;
        color:#fff;
        font-weight:600;
        opacity:0.75;
        border-top: 1px solid;
    }
    
    .topmenu ul li a:hover {
        opacity:1;
    }
    
    
    /* 2.1 SECTIONS
    =====================================================*/
    
    .section {
        position:relative;
        display:block;
        width:100%;
        min-height:300px;}
    
    .section .inner {
        background-image: url(images/noise.png);
        width:100%;
        display:block;
        padding:210px 0;}
    
    .section.first .inner {
        padding-top:140px;
    }
    
    /*section ico*/
    
    .section-ico {
        width:270px;
        height:270px;
        padding:15px;
        border-radius:50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        background:url(images/white-transparent.png) ;
        position:absolute;
        top:-135px;
        margin-left:-135px;
        left:50%;
        z-index:3;
        text-align: center; }
    
    .color-bg {
        position: absolute;
        width: 150px;
        height: 100px;
        display: block;
        top: 74px;
        left: 60px;
        z-index: 4;}
    
    .section-ico img {position: relative;z-index:5;}
    
    /* 2.2 FOOTER
    =====================================================*/
    #footer {
        position:relative;
        background :#111;}
    
    #footer .inner {
        background: url(images/noise.png);
        width:100%;
        display:block;
        padding:90px 0;
    }
    
    /*footer nav*/
    
    .footer_nav ul {
        display:block;
        text-align: center;
        padding:0;
        list-style: none;
        font-size:0;
        line-height: 0;
        letter-spacing:-1em;
        word-spacing:-1em;
        border-bottom:1px solid #4e4e4e;
        width:460px;
        margin: 0 auto 50px;
        vertical-align:top;
    }
    
    .footer_nav ul li {
        font-size:13px;
        line-height: normal;
        display:inline-block;
        margin-right:80px;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top
    }
    
    .footer_nav ul li a {
        display:block;
        width:10px;
        height:10px;
        border-radius:50%;
        background:#333;
        margin-bottom:-5px;
    }
    .footer_nav ul li:last-child {
        margin-right:0;
    }
    
    .footer_nav .tooltip-inner {
        background:transparent;
        text-transform: uppercase;
        font-weight:700;
        font-size:11px;
        font-family: ‘Source Sans Pro’, sans-serif;
        color:inherit !important;
    }
    
    .footer_nav  .tooltip .tooltip-arrow  {
        border:none !important;
    }
    
    .copyright {
        text-align:center;
        font-size:14px;
        font-style: italic;
        color:#999;
        margin-bottom:30px;
    }
    
    .copyright a {
        color:#faaf22;
    }
    
    .footer_socials {
        text-align:center;
    }
    
    .footer_socials a {
        margin:0 8px;
    }
    
    /*===================================================*/
    /* 3. EXTENDED TYPOGRAPHY and SHORTCODES */
    /*===================================================*/
    
    /*Work carousel*/
    .myWork .img1 .slide-img {width:290px;}
    .myWork .img2 .slide-img {width: 638px;margin-left: -139px;}
    .myWork .img3 .slide-img {width:500px;}
    .myWork .img4 .slide-img {width:348px;position: relative;padding-top:87px;}
    .myWork .img5 .slide-img {width:315px;padding-top:85px;}
    
    .myWork .item {
        height:500px;}
    
    .myWork .item.img2 {
        padding-top:60px;}
    
    .myWork .item.img3 {
        padding-top:35px;}
    
    .myWork .img1 .slide-text {
        width:545px;
        padding-top:65px;}
    
    .myWork .img2 .slide-text {
        padding-top:5px;
        width:460px;}
    
    .myWork .img3 .slide-text {
        width:375px;
        padding-top:25px;}
    
    .myWork .img4 .slide-text {
        width:600px;
        padding-top:60px;
    }
    
    .myWork .img5 .slide-text {
        width:535px;padding-top:50px;
    }
    
    .myWork .slide-text p {
        line-height: 26px;
        font-size:17px;
        margin-bottom:30px;}
    
    .myWork .slide-text h2.slide-title {
        text-align: left;
        font-size:26px;
        font-weight:600;
        text-transform:uppercase;
        letter-spacing: -1px;
        margin-bottom:25px;}
    
    .myWork .slide-text h2.slide-title a{color:#000;opacity: 0.55}
    
    .myWork .item .aslant-line {
        margin-top:70px;
        margin-right:12px;}
    
    .myWork .img4 .aslant-line {
        position:absolute;
        top: -20px;
        right:250px;
    }
    
    .myWork .img4 .aslant-line.pull-right {
        left: -23px;
        top: 17px;
    }
    
    .carousel-control.right,.carousel-control.left {
        background:transparent;
        filter:none;
        width:32px;
        height:72px;
        top:150px;
        left:-100px;
    }
    .carousel-control.right {
        left:auto;
        right:-80px;}
    
    .carousel-control .icon-prev,
    .carousel-control .icon-next{
        background:url(images/icons/carousel_arrows.png) no-repeat center left;
        width:32px;
        height:72px;}
    
    .carousel-control .icon-next {
        background-position:center right;
    }
    
    .carousel-control .icon-prev:before,
    .carousel-control .icon-next:before{
        content:”;}
    
    /*BLOG SLIDER*/
    .blog-posts {padding-top:30px;}
    .blog-posts .carousel-indicators {
        position:relative;
        left:0;bottom:0;right:0;top:0;
        width:100%;
        margin-left:0;
        padding-top:5px;
        height:300px;
        overflow: auto;}
    
    .blog-posts .carousel-indicators li {
        display:block;
        width:auto;
        height:auto;
        border:none;
        border-radius:0;
        text-indent: 0;
        text-align: right;
        font-style: italic;
        color:#572052;
        line-height:18px;
        margin: 0 0 15px;
        font-size:17px;
        letter-spacing: -0.5px;}
    
    .blog-posts .carousel-indicators li img {display:inline-block;*display:inline;zoom:1;vertical-align: middle;margin-left:10px;}
    .blog-posts .carousel-indicators li span {vertical-align: middle;}
    .blog-posts .carousel-indicators li.active {background: transparent;text-decoration: underline;}
    
    .col-line {
        float:left;
        width: 10.666666666666664%;
        margin-left:40px;
    }
    .blog-posts .carousel-caption {
        left:0;
        right:0;
        text-shadow: none;
    }
    
    .carousel.carousel-fade .item {
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
        opacity:0;}
    
    .carousel.carousel-fade .active.item {
        opacity:1;}
    
    .carousel.carousel-fade .active.left,
    .carousel.carousel-fade .active.right {
        left: 0;
        z-index: 2;
        opacity: 0;
        filter: alpha(opacity=0);}
    
    .carousel.carousel-fade .next,
    .carousel.carousel-fade .prev {
        left: 0;
        z-index: 1;}
    
    .carousel.carousel-fade .carousel-control {
        z-index: 3;}
    /*Buttons*/
    
    a.button {
        display:inline-block;
        *display:inline;
        zoom:1;
        text-align:center;
        border-radius:2px;
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        text-transform: uppercase;
        padding-right:20px;
        font-size:12px;
        color:#fff;
        background:#184993;}
    
    .button span {
        display:block;
        height:34px;
        line-height: 34px;
        padding-left:25px;
        background: url(images/icons/link-arrow-small.png) no-repeat 15px 10px;
        color:#fff;}
    
    .button.blue,
    .button.green,
    .button.orange,
    .button.violet {
        background:rgba(0,0,0,.55);
    }
    /*Tags*/
    
    span.tag {
        display:inline-block;
        height:34px;
        line-height: 34px;
        background:#fff url(images/icons/ok.png) no-repeat 10px 12px;
        padding:0 18px 0 25px;
        color:#4eafee;
        text-transform: uppercase;
        font-size:12px;
        border-radius:2px;
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        margin-right:1px;
        margin-bottom:4px;
    }
    
    .post-item span.tag {
        background:#fff;
        padding:0 18px;
        height:30px;
        line-height: 30px;
    }
    /* CATEGORY LIST
    =============================*/
    .widget-category {
        list-style:none;
        width:80%;}
    
    .widget-category li {
        display: block;
        border-radius: 0;
        text-indent: 0;
        font-style: italic;
        line-height: 18px;
        margin: 0 0 15px;
        font-size: 17px;
        letter-spacing: -0.5px;
        text-align:right;
        cursor:pointer;
    }
    
    .widget-category img,
    .widget-category span {
        display:inline-block;
        vertical-align:middle;
    }
    
    .widget-category img {
        margin-left:10px;
        opacity: 0.60;
    }
    .widget-category li span {
        color:#000;
        opacity:0.55;
    }
    .widget-category li.active {
        cursor:default;
    }
    
    .widget-category li.active span{
        text-decoration: underline;
    }
    
    .category-aslant-line {
        position:absolute;
        top:0;
        left:40px;
    }
    
    .post-category .carousel-control.right {
        right:-500px;
    }
    
    .post-category .carousel-control.right,
    .post-category .carousel-control.left {
        top:90px;
    }
    /* CAROUSEL
    ============================*/
    
    .carousel-control.right,.carousel-control.left {
        background:transparent;
        filter:none;
        width:32px;
        height:72px;
        top:150px;
        left:-100px;
    }
    .carousel-control.right {
        left:auto;
        right:-80px;}
    
    .carousel-control .icon-prev,
    .carousel-control .icon-next{
        background:url(images/icons/carousel_arrows.png) no-repeat center left;
        width:32px;
        height:72px;}
    
    .carousel-control .icon-next {
        background-position:center right;
    }
    
    .carousel-control .icon-prev:before,
    .carousel-control .icon-next:before{
        content:”;}
    
    .carousel.post-category .item {
        -webkit-transition: opacity 0.4s ease-in-out;
        -moz-transition: opacity 0.4s ease-in-out;
        -ms-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out;
        opacity:0;
    }
    
    .carousel.post-category .active.item {
        opacity:1;
    }
    
    .carousel.post-category .active.left,
    .carousel.post-category .active.right {
        left: 0;
        z-index: 2;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    
    .carousel.post-category .next,
    .carousel.post-category .prev {
        left: 0;
        z-index: 1;
    }
    
    .carousel.post-category .carousel-control {
        z-index: 3;
    }
    
    /* SERVICE CAROUSEL
    =====================================================*/
    .services-carousel{
        position:relative;
        margin-bottom:50px;
    }
    
    .services-carousel .service-img {
        position:relative;
        padding-top:70px;
    }
    .services-carousel .service-img .aslant-line-left ,
    .services-carousel .service-img .aslant-line-right {
        position:absolute;
        left:-21px;
        top:20px;
    }
    
    .services-carousel .service-img .aslant-line-right {
        right:-18px;
        left:auto;
    }
    
    .services-carousel .carousel-footer {
        text-align: center;
        padding:70px 0 0;
    }
    
    .services-carousel .carousel-footer a{
        min-width:150px;
        padding:5px 90px 5px 70px;
        font-size:13px;
    }
    
    h3.services-title {
        font-size:22px;
        color:#000;
        opacity:0.55;
        line-height: 28px;
        letter-spacing: -1px;
        font-weight:600;
        text-transform: uppercase;
        text-align: left;
    }
    .work-examples {
        padding:0;
        margin:0;
        list-style: none;
    }
    .work-examples li {
        margin:4px 5px;
    }
    .work-examples li a {
        color:#fff;
        font-size:15px;
    }
    .work-examples li a::before {
        content: “•”;
        padding-right:10px;
    }
    
    .work-examples li a:hover {
        text-decoration: underline;
        color:#000;
        opacity: 0.55;
        font-weight: 600;
    }
    
    a.link-view {
        font-size: 13px;
        color:#000;
        opacity:0.55;
        font-weight:700;
        text-transform: uppercase;
        display:inline-block;
        margin-top:5px;
    }
    
    span.sub-text {
        font-size:13px;
        font-weight:700;
        text-transform: uppercase;
        color: #000;
        opacity: 0.55;
        display:block;
    }
    
    .widget-text p {
        line-height: 25px;
    }
    
    .examples a.up ,
    .examples a.down {
        font-size: 13px;
        color: #000;
        opacity: 0.55;
        font-weight: 700;
        text-transform: uppercase;
        margin-left:20px;
        margin-top:15px;
        display:inline-block;
    }
    
    .examples a.down {
        margin-left:65px;
    }
    
    /*===================================================*/
    /* 5. POSTS */
    /*===================================================*/
    
    /* BLOG POST
    ===========================*/
    
    
    .post-item {
        position:relative;
        text-align: left;
    }
    
    .post-item p {
        line-height:26px;
    }
    
    .post-item .post-title {
        visibility:hidden;
        width:0;
        height:0;
        overflow:hidden;
    }
    
    .post-item .surounded-img {
        margin:30px 0;
        display:block;
    }
    
    .post-img {
        margin-bottom:30px;
    }
    
    .post-entry p:last-child {
        margin-bottom:30px;
    }
    
    .post-tags h3 {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        color:#000;
        opacity:0.55;
        text-align: left;
        margin-bottom:10px;
    }
    
    .post-tags span{
        display:inline-block;
        background:#fff;
        border-radius:2px;
        padding:0 18px;
        height:30px;
        line-height:30px;
        color: #4eafee;
        text-transform: uppercase;
        font-size: 12px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        margin-right: 1px;
        margin-bottom: 4px;
    }
    
    .post-item .meta-bot {
        margin-top: 20px;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: bold;
        color: #000;
        opacity: 0.55;
        text-align: left;
    }
    
    .post-item .meta-bot span {
        display: inline-block;
        vertical-align: middle;
        cursor:pointer;
    }
    
    .meta-bot span.separator {
        margin: 0 5px;
    }
    
    /* POST CATEGORY
    =======================*/
    
    .post-category {
        display:none;
    }
    
    .post-category.active {
        display:block;
    }
    
    /* COMMENT LIST
    =====================================================*/
    .comment_list {
        position:relative;
        padding:0 0 10px 0;
        margin-top:70px}
    
    .comment_list h3 {
        font-size:27px;
        margin-bottom:50px;
        text-align: left;
        color:#000;
        opacity: 0.55;}
    
    .comment_list ol, .comment_list ul {
        margin:0;
        padding:0}
    
    .comment_list ol {
        margin-bottom:20px;
        padding-bottom:10px}
    
    .comment_list ul li,
    .comment_list ol li,
    .comment_list ol li ul li:first-child {
        margin:10px 0 0 0;
        list-style:none}
    
    .comment {
        clear:both;
        display:block;
        min-height:25px;
        padding: 0 0 0 41px;
        color:#211818}
    
    .comment_body {
        background:#fff;
        font-size:13px;
        padding:20px 15px;
        border-radius:5px;}
    
    .children li {
        padding-left:50px}
    
    .comment_avatar {
        width:81px;
        display:inline-block;
        vertical-align: middle;
        margin-right:25px;
        margin-left:-55.5px;}
    
    .comment_text {
        display:inline-block;
        vertical-align: middle;
        width:423px;
        position:relative;
        font-size:13px;
        line-height: 20px;
        text-align:right;}
    
    a.link-author , .link-author {
        font-size:15px;
        text-transform: uppercase;
        color:#232323;
        font-weight: 700;
        padding-bottom:5px;
        text-align:left;
        float:left;
    }
    
    .comment-date , a.link-reply {
        font-size:12px;
        font-style: italic;
    }
    
    .comment_entry {
        clear:both;
        line-height:1.5em;
        text-align:left;
        font-size:13px;}
    
    .children .comment_text {
        width:373px}
    
    .children .children .comment_text {
        width:323px}
    
    /* Comment Form
    ===================================*/
    
    label.label_title {
        display:block;
        font-size:12px;
        font-weight:700;
        text-transform: uppercase;
        color:#000;
        opacity: 0.55;
        margin-bottom:8px;}
    
    .add-comment {
        margin-top:50px;
        margin-bottom:20px;
    }
    .add-comment .field_text{
        margin-right:67px;
        margin-bottom: 20px;}
    
    .add-comment .field_text .inputtext ,
    .add-comment .field_textarea .textarea ,
    input.inputField,
    textarea.textareaField{
        border:0;
        box-shadow:none;
        padding:10px;
        border-radius:3px;}
    
    .add-comment .field_text .inputtext,
    input.inputField{
        width:240px;
        height:34px;
        font-size:12px;
        color:#232323;
        text-transform: uppercase}
    
    .add-comment .field_textarea .textarea,
    textarea.textareaField{
        width:100%;
        max-width:100%;
        height:145px;
        resize: none;
        margin-bottom:35px;
        padding:20px 18px;
        font-size:13px;
        color:#232323}
    
    .add-comment .reset_form ,
    .contact_form .reset_form{
        float:right;
        font-size:11px;
        text-transform: uppercase;
        font-weight: 700;
        width:35px;
        color:#000;
        opacity: 0.55;
    }
    
    /* Contact Form
    ===================================*/
    
    .contact_form  label.label_title {
        color:#000;
        opacity: 0.55;}
    
    .contact_form {margin-top:40px;margin-bottom: 50px;}
    
    .contact_form .field_text ,
    .contact_form .field_select {
        margin-right:20px;
        margin-bottom:15px;
        position:relative;
    }
    
    .contact_form input.inputField {
        width:223px;
    }
    
    #symbol {
        position:absolute;
        right:10px;
        bottom:12px;
        display:block;
        width:12px;
        height:10px;
        background:transparent;
    }
    /* cuSel */
    
    .cusel {
        height:34px;
        line-height:34px;
        background:#fff;
        border-radius:3px;
        font-size:12px;
        color:#232323;
        max-width:100%;}
    
    .cuselItem label {margin:0 !important;cursor: pointer;opacity:0.6;}
    .cusel-scroll-pane > span:hover label {opacity:1;}
    
    .cuselItem {
        line-height:36px;
        border:1px solid #e6e6e6;
        border-top:none;
        cursor: pointer;}
    
    .cuselItem:first-child {
        border-top:1px solid #e6e6e6;
    }
    .cuselText {
        height:34px;
        line-height: 36px;
        padding:0 10px;
        font-weight:400;
        text-transform: uppercase;
        font-family: ‘Source Sans Pro’, sans-serif;
    }
    
    .cusel-scroll-wrap .jScrollPaneContainer {
        border:0;
        color:#232323;
        text-transform: uppercase;
        font-size:12px;}
    
    .cusel-scroll-wrap .cuselActive {
        color:#232323;}
    
    .cuselFrameRight, .jScrollArrowUp, .jScrollArrowDown {
        background: url(images/icons/arrow.png) no-repeat center center;}
    
    .cuselFrameRight {width:32px;}
    .cusel-scroll-wrap .cuselActive label {opacity:1;}
    .cusel-scroll-pane > span {padding:0 10px;}
    
    .widget-contacts {
        position:relative;
        display:block;
        margin-top:50px;
    }
    
    span.contact_button {
        display:block;
        width:100%;
        line-height:44px;
        font-size:16px;
        text-transform: uppercase;
        text-align:center;
        background:#a65e00;
        border-radius:2px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .cb_wrap{
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    span.contact_button img {
        margin-top:-4px;
        margin-right:10px;
    }
    
    /* AUTHOR DESCRIPTION
    ===================================*/
    
    .author-description {
        position:relative;
        margin-top:120px;
        margin-bottom:60px;}
    
    .author-img {
        position: relative;
        width:350px;
        margin-right:40px;}
    
    .author-img .aslant-line-left {
        position:absolute;
        right:-9px;
        top:-35px;
    }
    
    .author-text {
        font-size:15px;
        line-height:26px;
        width:570px;
        padding-top:5px;
    }
    .author-socials {
        margin-top:10px;
    }
    .author-socials a{
        margin:0 5px;
    }
    
    .author-socials .tooltip-inner {
        border-radius: 2px;
        background:rgba(0,0,0,.70);
        font-weight:700;
        text-transform: uppercase;
        padding:8px;
        font-size:12px;
        color:#fff;
    }
    
    .author-socials .tooltip.top .tooltip-arrow {
        border-top-color: rgba(0,0,0,.70);
    }
    
    a.link-download {
        text-transform: uppercase;
        color:#000;
        opacity:0.55;
        font-weight: 700;
        font-size:13px;
        margin-top:12px;
        margin-right:40px;
    }
    
    .contact-section .map {
        width:350px !important;
        height:230px !important;
        -webkit-mask-image: url(images/polygon.png);
    }
    
    .contact-section .contact_map {
        position:relative;
        margin-top:65px;
        margin-left:95px;
    }
    
    .map  img {max-width:none !important;}
    .map label {width: auto; display: inline !important}
    .map-aslant-line {
        position:absolute;
        left: -12px;
        top: -33px;;}
    
    
    /*===================================================*/
    /* CARPENTER STYLES */
    /*===================================================*/
    
    .carpenter .myWork .slide-text h2.slide-title a ,
    .carpenter #myworks-section h5.top-title{
        color:#000;
        text-shadow:0 1px 0 rgba(0,0,0,.57);
        opacity: 0.55;
    }
    
    .carpenter #myworks-section {
        max-height: 988px;
    }
    
    /* wp styles */
    .services-carousel .carousel-inner>.item{
        padding:0 20px;
        min-height: 435px;
    }
    .must-log-in a{
        color: #232323;
    }
    .author-img.pull-right{
        margin-left: 40px;
        margin-right: 0;
    }
    .add-comment #submit:hover{
        opacity: 0.8;
    }
    .add-comment #submit{
        opacity: 1;
        zoom: 1;
        text-align: center;
        display: inline-block;
        height: 34px;
        line-height: 32px;
        padding-left: 25px;
        padding-right: 20px;
        background: rgba(0,0,0,.55) url(images/icons/link-arrow-small.png) no-repeat 15px 10px;
        color: #fff;
        border: 0;
        font-size: 12px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        text-transform: uppercase;
    }
    .add-comment .reset_form{
        line-height: 15px;
    }
    .comment_avatar{
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        overflow: hidden;
    }
    .comment-date{
        text-transform: uppercase;
    }
    .children .children .children .comment_text{
        width: 272px;
    }
    .children .children .children .children .comment_text{
        width: 222px;
    }
    .comment_body .add-comment .inputtext,.comment_body .add-comment .textarea{
        border: 1px solid #ccc;
    }
    .comment_body .add-comment .inputtext{
        width: 204px;
    }
    .children .add-comment .inputtext{
        width: 179px;
    }
    .children .children .add-comment .inputtext{
        width: 154px;
    }
    .children .children .children .add-comment .inputtext{
        width: 129px;
    }
    .post-image.pull-left, .video_embed.pull-left{
        margin-right: 10px;
        margin-bottom: 5px;
    }
    .post-image.pull-right, .video_embed.pull-right{
        margin-left: 10px;
        margin-bottom: 5px;
    }
    .video_embed.pull-left, .video_embed.pull-right{
        margin-bottom: 0;
    }
    .myWork .img6 .slide-text{
        width:300px;
        padding-top:0;
    }
    .myWork .img6 .slide-img{
        margin-top: 25px;
    }
    .myWork .img6 .slide-img,.myWork .img6 .video_embed{
        max-width: 500px;
    }
    .myWork .img6 .aslant-line {
        margin-top: 0;
    }
    .content_404{
        text-align: center;
        color: #000;
    }
    /* for footer menu */
    .author-socials img{
        opacity: 0.60;
    }
    .cusel-scroll-pane > span:hover, .cusel-scroll-pane .cuselOptHover{
        background: #f6f6f6 !important;
        color: #232323;
    }
    .footer_nav li a{
        background: #fff !important;
    }
    .footer_nav li.blue-border a{
        background: #3c9eec !important;
    }
    .footer_nav li.blue-border{
        color: #3c9eec !important;
    }
    .footer_nav li.green-border a{
        background: #a3d832 !important;
    }
    .footer_nav li.green-border{
        color: #a3d832 !important;
    }
    .footer_nav li.pink-border a{
        background: #da6162 !important;
    }
    .footer_nav li.pink-border{
        color: #da6162 !important;
    }
    .footer_nav li.purple-border a{
        background: #c869bf !important;
    }
    .footer_nav li.purple-border{
        color: #c869bf !important;
    }
    .footer_nav li.orange-border a{
        background: #faaf22 !important;
    }
    .footer_nav li.orange-border{
        color: #faaf22 !important;
    }
    .gmap_marker{
        color: #000;
    }
    .flickr_badge_image img{
        float: left;
        margin: 10px;
    }
    .image_frame.pull-left{
        margin-right: 10px;
        margin-bottom: 5px;
    }
    .image_frame.pull-right{
        margin-left: 10px;
        margin-bottom: 5px;
    }
    .image_frame.pull-center{
        border: none;
        display: block;
        margin: 10px auto 15px auto;
        text-align: center;
    }
    .link-more{
        text-transform: uppercase;
        color: #5a1f54;
        font-size: 13px;
        font-weight: bold;
        text-align: left;
    }
    .link-more:hover{
        color: #5a1f54;
    }
    .comment-form,li.comment{
        max-width: 548px;
    }
    .myWork .img5 .oblique_image{
        margin-top: 60px;
        margin-right: 0;
    }
    #Works .mini-title {
        bottom: 60px;
    }
    .pull-right {
        float: right !important;
    }
    a.yellow,.box_yellow{
        background: yellow;
    }
    a.black,.box_black{
        background: #000000;
    }
    a.pink,.box_pink{
        background: pink;
    }
    a.green,.box_green{
        background: green;
    }
    .box_blue{
        background: #184993;
    }
    .comment_text .url{
        font-size: 15px;
        text-transform: uppercase;
        color: #4eafee;
        font-weight: 700;
        padding-bottom: 5px;
        text-align: left;
        float: left;
    }
    .page .section-ico{
        top: 62px;
    }
    .page .container{
        padding-top: 220px;
    }
    /* Default Color */
    #Home{
        background-color: #f8f8f8;
    }
    #Works,#Works .section-ico .color-bg{
        background-color: #48A1E7;
    }
    #Works .section-ico .mini-title{
        color: #48A1E7;
    }
    #Services,#Services .section-ico .color-bg{
        background-color: #9BCF2F;
    }
    #Services .section-ico .mini-title{
        color: #9BCF2F;
    }
    #About,#About .section-ico .color-bg{
        background-color: #C74141;
    }
    #About .section-ico .mini-title{
        color: #C74141;
    }
    #Blog,#Blog .section-ico .color-bg{
        background-color: #BB52B2;
    }
    #Blog .section-ico .mini-title{
        color: #BB52B2;
    }
    #Contact,#Contact .section-ico .color-bg{
        background-color: #FAAC1B;
    }
    #Contact .section-ico .mini-title{
        color: #FAAC1B;
    }
    #commentform a{
        color: #000;
        opacity: 0.55;
    }
    .add-comment .reset_form{
        margin-top: -34px;
    }
    .comment-reply-link{
        color: #232323;
    }
    /*———————————–*/
    /* Back to Top */
    /*———————————–*/
    #toTop {
        background-color: #111111;
        background-image: -moz-linear-gradient(center top, #222222, #111111);
        border: 1px solid #333333;
        border-radius: 4px 4px 4px 4px;
        bottom: 20px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        display: none;
        height: 34px;
        opacity: 0.8;
        overflow: hidden;
        position: fixed;
        right: 20px;
        text-indent: -999px;
        transition: all 0.2s ease 0s;
        width: 34px;
        z-index: 999;
    }
    #toTop span {
        background: url(images/top-btn.png) no-repeat scroll 2px 2px transparent;
        border: medium none;
        display: inherit;
        height: 34px;
        position: relative;
        width: 34px;
    }
    .gecko #toTop span, .ie #toTop span{
        display: block;
    }
    #toTopHover:hover {
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
        opacity: 0.95;
        transition: all 0.2s ease 0s;
    }
    #toTop:active, #toTop:focus {
        outline: none;
    }
    .wp-caption,.wp-caption-text,.sticky,.gallery-caption,.bypostauthor,.alignright,.alignleft,.aligncenter{}
    /* for CF */
    input[type=”radio”]:focus,
    input[type=”checkbox”]:focus {
        outline:none;
    }
    /* for CF chrome radio buttons – depends of background of .section */
    /*.contactForm {
    	position:relative;
    	background-image: url(images/noise.png);
    	background-color: #FAAC1B;
    }*/
    .wp-caption{max-width:100%}

    #972497
    xiberia
    Membre
    Initié WordPress
    22 contributions

    tout en sachant que j’ai bien sûr mis l’image dans le de mon modèle de page maintenance.

2 sujets de 1 à 2 (sur un total de 2)
  • Vous devez être connecté pour répondre à ce sujet.