/* Theme Name: My Theme - Child Theme URI: http://localhost:10005/PED/ Description: My Customizable Child Theme Author: Hendrik Kleinhans Template: local-online-auction Version: 1.0.0 */ /* GLOBAL SITE Defaults, Codes and Edits */ /* The following codes is to use my custom fonts as the default fonts - Monotype Corsiva*/ @font-face {font-family: "Corsiva"; src: url("fonts/Corsiva.woff") format('woff');} /* Declares the custom fonts and link to the fonts file paths. */ body { font-family: "Corsiva", sans-serif; font-size: 25px; background: linear-gradient(#480752, #000000); } h1, h2, h3 { font-family: "Corsiva", sans-serif; font-size: 25px; } /* The following codes is to remove Default Global Componets from pages*/ .entry-title {display: none;} .post-edit-link {display : none;} .site-footer {display:none;} /* The following codes change the menu format*/ .menu-menu-container {background: radial-gradient(ellipse, #0B0ED5, #000000); font-size: 25px; font-weight: bold; text-align: center; margin: auto; width: 45%;} /* The following is the menu text, hover and clicked colour. */ a:link {color: #ffffffff;} a:visited {color: #ffffff;} a:hover {color: rgb(148, 15, 220);} /* The following is to always display the menu in block format */ .menu {display: inline-block !important;} /* The following is to remove the toggle menu on mobile devices */ .menu-toggle {display:none} .menu-item-46 {background: radial-gradient(ellipse, #0B0ED5, #000000);} .menu-item-50 {background: radial-gradient(ellipse, #0B0ED5, #000000);} .menu-item-49 {background: radial-gradient(ellipse, #0B0ED5, #000000);} .menu-item-1846 {background: radial-gradient(ellipse, #0B0ED5, #000000);} .menu-item-2289 {background: radial-gradient(ellipse, #0B0ED5, #000000);} /* local-online-auction/ HOME - Defaults, Codes and Edits */ /* local-online-auction/ RULES - Defaults, Codes and Edits */ /* local-online-auction/ HOW_IT_WORKS - Defaults, Codes and Edits */ /* local-online-auction/ LOGIN/REGISTER - Defaults, Codes and Edits */ /* local-online-auction/ AUCTION - Defaults, Codes and Edits */ /*page>Auction>"Countdown timer"*/ #count-element { margin: auto; font-size: 30px; color: rgb(148, 15, 220); text-align: center; background: radial-gradient(ellipse, #000000, #06074c);} /*page>Home>Auction - The image layout and text under images*/ .mygallery { margin: auto; width: 80%;padding-top:50px;} .wp-element-caption {font-size: 25px!important; padding-top:0px!important;} /* Auction page - Item description propperties*/ /*.wp-element-caption { top: 90%; } /*height:50px; font-size: 20px!important; background: radial-gradient(ellipse, #0B0ED5, #000000)!important;} /*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* local-online-auction/ AUCTION ITEMS - Defaults, Codes and Edits */ /* The following codes is all for comments under AUCTION ITEMS */ /* Removes "Comment*" from the Comment box*/ label {display:none;} /* Removes "Reply*" from the Replied comment field*/ .edit-link {display:none;} /* Removes "Leave a reply" from the Replied comment field*/ .comment-reply-title {display:none;} /* Removes the Text "logged in as etc." from comments */ .logged-in-as {display: none;} /* Removes The date and time from the Replied comment field*/ .comment-metadata {display:none;} /* Removes the "auther" Says text in comments */ .says{ display:none;}*/ /* Removes the text showing how many responses there is */ .comments-title {display:none;} /* Removes the text showing how many responses there is */ .comments-title {display:none;} /* Comments area text color */ .comments-area {color:white; font-size: 30px;} /* Set the comments text box hight and width and position*/ textarea {height:70px; font-size: 35px; font-weight: bold; color: black; ;margin-left: 42.5%; width: 200px;padding-left:65px; border: 2px solid black; resize: none;} /* Displays the R image in the comment text box */ textarea {background-image:url(/wp-content/themes/mytheme/R.png);} /* Adjust the comments submit button properties */ .submit { margin-left:42.5%; width: 200px;background: radial-gradient(ellipse, #8cee24ff, #000000)!important; font-size:25px; color:white!important;font-family: 'Corsiva', sans-serif; cursor: pointer;} /* Continuing comments submit button properties when hovering over */ .submit:hover{color:Black!important;font-weight: bold;text-shadow:-2px -2px 12px #ffffff;} /* Adjust the position of the already replied comments (all items) */ .comment-list {margin:0 auto; position:relative; font-size: 25px;} /* Background for the already replied comments (all items) */ .comment-meta {margin-left:-80px; width: 300px; background: radial-gradient(ellipse, #0B0ED5, #000000)!important;} /*place a border around the authors replies*/ .comment-author {border: 1px solid #ffffff;} /* The following codes is to place the comment box above the comments */ #comments { display:flex; flex-direction:column;} #respond{ order: 2; } .comment-list { order: 3; } /* Adjust the position of the replied text*/ .comment-content { margin-block-start:-62px; margin-left:45px;} /*Displays the Rand (R) value in front of the replied bid*/ .comment-content :before {content:'  Bids  R ';} /* Removes the comments count/number posted */ .comment-list{ list-style-type:none;} /*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Class Edits - Home Page (Class placed under columns*/ /*page>Home>"Welcome To Our Local Online Auction"*/ h2 { color:white; Margin: auto; height: 50px;width: 500px; padding: 2px; font-size: 30px;background: radial-gradient(ellipse, #0B0ED5, #000000);} /*page>Home>Allignment of bottom buttons*/ .my-class4 { margin: auto; width: 23%; padding: 1px; font-size: 30px;} /* The following code is for the Item's Pages */ /* Change the properties of the Item descryption text box */ h4 { color:white; font-size: 30px; border: 1px solid white; margin-top: 0px; width: 450px; height: 450px;background: radial-gradient(ellipse, #0B0ED5, #000000);} /* The code to change the properties of the Higest bid text area "The highest bid" */ h5 { text-align: center; color: rgb(148, 15, 220); Margin: auto; height: 50px;width: 450px; padding: 2px; font-size: 30px;background: radial-gradient(ellipse, #000000, #06074c);} /* My Classes : place a .name here in style.css like .example {whatever here;}. Then in your guntenburg block edditor, go to Additional CSS class(es) under settings to the right and insert example . now that block will display the attributes and properties set here as example.*/ .myborder {border: 2px solid black;} /* .mygallery { margin: auto; width: 80%;padding-top:50px;} page>Home>Auction - The image layout and text under images*/ .mytext { margin: auto; width: 70%; font-size: 30px; border: 2px solid black; background: radial-gradient(ellipse, #0B0ED5, #000000)} .mytext2 { margin: auto; width: 80%; font-size: 28px; background: radial-gradient(ellipse, #0B0ED5, #000000)} /*Below - Rules - Text Removal rules */ .mytext3 { margin: auto; width: 70%; font-size: 25px; border: 2px solid black; background: radial-gradient(ellipse, #f54702, #000000)} /*Below - Rules - Text Disclaimer */ .mytext4 { margin: auto; width: 70%; font-size: 25px; border: 2px solid black; background: radial-gradient(ellipse, #02f537, #000000)} .mytext5 { margin: auto; width: 70%; font-size: 30px; border: 2px solid black; background: radial-gradient(ellipse, #7a03e9, #000000)} .mytext6 { border: 1px solid white; } .mytext7 { margin: auto; width: 45%; font-size: 22px; background: radial-gradient(ellipse, #0B0ED5, #000000)} .mytext8 { line-height: 0.5; margin: auto; width: 45%; font-size: 25px; background: #000000; color:black} /*Below - Heading (Top paragraph on most pages */ .mytext9 { margin: auto; width: 70%; font-size: 25px; background: radial-gradient(ellipse, #0B0ED5, #000000)} /*Below - -How-It-Works Page - Main Text */ .mytext10 { border: 3px solid rgb(22, 22, 222);margin: auto; width: 70%; font-size: 25px; background: radial-gradient(ellipse, #0B0ED5, #000000)} .mytext11 { margin: auto; width: 50%; font-size: 22px; background: white} /*Below - Auction - space between grids*/ .mytext12 { line-height: 2; margin: auto; background: #000000; color:black} /*Below - Auction - Top space between grids with the time setting text*/ .mytext13 { line-height: 2; margin: auto; background: #000000; color:white} /*404 - welcome and you stumbled blocks*/ .mytext14 { background: radial-gradient(ellipse, #0B0ED5, #000000)} /*Below - Auction - space between Sticky button and next paragraph*/ .mytext15 { line-height: 0.5; margin: auto; ; width: 45%; background: #000000; color:black} .mytext16 { border: 3px solid rgb(22, 22, 222);margin: auto; width: 500px; font-size: 25px; background: radial-gradient(ellipse, #0B0ED5, #000000)} /* Text White Global */ .wp-singular {color: white;} /* Testing Below */ /*Below - Auction - Button to pages 1/2*/ .my-sticky-button { position: fixed; font-size: 24px; font-weight: bold; line-height: 1px;} /* Unnecisarry below */ /* The code to change the properties of the latest comment block to show "The highest bid" off all the pages comments */ /*.wp-block-latest-comments__comment-meta {display:none;}*/ /*.wp-block-latest-comments__comment-excerpt :before {content:'Highest Bid : R ';}*/ /*.wp-block-latest-comments__comment-excerpt {margin-left:-60px; color:white; width:250px; text-align: center; font-size: 30px;*/ /*background: radial-gradient(ellipse, #0B0ED5, #000000);}*/ /*.has-excerpts {color:white; width:250px; text-align: center; font-size: 30px;margin:auto!important}*/ /* The code to change the properties of the latest comment block to show ""The highest bid" */ /*.wp-block-comment-content{margin-left:-60px; color:white; width:250px; text-align: center; font-size: 30px;*/ /*background: radial-gradient(ellipse, #0B0ED5, #000000);}*/ /*.wp-block-comment-content :before {content:'Highest Bid : R ';}*/