Path : /home/saffgro2/public_html/css/ |
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
Current File : /home/saffgro2/public_html/css/style.css |
@font-face { font-family: "Iranian_Sans"; src: url("irsans-m.woff") format("woff"), url("irsans-m.ttf") format("ttf"), url("irsans-m.eot") format("eot"); /*font-style: normal;*/ } * { box-sizing: border-box; background-color:black; font-family: "Iranian_Sans"; } .menu { float:left; width:15%; text-align:center; margin-top:5%; border-radius: 15px; } .menu a { /*background-color:#e5e5e5;*/ padding:8px; margin-top:5%; display:block; width:100%; /*color:#950025;*/ color:white; } .menu a:link,.menu a:visited,.menu a:hover,.menu a:active { background-color: #950025; text-decoration:none; border-radius: 15px; } .main { float:left; width:60%; padding:0 10px; /* border:1px solid #B7B7B7;*/ border-radius: 15px; margin-left:2.5%; margin-right:2.5%; min-height:70vh; margin-top:5%; } .right { float:left; width:15%; padding:5px; margin-top:5%; text-align:center; direction:rtl; border-radius: 15px; } table { border-collapse: separate; width: 100%; direction:rtl; border:none; border-radius: 15px; } .ftbl td { border:1px solid black; text-align: right; /* width:25px;*/ border-radius: 25px; border-spacing: 25px; /*height:25px;*/ /* border-radius: 15px;*/ } .ftbl td a:link,td a:visited,td a:hover { color: #2b406e; text-decoration:none; } .ftbl tr:nth-child(even) { /* background-color: #ffe6ec;*/ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7070+1,ff5c5c+1,f9e3e3+100 */ background: rgb(255,112,112); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,112,112,1) 1%, rgba(255,92,92,1) 1%, rgba(249,227,227,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,112,112,1) 1%,rgba(255,92,92,1) 1%,rgba(249,227,227,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,112,112,1) 1%,rgba(255,92,92,1) 1%,rgba(249,227,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7070', endColorstr='#f9e3e3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border:none; border-radius: 15px; } .ftbl tr:nth-child(odd){ background-color: #EADADA; border:none; border-radius: 15px; } .ftbl td:hover { background-color: #c89d9d; font-weight:bold; } /* -------------------------------------------------------------*/ .tbl{ border:none; border-radius: 15px; direction:rtl; margin-top:4%; margin-bottom:2%; } .tbl td{ border:none; margin:10%; text-align: center; background-color: #950025; border-spacing: 25px; border-radius: 15px; } .tbl a { /*background-color:#e5e5e5;*/ /*margin:5% 0;*/ display:block; width:100%; color:white; margin:5% 0; } .tbl a:link,.tbl a:visited,.tbl a:active { background-color: #950025; text-decoration:none; border-radius: 15px; color:white; font-size:1vw; display:inline-block; width:100%; height:100%; } .tbl a:hover{ font-weight:bold; } .tbl { border:none; border-radius: 15px; } .tbl th{ color:#950025; } .tbl tr td { border:none; border-radius: 15px; } .font{ font-size:1vw; } img , h4{ display:inline; } .header{ /*background-color:#e5e5e5;*/ padding:15px; text-align:center; margin:10px; } .rotate{ /* border:1px solid black; transform:rotate(-45deg);*/ display:inline-block; width:25%; min-height:75px; margin:2.5% 0; margin-right:5%; padding:2.5%; text-align:center; text-decoration: none; border-radius: 15px; background: rgb(229,229,229); /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, rgba(229,229,229,1) 2%, rgba(229,229,229,1) 2%, rgba(255,255,255,1) 49%, rgba(229,229,229,1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(229,229,229,1) 2%,rgba(229,229,229,1) 2%,rgba(255,255,255,1) 49%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(229,229,229,1) 2%,rgba(229,229,229,1) 2%,rgba(255,255,255,1) 49%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .menu a:hover { color: #474b5d; font-weight:bold; background: rgb(200,157,157); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(200,157,157,1) 1%, rgba(255,255,255,1) 23%, rgba(200,157,157,1) 53%, rgba(255,255,255,1) 79%, rgba(200,157,157,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(200,157,157,1) 1%,rgba(255,255,255,1) 23%,rgba(200,157,157,1) 53%,rgba(255,255,255,1) 79%,rgba(200,157,157,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(200,157,157,1) 1%,rgba(255,255,255,1) 23%,rgba(200,157,157,1) 53%,rgba(255,255,255,1) 79%,rgba(200,157,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c89d9d', endColorstr='#c89d9d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .responsive { width: 100%; height: auto; } .footer{ background-color:#950025; text-align:center; padding:10px; margin-top:3%; color:white; font-size:1vw; width:100%; } .footer a:visited{ background-color: #950025; color:white; text-decoration:none; } .footer a:hover,.footer a:link , .footer a:active{ font-weight:bold; /*color:yellow;*/ text-decoration:none; } .limg{ margin-bottom:5%; width:50%; } @media only screen and (max-width:768px) { /* For mobile phones: */ .menu, .main, .right { width:100%; } .menu a { margin-bottom:5px; } .main { border:none; margin:0; min-height:20vh; } .right{ margin-top:1%; } .rotate{ margin-top:20%; } .tbl a:link,.tbl a:visited,.tbl a:hover,.tbl a:active { font-size:2vh; } .font{ font-size:3vw; } .footer{ font-size:3vw; } .menu a { display:inline-block; width:15%; float:left; } .limg{ margin-top:5%; width:15%; } .tbl a { margin:1% 0; } }