D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
proc
/
self
/
root
/
proc
/
thread-self
/
root
/
home
/
markniuj
/
bazmeasar.com
/
pdf
/
Filename :
css.css
back
Copy
body { background-color: aliceblue; } A {text-decoration: none;} table { border-collapse: collapse; background-color: #FFFFFF; width: 100%; } tr:nth-child(even){background-color: #f2f2f2;} tr:hover {background-color: #ddd;} th, td { text-align: left; padding: 10px; } tr:nth-child(even) {background-color: #f2f2f2; } header{ width: 1200px; display: flex; align-content: stretch; margin-left: auto; margin-right: auto; } .dextop{ width: 50%; margin: 5px; padding: 10px; border: 1px solid #001c50; border-radius: 3px; } input{ width: 90%; margin: 5px; padding: 10px; border: 1px solid #001c50; border-radius: 3px; } input:hover{ width: 90%; padding: 10px; padding: 10px; background-color: #fffee6; border: 1px solid #001c50; border-radius: 3px; } select { width: 93%; margin: 5px; padding: 10px; border: 1px solid #001c50; border-radius: 3px; } textarea{ width: 90%; margin: 5px; padding: 10px; border: 1px solid #001c50; border-radius: 3px; } textarea:hover{ width: 90%; margin: 5px; padding: 10px; background-color: #fffee6; border: 1px solid #001c50; border-radius: 3px; } .logo{ border: solid #d4d4d4 0px; flex-grow: 1; padding: 10px; margin: 2px; padding-left: 20px; } .menu{ border: black solid 0px; flex-grow: 8; padding: 10px; margin: 2px; } ul{ list-style-type: none; padding: 1px; } li{ float: left; font-size: 22px; color: rgb(93, 93, 93); margin-top: 5px; } li a{ padding: 10px; text-decoration: none; font-size: 22px; color: rgb(93, 93, 93); } li a:hover{ padding: 10px; text-decoration: none; font-size: 22px; color: rgb(255, 255, 255); border-radius: 5px; background-color: cadetblue; } .mainbody{ width: 1200px; display: flex; border: #c5c5c5 solid 1px; margin-left: auto; margin-right: auto; align-content: stretch; background-color: white; padding: 0px; } .section slider{ width: 1200px; display: flex; margin-left: auto; margin-right: auto; align-content: stretch; background-color: white; padding: 0px; } p { width: auto; font-size: 16px; color: black; line-height: 18px; text-align: left; padding: 10px; } purdu{ font-size: large; color: #000000; line-height: 18px; padding: 5px; } .bodyarea{ width: 750px; height: auto; border: #6d6d6d solid 2px; background-color: rgb(243, 243, 243); flex-grow: 8; padding: 20px; margin: 4px; } .articles{ width: 100%; height: auto; display: inline-flex; flex-direction: column; padding: 0px; margin:3px; background-color: beige; } .sidebar{ width: 390px; height: auto; background-color:white; border: #c5c5c5 solid 0px; flex-grow: 1; padding: 5px; } .box-side{ width: 370px; height: auto; border-radius: 0px 0px 5px 5px; background-color: rgb(237, 253, 240); border-bottom: 2px solid #6d6d6d; border-left: 2px solid #6d6d6d; border-right: 2px solid #6d6d6d; margin-bottom: 15px; display: inline-flex; padding: 5px; line-height: 30px; font-size: 18px; color: white; text-align: center; } .side-bar-heading{ width: 360px; font-size: 28px; color: #ffffff; border-top: 2px solid #6d6d6d; border-left: 2px solid #6d6d6d; border-right: 2px solid #6d6d6d; background-color: cadetblue; font-family: Arial, Helvetica, sans-serif; font-weight: 700; z-index: 999; padding: 10px; } footer{ background-color: rgb(20, 18, 18); padding-top: 178px; background-image: url(fm-1.png); background-repeat: repeat-x; margin-left: -8px; margin-right: -8px; } .footer-col{ display: flex; flex-direction: row; justify-content: space-between; width: 1200px; margin-left: auto; margin-right: auto; padding: 25px; } .footer-heading{ font-size: 28px; color: #ee8f00; font-family: Arial, Helvetica, sans-serif; font-weight: 700; width: 100%; margin: 15px; } .footer-col1{ width: 33%; text-align: left; font-size: 18px;color: #ffffff; margin-bottom: 0px; } .vertical-menu { width: 95%; /* Set a width if you like */ } .vertical-menu a { background-color: #eee; /* Grey background color */ color: black; /* Black text color */ display: block; /* Make the links appear below each other */ padding: 12px; /* Add some padding */ text-decoration: none; /* Remove underline from links */ } .vertical-menu a:hover { background-color: #ccc; /* Dark grey background on mouse-over */ } .vertical-menu a.active { background-image: url(bgmenu.png ); color: white; } @media screen and (max-width: 600px) { body { background-color: aliceblue; margin-top: 10px; background-image: url(bgblank.png ); background-repeat: no-repeat; } header{ width: 100%; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; } .dextop{ width: 90%; border: 0px solid #001c50; } .logo{ width: 100%; border: black solid 0px; padding: 0px; margin-left: auto; margin-right: auto; align-items: center; } .menu{ width: 100%; border: black solid 0px; padding: 0px; margin: 2px; } .bodyarea{ display: flex; flex-direction: column; width: auto; height: auto; width: 98%; border: black solid 0px; padding: 0px; } .mainbody{ width: 100%; display: flex; flex-direction: column; background-color: white; padding: 0px; } .vertical-menu { width: 100%; /* Set a width if you like */ } .articles{ width: 88%; height: auto; display: inline-flex; flex-direction: column; padding: 0px; margin-bottom: 5px; background-color: rgb(255, 255, 255); } .sidebar{ width: 100%; height: auto; background-color:rgb(237, 237, 237); border: rgb(231, 230, 230) solid 0px; padding: 5px; } .side-bar-heading{ width: 95%; height: auto; border-radius: 5px; background-color: rgb(0, 79, 82); border: black solid 2px; margin-bottom: -10px; display: inline-flex; padding: 2%; border-bottom: none; line-height: 50px; font-size: 25px; color: white; text-align: center; } .box-side{ width: 97%; height: auto; border-radius: 0px; background-color: cadetblue; border: black solid 2px; border-top: none; display: inline-flex; padding: 1%; line-height: 50px; font-size: 25px; color: white; text-align: center; } footer{ background-color: rgb(20, 18, 18); padding-top: 0px; width: 100%; } .footer-col{ display: flex; flex-direction: column; justify-content: space-between; width: 98%; padding: 2%; } .footer-heading{ font-size: 28px; color: #ee8f00; font-family: Arial, Helvetica, sans-serif; font-weight: 700; width: 100%; padding-top: 15px; margin-top: 15px; border-top: #ee8f00 solid 2px; } .footer-col1{ width: 85%; text-align: left; font-size: 18px;color: #ffffff; margin-bottom: 0px; } } @media screen and (max-width: 600px) { .logo1{ border: solid black 2px; flex-grow: 1; padding: 10px; margin: 2px; padding-left: 20px; } .menu1{ border: black solid 2px; flex-grow: 8; padding: 10px; margin: 2px; } }