/* ++++++++++++++  editor.CSS style  ++++++++++++++ */
.foto_shadow {
    -webkit-box-shadow: 0 12px 10px -10px rgba(0,0,0,1),0 0 0 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 12px 10px -10px rgba(0,0,0,1),0 0 0 1px rgba(0,0,0,.3);
    box-shadow: 0 12px 10px -10px rgba(0,0,0,1),0 0 0 1px rgba(0,0,0,.3);
    background:#F6F6F6 none repeat scroll 0%;
    color:#000000;
    padding:6px;
    margin-left: 10px; margin-right: 10px;
}
.foto_fon_shadow {
    -webkit-box-shadow: 0 12px 15px -10px rgba(0,0,0,1),0 0 0 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 12px 15px -10px rgba(0,0,0,1),0 0 0 1px rgba(0,0,0,.3);
    box-shadow: 0 10px 10px -12px rgba(0,0,0,1),0 0 0 0px rgba(0,0,0,.3);
    background:#F6F6F6 none repeat scroll 0%;
    color:#000000;
    padding:10px;
    margin-left: 10px; margin-right: 10px;
}
.foto_text_shadow {
    -webkit-box-shadow: 0 8px 10px -10px rgba(0,0,0,1),0 0 0 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 8px 10px -10px rgba(0,0,0,1),0 0 0 1px rgba(0,0,0,.3);
        box-shadow: 0 8px 10px -10px rgba(0,0,0,1),0 0 0 0px rgba(0,0,0,.3);
    padding:6px 10px 6px 10px;
    margin-left: 10px; margin-right: 10px;
}
.png_fon_shadow {
    -webkit-box-shadow: 0 12px 15px -10px rgba(0,0,0,1),0 0 0 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 12px 15px -10px rgba(0,0,0,1),0 0 0 1px rgba(0,0,0,.3);
    box-shadow: 0 10px 10px -12px rgba(0,0,0,1),0 0 0 0px rgba(0,0,0,.3);
    background:#99CC99 none repeat scroll 0%;
    color:#000000;
    padding:6px;
    margin-left: 10px; margin-right: 10px;
}
.buton_download {
background:#118907 none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19C80A', endColorstr='#118907'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #19C80A 10%,  #118907 100%); /* for IE10+ */
background-image: -webkit-linear-gradient(bottom, #19C80A 10%,  #118907 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #19C80A 0%, #118907 100%) repeat scroll 0 0 transparent; /* for firefox 3.6+ */
background-image: -o-linear-gradient(bottom, #19C80A 10%,  #118907 100%); /* for Opera 11.10+ */
    background:#118907 none repeat scroll 0%; /* for editor fon */
    color:#ffffff;
    padding:3px 10px;    
    border-radius:4px 4px 4px 4px;    
    line-height:1.5;

}
.buton_download:hover {
background:#118907 none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#118907', endColorstr='#FF0000'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #118907 10%,  #FF0000 100%); /* for IE10+ */
background-image: -webkit-linear-gradient(bottom, #118907 10%,  #FF0000 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #118907 0%, #FF0000 100%) repeat scroll 0 0 transparent; /* for firefox 3.6+ */
background-image: -o-linear-gradient(bottom, #118907 10%,  #FF0000 100%); /* for Opera 11.10+ */
    background:#FF0000 none repeat scroll 0%; /* for editor fon */
    color:#ffffff;
    padding:3px 10px;    
    border-radius:4px 4px 4px 4px;    
    line-height:1.5;
}
.buton_more {
background:#FA900F none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FA900F', endColorstr='#C36D04'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #FA900F 0%,  #C36D04 100%); /* for IE10+ */
background-image: -webkit-linear-gradient(bottom, #FA900F 0%,  #C36D04 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #FA900F 0%, #C36D04 100%) repeat scroll 0 0 transparent; /* for firefox 3.6+ */
background-image: -o-linear-gradient(bottom, #FA900F 0%,  #C36D04 100%); /* for Opera 11.10+ */
    background:#FA900F none repeat scroll 0%; /* for editor fon */
    border:1px solid;
    border-color: #8C4E03;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #FFFFFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    border-radius:4px 4px 4px 4px;
    //display:inline-block;
    font-size: 1em;
    line-height: 1.7em;
    padding:3px 10px;
}
.buton_more:hover{
background:#C36D04 none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C36D04', endColorstr='#FA900F'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #C36D04 0%,  #FA900F 100%); /* for IE10+ */
background-image: -webkit-linear-gradient(bottom, #C36D04 0%,  #FA900F 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #C36D04 0%, #FA900F 100%) repeat scroll 0 0 transparent; /* for firefox 3.6+ */
background-image: -o-linear-gradient(bottom, #C36D04 0%,  #FA900F 100%); /* for Opera 11.10+ */
}
.fon {
    background:#2999CD none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.fon_gradient {
background:#2999CD none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2999CD', endColorstr='#006699'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #2999CD 0%, #0B3350 100%); /* for IE10+ */
background: -webkit-linear-gradient(bottom, #2999CD 0%, #0B3350 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #0B3350 0%, #2999CD 100%); /* for firefox 3.6+ */
background: -o-linear-gradient(bottom, #2999CD 0%, #0B3350 100%); /* for Opera 11.10+ */
    background:#2999CD none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.fon_gradient:hover {
     background:#990000 none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#430807', endColorstr='#870503'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #430807 0%, #870503 100%); /* for IE10+ */
background: -webkit-linear-gradient(bottom, #430807 0%, #870503 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #430807 0%, #870503 100%); /* for firefox 3.6+ */
background: -o-linear-gradient(bottom, #430807 0%, #870503 100%); /* for Opera 11.10+ */
}
.fon2_gradient {
background:#990000 none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#430807', endColorstr='#870503'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #430807 0%, #870503 100%); /* for IE10+ */
background: -webkit-linear-gradient(bottom, #430807 0%, #870503 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #430807 0%, #870503 100%); /* for firefox 3.6+ */
background: -o-linear-gradient(bottom, #430807 0%, #870503 100%); /* for Opera 11.10+ */
    background:#430807 none repeat scroll 0%;
    color:#fffccc;
     padding:10px;
}
.fon2_gradient:hover {
background:#2999CD none repeat scroll 0%; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2999CD', endColorstr='#006699'); /* for IE6-9 */
  background: -ms-linear-gradient(center top , #2999CD 0%, #006699 100%); /* for IE10+ */
  background: -webkit-linear-gradient(bottom, #2999CD 0%, #006699 100%); /* for webkit-browsers */
  background: -moz-linear-gradient(center top , #2999CD 0%, #006699 100%); /* for firefox 3.6+ */
  background: -o-linear-gradient(bottom, #2999CD 0%, #006699 100%); /* for Opera 11.10+ */
}
.text_box_gradient_italic {
background: #12527E none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#092940', endColorstr='#12527e'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #092940 0%, #12527e 100%); /* for IE10+ */
background: -webkit-linear-gradient(bottom, #092940 0%, #12527e 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #092940 0%, #12527e 100%); /* for firefox 3.6+ */
background: -o-linear-gradient(bottom, #092940 0%, #12527e 100%); /* for Opera 11.10+ */
    background:#12527E none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.text_box_gradient{
background: #12527E none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#092940', endColorstr='#12527e'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #092940 0%, #12527e 100%); /* for IE10+ */
background: -webkit-linear-gradient(bottom, #092940 0%, #12527e 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #092940 0%, #12527e 100%); /* for firefox 3.6+ */
background: -o-linear-gradient(bottom, #092940 0%, #12527e 100%); /* for Opera 11.10+ */
    background:#092940 none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.code {
    background:#013231 none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.code2 {
background:#024241 none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#024241', endColorstr='#03615f'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #03615f 10%,  #024241 100%); /* for IE10+ */
background-image: -webkit-linear-gradient(bottom, #03615f 10%,  #024241 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #024241 0%, #03615f 100%); /* for firefox 3.6+ */
background-image: -o-linear-gradient(bottom, #03615f 10%,  #024241 100%); /* for Opera 11.10+ */
    background:#024241 none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.code2_gradient {
background: #1B8ED1; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099FF', endColorstr='#003366'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #0099FF 0%, #003366 100%); /* for IE10+ */
background: -webkit-linear-gradient(bottom, #0099FF 10%,  #003366 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #0099FF 0%, #003366 100%); /* for firefox 3.6+ */
background: -o-linear-gradient(bottom, #0099FF 10%,  #003366 100%); /* for Opera 11.10+ */
    background:#1B8ED1 none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.red_box {
background: #870503; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#870503', endColorstr='#430807'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #870503 10%,  #430807 100%); /* for IE10+ */
background-image: -webkit-linear-gradient(bottom, #870503 10%,  #430807 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #430807 0%, #870503 100%); /* for firefox 3.6+ */
background-image: -o-linear-gradient(bottom, #870503 10%,  #430807 100%); /* for Opera 11.10+ */
    background:#870503 none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.orange_box {
background: #870503; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#870503', endColorstr='#430807'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #870503 10%,  #430807 100%); /* for IE10+ */
background-image: -webkit-linear-gradient(bottom, #870503 20%,  #430807 100%); /* for webkit-browsers */
background-image: -o-linear-gradient(bottom, #870503 20%,  #430807 100%); /* for Opera 11.10+ */
background: -moz-linear-gradient(center top , #430807 0%, #870503 100%); /* for firefox 3.6+ */
    background:#870503 none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.code_fiolet {
    background:#660066 none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.code_fiolet_gradient {
background: #660066; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#660066', endColorstr='#430807'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #660066 0%, #430807 100%); /* for IE10+ */
background: -webkit-linear-gradient(bottom, #660066 10%,  #430807 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #660066 0%, #430807 100%); /* for firefox 3.6+ */
background: -o-linear-gradient(bottom, #660066 10%,  #430807 100%); /* for Opera 11.10+ */
    background:#660066 none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.yellow_box {
background: #FD8F19; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD8F19', endColorstr='#FFCA41'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #FD8F19 10%,  #FFCA41 100%); /* for IE10+ */
background-image: -webkit-linear-gradient(bottom, #FD8F19 20%,  #FFCA41 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #FFCA41 0%, #FD8F19 100%); /* for firefox 3.6+ */
background-image: -o-linear-gradient(bottom, #FD8F19 20%,  #FFCA41 100%); /* for Opera 11.10+ */
    background:#FD8F19 none repeat scroll 0%; /* for editor fon */
    color:#ffffff;
    padding:10px;
}
.yellow_gradient {
background:#ffd700 none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd700', endColorstr='#FFFF99'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #ffd700 0%, #FFFF99 100%); /* for IE10+ */
background: -webkit-linear-gradient(bottom, #ffd700 0%, #FFFF99 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #ffd700 0%, #FFFF99 100%); /* for firefox 3.6+ */
background: -o-linear-gradient(bottom, #ffd700 0%, #FFFF99 100%); /* for Opera 11.10+ */
    background:#ffd700 none repeat scroll 0%; /* for editor fon */
    color:#990000;
    padding: 10px 30px;
}
.blue_box {
background:#2D5988 none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D5988', endColorstr='#3F98DF'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #2D5988 20%,  #3F98DF 100%); /* for IE10+ */
background: -webkit-linear-gradient(bottom, #2D5988 20%,  #3F98DF 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #2D5988 20%,  #3F98DF 100%); /* for firefox 3.6+ */
background: -o-linear-gradient(bottom, #2D5988 20%,  #3F98DF 100%); /* for Opera 11.10+ */
    background:#3F98DF none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.blue_box_gradient {
background:#2D5988 none repeat scroll 0%; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2D5988', endColorstr='#3F98DF'); /* for IE6-9 */
background: -ms-linear-gradient(center top , #2D5988 20%,  #3F98DF 100%); /* for IE10+ */
background: -webkit-linear-gradient(bottom, #2D5988 20%,  #3F98DF 100%); /* for webkit-browsers */
background: -moz-linear-gradient(center top , #2D5988 20%,  #3F98DF 100%); /* for firefox 3.6+ */
background: -o-linear-gradient(bottom, #2D5988 20%,  #3F98DF 100%); /* for Opera 11.10+ */
    background:#3F98DF none repeat scroll 0%;
    color:#ffffff;
    padding:10px;
}
.gray_box {
    background:#f4f4f4;
    //background:#3F98DF none repeat scroll 0%;
    color:#000000;
    padding:10px;
}
.green_box {
    background:#EEF7DD;
    border-top:solid 2px #B0CB79;
    border-bottom:solid 2px #B0CB79;
    color:#336633;
    padding:1px;
}
.black_box {
    background:#333333;
    border-top:solid 2px #4D4D4D;
    border-bottom:solid 2px #4D4D4D;
    color:#FFFFFF;
    padding:1px;
}
.boxed {
    border:2px solid #CCCCCC;
}
.boxed:hover {
    cursor:pointer;
    border:2px solid #666666;
}

     /* ++++++++++++++  CSS  style END  ++++++++++++++ */

Всплывающий Модуль

Вставить в начало текста <div id="popuptext">

Далее заполнить Текстом и вставить фотки

 

И в конце Вставил в этот модуль - модуль соц-сетей

В конце закрыть </div>