Самые последние новости в мире технологий Apple !!! Последние новости, обзоры и информация о выпуске продуктов Apple. Новостной сайт macpage.ru
  • slaid1.jpg
  • slaid2.jpg
  • slaid3.jpg

Настройка Css

/* ++++++++++++++ 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 ++++++++++++++ */

Продвижение сайтов на первые позиции. Нужно продвинуть сайт в топ? Студия веб дизайна KruOl-Art-Studio.

Яндекс.Метрика Счетчик PR-CY.Rank Рейтинг@Mail.ru Проверить тИЦ и PR

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

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

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

 

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

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