|
|
(113 intermediate revisions by the same user not shown) |
Line 107: |
Line 107: |
| font-family: typewriter; | | font-family: typewriter; |
| font-size: 100%; | | font-size: 100%; |
− | padding: 20px 130px 0px 200px; | + | padding: 2% 28% 0% 17%; |
| | | |
| } | | } |
Line 930: |
Line 930: |
| | | |
| img.profilepicbig { | | img.profilepicbig { |
− | width: 42%; | + | width: 27%; |
− | padding: 4% 8% 3% 2%; | + | margin: 4% 20% 1% 4%; |
| float: right ; | | float: right ; |
| | | |
Line 951: |
Line 951: |
| } | | } |
| | | |
− | .afto{
| |
− | height: auto;
| |
− | width: 550px;
| |
− | }
| |
| | | |
− | .afto2{
| |
− | table-layout: fixed;
| |
− | width: 500px;
| |
− | align:right;
| |
− |
| |
− | }
| |
| | | |
| ul li{ | | ul li{ |
Line 975: |
Line 965: |
| | | |
| .containerteam{ | | .containerteam{ |
− | width:;
| |
| } | | } |
| | | |
Line 994: |
Line 983: |
| color: #d6d6d6 !important; | | color: #d6d6d6 !important; |
| font-family: typewriter; | | font-family: typewriter; |
− | font-size: 20px; | + | font-size: 20px;font-size: 2vw; |
| padding: 0px 0px 0px 20px; | | padding: 0px 0px 0px 20px; |
| width:30%; | | width:30%; |
Line 1,001: |
Line 990: |
| } | | } |
| | | |
− | @media (max-width: 830px) { | + | @media (min-width:1601px){ |
− | ul li{
| + | |
− | display:inline;
| + | |
− | }
| + | |
− | .ptc2 {
| + | |
− | display:none;
| + | |
− | | + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | @media (max-width: 830px) {
| + | |
− | | + | |
− | | + | |
| img.profilepicbig { | | img.profilepicbig { |
− | width: 220px; | + | width: 280px; |
− | padding: 20px 20px 5px 20px; | + | margin: 40px 200px 10px 50px; |
| float: right ; | | float: right ; |
| | | |
| } | | } |
− | img.profilepicthum{
| + | section { |
− | | + | float: left; |
− | width: 80px;
| + | width: 550px; |
− | } | + | } |
| + | aside { |
| + | float: right; |
| + | width: 1030px; |
| + | display:table; |
| + | table-layout: fixed !important; |
| + | } |
| p { | | p { |
| font-color: #ffffff ; | | font-color: #ffffff ; |
− | font-family: typewriter;
| + | font-size: 16px; |
− | font-size: 11px; | + | padding: 20px 280px 0px 180px; |
− | padding: 5px 75px 0px 105px; | + | |
− | }
| + | |
− | }
| + | |
− | | + | |
| | | |
− | @media (max-width: 790px) {
| + | }} |
| | | |
| | | |
| + | @media (max-width:1500px){ |
| img.profilepicbig { | | img.profilepicbig { |
− | width: 210px; | + | width: 31%; |
− | padding: 20px 20px 5px 20px; | + | margin: 2vw 7vw 0.5vw 2vw; |
| float: right ; | | float: right ; |
| | | |
− | }
| |
− | img.profilepicthum{
| |
− |
| |
− | width: 80px;
| |
| } | | } |
| p { | | p { |
| font-color: #ffffff ; | | font-color: #ffffff ; |
− | font-family: typewriter;
| + | font-size: 100%; |
− | font-size: 10.5px; | + | padding: 2% 28% 0% 17%; |
− | padding: 5px 75px 0px 105px; | + | |
− | }
| + | |
− | }
| + | |
| | | |
− | @media (max-width: 770px) {
| + | }} |
| | | |
| | | |
| + | @media (max-width:1400px){ |
| img.profilepicbig { | | img.profilepicbig { |
− | width: 200px; | + | width: 21vw; |
− | padding: 20px 20px 5px 20px; | + | margin: 2vw 3vw 0.5vw 2vw; |
| float: right ; | | float: right ; |
| | | |
− | }
| |
− | img.profilepicthum{
| |
− |
| |
− | width: 80px;
| |
| } | | } |
| p { | | p { |
| font-color: #ffffff ; | | font-color: #ffffff ; |
− | font-family: typewriter;
| + | font-size: 16px; |
− | font-size: 10.5px; | + | padding: 1vw 7vw 0.5vw 13vw; |
− | padding: 5px 75px 0px 95px; | + | |
− | }
| + | |
− | }
| + | |
| | | |
− | @media (max-width: 740px) {
| |
− |
| |
− |
| |
− | img.profilepicbig {
| |
− | width: 190px;
| |
− | padding: 20px 20px 5px 20px;
| |
− | float: right ;
| |
− |
| |
| } | | } |
− | img.profilepicthum{
| |
− |
| |
− | width: 70px;
| |
| } | | } |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 10.5px;
| |
− | padding: 5px 75px 0px 95px;
| |
− | }
| |
− | }
| |
− |
| |
− | @media (max-width: 710px) {
| |
− |
| |
| | | |
| + | @media (max-width:1100px){ |
| img.profilepicbig { | | img.profilepicbig { |
− | width: 180px; | + | width: 21vw; |
− | padding: 20px 18px 5px 20px; | + | margin: 2vw 3vw 0.5vw 2vw; |
| float: right ; | | float: right ; |
| | | |
− | }
| |
− | img.profilepicthum{
| |
− |
| |
− | width: 70px;
| |
| } | | } |
| p { | | p { |
| font-color: #ffffff ; | | font-color: #ffffff ; |
− | font-family: typewriter;
| + | font-size: 1.5vw; |
− | font-size: 10px; | + | padding: 1vw 7vw 0.5vw 13vw; |
− | padding: 5px 75px 0px 100px; | + | |
− | }
| + | |
− | }
| + | |
| | | |
− | @media (max-width: 680px) {
| |
− |
| |
− |
| |
− | img.profilepicbig {
| |
− | width: 180px;
| |
− | padding: 15px 15px 5px 20px;
| |
− | float: right ;
| |
− |
| |
| } | | } |
− | img.profilepicthum{
| |
− |
| |
− | width: 60px;
| |
| } | | } |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 10px;
| |
− | padding: 5px 65px 0px 90px;
| |
− | }
| |
− | }
| |
| | | |
− | @media (max-width: 640px) { | + | @media (max-width: 830px) { |
− | img.profilepicbig {
| + | ul li{ |
− | width: 170px;
| + | display:inline; |
− | padding: 15px 15px 5px 20px;
| + | |
− | float: right ;
| + | |
− |
| + | |
| } | | } |
− | img.profilepicthum{
| + | .ptc2 { |
− | width: 60px;
| + | display:none; |
− | }
| + | |
− | p {
| + | |
− | font-color: #ffffff ; | + | |
− | font-family: typewriter;
| + | |
− | font-size: 9.5px;
| + | |
− | padding: 5px 60px 0px 80px;
| + | |
− | }
| + | |
− | .ptc {
| + | |
− | color: #d6d6d6 !important;
| + | |
− | font-family: typewriter;
| + | |
− | font-size: 15px;
| + | |
− | padding: 0px 0px 0px 20px;
| + | |
− | } }
| + | |
| | | |
− | @media (max-width: 605px) {
| |
− | img.profilepicbig {
| |
− | width: 160px;
| |
− | padding: 15px 15px 5px 20px;
| |
− | float: right ;
| |
− |
| |
| } | | } |
| + | section { |
| + | float: center; |
| + | width: 100%; |
| + | } |
| + | aside { |
| + | float: center; |
| + | width: 100%; |
| + | display:table; |
| + | table-layout: fixed !important; |
| + | } |
| img.profilepicthum{ | | img.profilepicthum{ |
− | width: 55px; | + | width: 11%; |
| } | | } |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 9px;
| |
− | padding: 5px 55px 0px 80px;
| |
− | }
| |
− | .ptc {
| |
− | color: #d6d6d6 !important;
| |
− | font-family: typewriter;
| |
− | font-size: 12px;
| |
− | padding: 0px 0px 0px 20px;
| |
− | } }
| |
| | | |
− | @media (max-width: 570px) {
| |
− | img.profilepicbig {
| |
− | width: 150px;
| |
− | padding: 15px 15px 5px 20px;
| |
− | float: right ;
| |
− |
| |
− | }
| |
− | img.profilepicthum{
| |
− | width: 55px;
| |
− | }
| |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 8.5px;
| |
− | padding: 5px 55px 0px 70px;
| |
− | }
| |
− | .ptc {
| |
− | color: #d6d6d6 !important;
| |
− | font-family: typewriter;
| |
− | font-size: 12px;
| |
− | padding: 0px 0px 0px 20px;
| |
− | } }
| |
| | | |
− | @media (max-width: 550px) {
| |
| img.profilepicbig { | | img.profilepicbig { |
− | width: 150px; | + | width: 33%; |
− | padding: 15px 15px 5px 20px;
| + | |
− | float: right ;
| + | |
− |
| + | |
− | }
| + | |
− | img.profilepicthum{
| + | |
− | width: 50px;
| + | |
− | }
| + | |
− | p {
| + | |
− | font-color: #ffffff ;
| + | |
− | font-family: typewriter;
| + | |
− | font-size: 8px;
| + | |
− | padding: 5px 55px 0px 70px;
| + | |
− | }
| + | |
− | .ptc {
| + | |
− | color: #d6d6d6 !important;
| + | |
− | font-family: typewriter;
| + | |
− | font-size: 12px;
| + | |
− | padding: 0px 0px 0px 20px;
| + | |
− | } }
| + | |
| | | |
− | @media (max-width: 525px) {
| + | margin: 3% 5% 1% 4%; |
− | img.profilepicbig {
| + | |
− | width: 140px;
| + | |
− | padding: 15px 12px 5px 20px; | + | |
| float: right ; | | float: right ; |
| | | |
| } | | } |
− | img.profilepicthum{
| |
− | width: 50px;
| |
− | }
| |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 8px;
| |
− | padding: 5px 55px 0px 70px;
| |
− | }
| |
− | .ptc {
| |
− | color: #d6d6d6 !important;
| |
− | font-family: typewriter;
| |
− | font-size: 12px;
| |
− | padding: 0px 0px 0px 20px;
| |
− | } }
| |
| | | |
− | @media (max-width: 510px) {
| |
− | img.profilepicbig {
| |
− | width: 140px;
| |
− | padding: 12px 12px 5px 20px;
| |
− | float: right ;
| |
− |
| |
− | }
| |
− | img.profilepicthum{
| |
− | width: 45px;
| |
− | }
| |
| p { | | p { |
| font-color: #ffffff ; | | font-color: #ffffff ; |
− | font-family: typewriter;
| + | font-size: 10px; font-size:2vw; |
− | font-size: 7.5px; | + | padding: 2% 15% 0% 23%; |
− | padding: 5px 55px 0px 70px;
| + | |
− | }
| + | |
− | .ptc {
| + | |
− | color: #d6d6d6 !important;
| + | |
− | font-family: typewriter;
| + | |
− | font-size: 12px;
| + | |
− | padding: 0px 0px 0px 20px; | + | |
− | } }
| + | |
| | | |
− |
| |
− | @media (max-width: 490px) {
| |
− | img.profilepicbig {
| |
− | width: 130px;
| |
− | padding: 12px 12px 5px 20px;
| |
− | float: right ;
| |
− |
| |
| } | | } |
− | img.profilepicthum{
| |
− | width: 45px;
| |
| } | | } |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 7px;
| |
− | padding: 5px 55px 0px 70px;
| |
− | }
| |
− | .ptc {
| |
− | color: #d6d6d6 !important;
| |
− | font-family: typewriter;
| |
− | font-size: 12px;
| |
− | padding: 0px 0px 0px 20px;
| |
− | } }
| |
| | | |
| | | |
− | @media (max-width: 462px) {
| |
− | img.profilepicbig {
| |
− | width: 125px;
| |
− | padding: 12px 12px 5px 20px;
| |
− | float: right ;
| |
− |
| |
− | }
| |
− | img.profilepicthum{
| |
− | width: 40px;
| |
− | }
| |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 6.5px;
| |
− | padding: 5px 50px 0px 60px;
| |
− | }
| |
− | .ptc {
| |
− | color: #d6d6d6 !important;
| |
− | font-family: typewriter;
| |
− | font-size: 11px;
| |
− | padding: 0px 0px 0px 20px;
| |
− | } }
| |
| | | |
− | @media (max-width: 430px) {
| |
− | img.profilepicbig {
| |
− | width: 120px;
| |
− | padding: 12px 12px 5px 15px;
| |
− | float: right ;
| |
− |
| |
− | }
| |
− | img.profilepicthum{
| |
− | width: 40px;
| |
− | }
| |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 6.5px;
| |
− | padding: 5px 55px 0px 60px;
| |
− | }
| |
− | .ptc {
| |
− | color: #d6d6d6 !important;
| |
− | font-family: typewriter;
| |
− | font-size: 11px;
| |
− | padding: 0px 0px 0px 20px;
| |
− | } }
| |
| | | |
− | @media (max-width: 425px) {
| |
− | img.profilepicbig {
| |
− | width: 115px;
| |
− | padding: 12px 12px 5px 15px;
| |
− | float: right ;
| |
− |
| |
− | }
| |
− | img.profilepicthum{
| |
− | width: 37px;
| |
− | }
| |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 6px;
| |
− | padding: 5px 50px 0px 55px;
| |
− | }
| |
− | .ptc {
| |
− | color: #d6d6d6 !important;
| |
− | font-family: typewriter;
| |
− | font-size: 10px;
| |
− | padding: 0px 0px 0px 15px;
| |
− | } }
| |
− |
| |
− | @media (max-width: 410px) {
| |
− | img.profilepicbig {
| |
− | width: 110px;
| |
− | padding: 12px 12px 5px 15px;
| |
− | float: right ;
| |
− |
| |
− | }
| |
− | img.profilepicthum{
| |
− | width: 37px;
| |
− | }
| |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 5.5px;
| |
− | padding: 3px 50px 0px 55px;
| |
− | }
| |
− | .ptc {
| |
− | color: #d6d6d6 !important;
| |
− | font-family: typewriter;
| |
− | font-size: 10px;
| |
− | padding: 0px 0px 0px 15px;
| |
− | } }
| |
− |
| |
− | @media (max-width: 400px) {
| |
− | img.profilepicbig {
| |
− | width: 105px;
| |
− | padding: 10px 12px 5px 15px;
| |
− | float: right ;
| |
− |
| |
− | }
| |
− | img.profilepicthum{
| |
− | width: 37px;
| |
− | }
| |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 5.5px;
| |
− | padding: 3px 40px 0px 50px;
| |
− | }
| |
− | .ptc {
| |
− | color: #d6d6d6 !important;
| |
− | font-family: typewriter;
| |
− | font-size: 10px;
| |
− | padding: 0px 0px 0px 15px;
| |
− | } }
| |
− |
| |
− | @media (max-width: 390px) {
| |
− | img.profilepicbig {
| |
− | width: 105px;
| |
− | padding: 10px 12px 5px 15px;
| |
− | float: right ;
| |
− |
| |
− | }
| |
− | img.profilepicthum{
| |
− | width: 33px;
| |
− | }
| |
− | p {
| |
− | font-color: #ffffff ;
| |
− | font-family: typewriter;
| |
− | font-size: 5.5px;
| |
− | padding: 3px 40px 0px 50px;
| |
− | }
| |
− | .ptc {
| |
− | color: #d6d6d6 !important;
| |
− | font-family: typewriter;
| |
− | font-size: 10px;
| |
− | padding: 0px 0px 0px 15px;
| |
− | } }
| |
| | | |
| | | |
| </style> | | </style> |
| </html> | | </html> |