Здравейте, харесах си днеска един CSS от един сайт, но нещо не мога да го напасна към моя ... ще съм ви много благодарен ако някой може да ми помогне. Ето ги и тях
Моя
и другия който искам
Надявам се някой да успее да ми помогне като ги преправи
Моя
Код:
html,body
{
margin: 0 auto;
font-family: Arial;
font-size: 13px;
color: #666;
width: 820px;
background: url(../img/127.gif) repeat;
}
a:link {text-decoration: none; color: #217aad; }
a:visited { text-decoration: none; color: #217aad; }
a:hover { text-decoration: none; color: #111; }
img{border: none;}
input
{
border:1px solid #ccc;
padding:4px;
font-size:12px;
color:#444;
}
textarea
{
border:1px solid #ccc;
padding: 3px;
font-size:12px;
color:#444;
width: 350px;
height: 80px;
overflow: auto;
}
#submit{
/* The submit button */
background-color:#0088e8;
border:0px solid #444;
color:#FFFFFF;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
border: medium none;
font-weight:bold;
padding:2px;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
#submit:hover{
background-color:#54aff0;
border-color:#666;
}
#logo
{
padding: 5px 5px 0px 5px;
}
#container
{
margin: 15px auto;
width: 800px;
height: 500px;
}
#left
{
float: left;
width: 210px;
}
#right
{
float: right;
width: 580px;
}
#right-r
{
float: right;
width: 750px;
}
#top-boxL
{
background: url(../img/topL.png) no-repeat;
border-bottom: 1px solid #666;
padding: 7px 0px 7px 10px;
font-weight: bold;
font-size: 14px;
color: #FFF;
}
#top-boxR
{
background: url(../img/topR.png) no-repeat;
border-bottom: 1px solid #666;
padding: 7px 0px 7px 10px;
font-weight: bold;
font-size: 14px;
color: #FFF;
}
#body-box
{
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding: 5px;
background: #efefef;
}
.body-viewtr
{
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding: 0 5px 5px 5px;
background: #efefef;
}
.box-marg { margin-top: 15px;}
table
{
font-size: 13px;
}
.warning
{
background: url(../img/error.png) no-repeat #FFF scroll 4px 3px;
padding: 4px 5px 4px 25px;
font-size: 11px;
font-family: Verdana;
color: #111;
font-weight: bold;
border: 1px solid #ea2917;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.check
{
background: url(../img/check.png) no-repeat #FFF scroll 4px 2px;
padding: 4px 5px 4px 25px;
font-size: 11px;
font-family: Verdana;
color: #111;
font-weight: bold;
border: 1px solid #67a333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.success_reg
{
background: url(../img/success_reg.png) no-repeat #FFF scroll 17px 10px;
padding: 10px 0px 10px 0px;
margin: 28px 50px 28px 50px;
text-align: center;
font-family: Verdana;
color: #111;
font-weight: bold;
border: 1px solid #67a333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.success_send
{
background: url(../img/success_reg.png) no-repeat #FFF scroll 28px 10px;
padding: 17px 0px 17px 0px;
margin: 28px 50px 28px 50px;
text-align: center;
font-family: Verdana;
color: #111;
font-weight: bold;
border: 1px solid #67a333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#last-added
{
border: 1px solid #666;
width: 258px;
overflow: hidden;
float: left;
padding: 7px;
margin: 5px;
background: #FFF;
color: #444;
display: block;
}
#last-added:hover { border:1px solid #0088E8; color: #217aad; text-decoration: none; }
#tr-left {float: left;}
#tr-right {float: right; width: 150px; font-weight: bold; border: 0px solid; }
.overflow { overflow: hidden;}
#advertise{ width: 728px; margin: 0 auto; clear: both; padding: 15px;}
#title
{
font-size: 17px;
color: #ab3131;
padding: 2px;
font-weight: bold;
}
#tabletags
{
font-weight: bold;
color: #222;
font-size: 12px;
text-align: center;
}
#tabletags2
{
font-size: 12px;
color: #444;
text-align: center;
}
#TableRtg
{
font-weight: bold;
color: #222;
}
#control_menu
{
margin: 4px 6px 4px 8px;
padding: 9px 0px 9px 30px;
background: url(../img/menu_home.png) no-repeat;
background-position: 0 -34px;
position: relative;
color: #555;
display: block;
font-size: 12px;
font-weight: bold;
cursor:pointer;
}
#control_menu:hover
{
text-decoration: none;
color: #217aad;
background: url(../img/menu_home.png) no-repeat;
}
#atencion
{
background: url(../img/comAccess.png) no-repeat #FFF scroll 9px 9px;
padding: 10px 15px 10px 15px;
margin: 5px 50px 5px 50px;
text-align: center;
font-family: Verdana;
color: #111;
font-weight: bold;
border: 1px solid #ea2917;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#atencion2
{
background: url(../img/voteAccess.png) no-repeat #FFF scroll 5px 3px;
padding: 3px 5px 3px 25px;
text-align: center;
font-family: Verdana;
color: #111;
font-weight: bold;
border: 1px solid #ea2917;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 11px;
}
.user_table
{
padding: 5px;
border-bottom: 1px solid;
}
#pg
{
background: #FFF;
border: 1px solid #ababab;
text-decoration: none;
}
#pg:hover
{
background: #44b4e2;
color: #FFF;
border: 1px solid #666;
text-decoration: none;
}
#pg_active
{
border: 1px solid #666;
text-decoration: none;
background: #44b4e2;
color: #FFF;
}
.username
{
background: url(../img/username.png) no-repeat #FFF scroll 2px 3px;
padding-left: 22px;
width: 165px;;
}
.password
{
background: url(../img/password.png) no-repeat #FFF scroll 2px 3px;
padding-left: 22px;
width: 165px;
}
.search{
background: url(../img/search.gif) no-repeat #FFF scroll 2px 3px;
padding-left: 25px;
width: 280px;
}
.prof-fav
{
width: 260px;
overflow: hidden;
border: 1px solid;
margin: 7px auto;
background: #FFF;
padding: 5px;
font-size: 12px;
font-weight: bold;
}
.prof-fav:hover {text-decoration: none; color: #217aad; border:1px solid #0088E8;}
.prof-comm
{
width: 260px;
overflow: hidden;
border: 1px solid;
margin: 7px auto;
padding: 5px;
background: #FFF;
font-size: 12px;
}
.prof-comm:hover {text-decoration: none; color: #217aad; border:1px solid #0088E8;}
.prof-commbody {float:right; width: 151px; background: #edeff4; color: #222; padding: 2px; font-size: 11px;}
.prof-titles{background: #2a9bec; color:#FFF ; font-weight: bold; padding: 3px;}
#table
{
width: 100%;
border-collapse: collapse;
border-style: hidden;
}
.tdbody
{
padding: 5px;
background: #FFF;
}
.tdtitle
{
font-weight: bold;
color: #222;
padding: 5px;
background: #efffec;
}
#del_comm
{
background: url(../img/remove.png) no-repeat scroll 0px 0px transparent;
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
}
#del_comm:hover
{
background: url(../img/remove.png) no-repeat scroll 0px -15px transparent;
}
.fav_comm
{
border: 1px solid #666;
width: 258px;
overflow: hidden;
float: left;
padding: 7px;
margin: 5px;
background: #FFF;
color: #444;
}
.fav_comm:hover { border:1px solid #0088E8; color: #0088E8; text-decoration: none; }
.mycomm
{
width: 480px;
margin: 5px auto;
border: 1px solid #666;
padding: 7px;
background: #FFF;
}
.mycomm:hover { border:1px solid #0088E8; color: #0088E8; text-decoration: none; }
.mycomm-title { font-weight: bold; padding-bottom: 4px ;}
.mycomm-body { float: right; width: 375px;}
#more_tr
{
float: left;
width: 100px;
padding: 7px;
margin: 5px 12px 5px 13px;
color: #217aad;
font-weight: bold;
text-align: center;
display: block;
border: 1px solid #666;
background: #FFF;
}
#more_tr:hover { border: 1px solid #0088E8; }
.prof {color: #333 ;}
#contact
{
background: #0088e8;
border: 1px solid #666;
padding: 7px 0px 7px 10px;
font-weight: bold;
font-size: 14px;
color: #FFF;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.pages {clear: both; padding-top: 2px;}
.paginate {
font-family:Arial, Helvetica, sans-serif;
padding: 3px;
margin: 3px;
margin-top: 5px;
}
.paginate a {
padding:2px 5px 2px 5px;
margin:2px;
/* border:1px solid #999;*/
border:1px solid #444;
text-decoration:none;
background: #FFF;
}
.paginate a:hover, .paginate a:active {
border: 1px solid #444;
color: #FFF;
background: #0088E8;
}
.paginate span.current {
margin: 2px;
padding: 2px 5px 2px 5px;
font-weight: bold;
color: #ab3131 ;
}
.paginate span.disabled {
padding:2px 5px 2px 5px;
margin:2px;
border: 1px solid #444;
background: #FFF;
}
.poster {border: 1px solid; padding: 5px; overflow: hidden; background: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.prof-moretr
{
width: 100px;
margin: 5px auto;
padding: 7px;
background: #FFF;
display: block;
border: 1px solid #666;
}
.prof-moretr:hover {border: 1px solid #0088E8;}
.desc { background: url(../img/desc.png) no-repeat scroll 0 -15px; display: inline-block; width: 10px; height: 15px;}
.asc { background: url(../img/asc.png) no-repeat; display: inline-block; width: 10px; height: 15px;}
.activeDsc {background: url(../img/desc.png) no-repeat; display: inline-block; width: 10px; height: 15px;}
.activeAsc {background: url(../img/asc.png) no-repeat scroll 0px -15px; display: inline-block; width: 10px; height: 15px;}и другия който искам
Код:
body {
letter-spacing : 1px;
line-height : 130%;
font-weight : normal;
font-style : normal;
font-family : "Myriad Pro", Arial;
height : 100%;
width : 100%;
font-size : 11px;
padding : 0;
margin : 0;
background-image : url("../images/bg.jpg");
cursor : url("../images/cursor.cur"), auto;
background-repeat : repeat;
background-attachment : fixed;
}
a {
color : #000;
text-decoration : none;
}
a:hover {
color : #757575;
cursor : url("../images/pointer.cur"), auto;
text-decoration : none;
}
hr {
border : 0;
width : 95%;
background : #ccc;
height : 1px;
}
.header {
width : 1000px;
margin-left : auto;
margin-right : auto;
color : #000;
}
.logo {
width : 205px;
height : 50px;
float : left;
background : url(../images/logo.png);
margin-top : 10px;
}
#login {
width : 51px;
height : 25px;
background-image : url(../images/login.png);
float : right;
margin-top : 18px;
margin-right : 5px;
border : none;
}
.menu {
width : 1018px;
height : 33px;
padding-left : 10px;
padding-right : 10px;
line-height : 10px;
padding-top : 8px;
margin-left : auto;
margin-right : auto;
background : url(../images/menu.png);
}
.menu a {
padding-top : 30px;
padding-bottom : 13px;
padding-left : 4px;
padding-right : 5px;
color : #f8f8f8;
}
.menu a:hover {
background : url(../images/hoverefect.png) center no-repeat;
color : #161616;
}
#top {
background : url(../images/top.png) center;
width : 1050px;
height : 274px;
font-family : "Myriad Pro", Arial;
margin : auto;
padding-top : 5px;
padding-bottom : 5px;
margin-top : 20px;
}
.srv {
background-color : #0d0e10;
color : #f8f9f9;
width : 490px;
height : 70px;
margin-left : 5px;
display : inline-block;
border : #0d0e11 solid 1px;
padding-bottom : 5px;
border-bottom-right-radius : 10px;
border-bottom-left-radius : 10px;
border-top-right-radius : 10px;
border-top-left-radius : 10px;
}
.srv p {
float : left;
margin-left : 10px;
margin-top : 3px;
text-align : left;
}
#srvs {
margin : 0 auto;
}
.cont {
width : 1000px;
margin-left : auto;
margin-right : auto;
color : #f8f9f9;
}
.left {
float : left;
width : 50px;
margin-top : -12px;
margin-left : -20px;
}
.right {
float : right;
width : 220px;
margin-top : -12px;
}
.center {
margin-left : 200px;
margin-right : 200px;
width : 598px;
margin-top : -30px;
}
.i2gleft {
margin-left : auto;
margin-right : auto;
background : url(../images/left.png) no-repeat;
height : 43px;
padding-top : 48px;
width : 212px;
padding-left : 16px;
padding-right : 4px;
border-top-left-radius : 4px;
border-top-right-radius : 4px;
color : #f3f3f3;
}
.i2gleft p {
margin-left : -10px;
margin-top : -5px;
font-size : 12px;
}
.i2gleft img {
float : left;
margin-left : -10px;
margin-top : -43px;
}
.i2glefttxt {
margin-left : auto;
margin-right : auto;
margin-top : -28px;
width : 230px;
border : #000 solid 1px;
border-bottom-left-radius : 10px;
border-bottom-right-radius : 10px;
margin-bottom : 10px;
color : #f4f3f3;
background-color : #141414;
}
.i2gright {
margin-left : auto;
margin-right : auto;
background : url(../images/right.png) no-repeat;
height : 35px;
padding-top : 60px;
width : 233px;
padding-right : 5px;
border-top-left-radius : 4px;
border-top-right-radius : 4px;
color : #f4f4f3;
text-align : right;
}
.i2gright p {
margin-right : 5px;
margin-top : -5px;
font-size : 12px;
}
.i2gright img {
float : right;
margin-left : -10px;
margin-top : -43px;
}
.i2grighttxt {
margin-left : 2px;
margin-right : auto;
margin-top : -20px;
width : 230px;
border : #000 solid 1px;
border-bottom-left-radius : 10px;
border-bottom-right-radius : 10px;
margin-bottom : 10px;
color : #f3f3f4;
background-color : #141414;
}
.i2gcenter {
margin-left : auto;
margin-right : auto;
background : url(../images/center.png);
height : 26px;
padding-top : 18px;
width : 336px;
padding-left : 204px;
padding-right : 4px;
border-top-left-radius : 4px;
border-top-right-radius : 4px;
color : #f3f4f3;
}
.i2gcenter p {
margin-right : 0;
margin-left : -100px;
margin-top : 2px;
font-size : 12px;
text-align : center;
width : 336px;
}
.i2gtxtcenter {
margin-left : auto;
margin-right : 27px;
margin-top : -5px;
width : 538px;
border : #000 solid 1px;
border-bottom-left-radius : 25px;
border-bottom-right-radius : 25px;
margin-bottom : 10px;
color : #fff;
text-align : center;
background-color : #141414;
}
.footer {
width : 1018px;
height : 130px;
margin-left : auto;
margin-right : auto;
background : url(../images/footer.png);
color : #f3f4f4;
}
.footer hr {
border : 0;
width : 85%;
background : #fff;
height : 1px;
margin-left : 100px;
}
.footer a {
font-size : 12px;
font-family : "Myriad Pro", Arial;
color : #141415;
}
.footer a:hover {
font-size : 13px;
font-family : "Myriad Pro", Arial;
color : #f4f3f4;
}
img {
border : none;
}
#supersized-loader {
position : absolute;
top : 50%;
left : 50%;
z-index : 0;
width : 60px;
height : 60px;
margin : -30px 0 0 -30px;
text-indent : -999em;
background : url(../img/progress.gif) center center no-repeat;
}
#supersized {
display : block;
position : fixed;
left : 0;
top : 0;
overflow : hidden;
z-index : -999;
height : 100%;
width : 100%;
}
#supersized img {
width : auto;
height : auto;
position : relative;
display : none;
outline : none;
border : none;
}
#supersized li {
display : block;
list-style : none;
z-index : -30;
position : fixed;
overflow : hidden;
top : 0;
left : 0;
width : 100%;
height : 100%;
background : #111;
}
#supersized a {
width : 100%;
height : 100%;
display : block;
}
#supersized li.prevslide {
z-index : -20;
}
#supersized li.activeslide {
z-index : -10;
}
#supersized li.image-loading {
background : url(../templates/images/progress.gif) center center no-repeat #111;
width : 100%;
height : 100%;
}
#supersized li.image-loading img {
visibility : hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img {
display : inline;
}
#toTop {
width : 100px;
border : #ccc solid 1px;
background : #f7f7f7;
text-align : center;
padding : 5px;
position : fixed;
bottom : 10px;
right : 10px;
cursor : pointer;
display : none;
color : #333;
font-family : verdana;
font-size : 11px;
}
span.c8 {
font-size : 13px;
}
div.c7 {
clear : both;
}
div.c5 {
text-align : center;
}
img.c4 {
float : left;
margin-left : 5px;
margin-top : 15px;
}
img.c3 {
float : left;
margin-left : 5px;
margin-top : 3px;
}
input.c2 {
background : url(templates/images/icons/pass.png) left no-repeat #d4d5d6;
border : #0099cc solid 1px;
border-radius : 3px;
margin-left : 3px;
margin-top : 3px;
padding-left : 17px;
color : #393939;
font-size : 12px;
width : 160px;
height : 23px;
}
input.c1 {
background : url(templates/images/icons/user.png) left no-repeat #d4d5d6;
border : #0099cc solid 1px;
border-radius : 3px;
margin-left : 360px;
margin-top : 17px;
padding-left : 17px;
color : #393939;
font-size : 12px;
width : 160px;
height : 23px;
}
span.c8 {
font-size : 13px;
}
div.c7 {
clear : both;
}
div.c5 {
text-align : center;
}
img.c4 {
float : left;
margin-left : 5px;
margin-top : 15px;
}
img.c3 {
float : left;
margin-left : 5px;
margin-top : 3px;
}
input.c2 {
background : url(templates/images/icons/pass.png) left no-repeat #d4d5d6;
border : #0099cc solid 1px;
border-radius : 3px;
margin-left : 3px;
margin-top : 3px;
padding-left : 17px;
color : #393939;
font-size : 12px;
width : 160px;
height : 23px;
}
input.c1 {
background : url(templates/images/icons/user.png) left no-repeat #d4d5d6;
border : #0099cc solid 1px;
border-radius : 3px;
margin-left : 360px;
margin-top : 17px;
padding-left : 17px;
color : #393939;
font-size : 12px;
width : 160px;
height : 23px;
}
span.c8 {
font-size : 13px;
}
div.c7 {
clear : both;
}
div.c5 {
text-align : center;
}
img.c4 {
float : left;
margin-left : 5px;
margin-top : 15px;
}
img.c3 {
float : left;
margin-left : 5px;
margin-top : 3px;
}
input.c2 {
background : url(templates/images/icons/pass.png) left no-repeat #d4d5d6;
border : #0099cc solid 1px;
border-radius : 3px;
margin-left : 3px;
margin-top : 3px;
padding-left : 17px;
color : #393939;
font-size : 12px;
width : 160px;
height : 23px;
}
input.c1 {
background : url(templates/images/icons/user.png) left no-repeat #d4d5d6;
border : #0099cc solid 1px;
border-radius : 3px;
margin-left : 360px;
margin-top : 17px;
padding-left : 17px;
color : #393939;
font-size : 12px;
width : 160px;
height : 23px;
}Надявам се някой да успее да ми помогне като ги преправи