Wednesday, December 27, 2023

New CSS

 OPACUserCSS

 

#opac-main-search {

    background: #151b54;

    margin: 7px 0;

    padding: 15px;

}

 

body {

    background-color: #E5E4E2;

}

.main {

    background-color: #E5E4E2;

    border: 1px solid #E5E4E2;

    margin: 15px;

    padding: 1rem 0;

}

HTML button

<a href="https://youtube.com"><button type="button">Facebook</button></a>

 

CSS button

<style>

.button {

  border: none;

  color: white;

  padding: 12px 80px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  margin: 4px 2px;

  transition-duration: 0.4s;

  cursor: pointer;

}

 

.button1 {

  background-color: white;

  color: black;

  border: 2px solid #008CBA;

}

 

.button1:hover {

  background-color: #008CBA;

  color: white;

}

 

.button2 {

  background-color: white;

  color: black;

  border: 2px solid #008CBA;

}

 

.button2:hover {

  background-color: #008CBA;

  color: white;

}

 

.button3 {

  background-color: white;

  color: black;

  border: 2px solid #008CBA;

}

 

.button3:hover {

  background-color: #008CBA;

  color: white;

}

.button4 {

  background-color: white;

  color: black;

  border: 2px solid #008CBA;

}

 

.button4:hover {

  background-color: #008CBA;

  color: white;

}

.button5 {

  background-color: white;

  color: black;

  border: 2px solid #008CBA;

}

 

.button5:hover {

  background-color: #008CBA;

  color: white;

}

.button6 {

  background-color: white;

  color: black;

  border: 2px solid #008CBA;

}

 

.button6:hover {

  background-color: #008CBA;

  color: white;

}

.button7 {

  background-color: white;

  color: black;

  border: 2px solid #008CBA;

}

 

.button7:hover {

  background-color: #008CBA;

  color: white;

}

 

</style>

<h2>Important links here</h2>

<a href="https://youtube.com"" target="_blank"><button class="button button1">Facebook</button></a> <br />

<a href="https://youtube.com"" target="_blank"><button class="button button2">Facebook</button></a><br />

<a href="https://youtube.com"" target="_blank"><button class="button button3">Facebook</button></a><br />

<a href="https://youtube.com"" target="_blank"><button class="button button4">Facebook</button></a><br />

<a href="https://youtube.com"" target="_blank"><button class="button button5">Facebook</button></a><br />

<a href="https://youtube.com"" target="_blank"><button class="button button6">Facebook</button></a><br />

<a href="https://youtube.com"" target="_blank"><button class="button button7">Facebook</button></a>

 

 

https://catalog.slocanlibrary.ca/cgi-bin/koha/opac-search.pl?advsearch=1&weight_search=1&do=Search&limit=mc-itype%2Cphr%3ABK&sort_by=relevance

No comments:

Post a Comment