Base-Style

What is a base-style How do you make a base-style? This script and codes were developed by Daniel Gooß on 14 January 2022, Friday.

How do I make an base-style?
  1. Base-Style Previews
  2. Base-Style HTML Codes
  3. Base-Style CSS Codes
Base-Style Previews

Base-Style HTML Codes

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Base-Style</title>
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

  <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Oswald'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Droid+Serif'>

      <style>
      /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
      body {
  background-color: #efefef;
  font-family: 'Droid Serif', serif;
  font-size: 14px;
}
article {
  max-width: 720px;
  box-sizing: border-box;
  padding: 0 40px 1.5em;
  margin: 0 auto 10px;
  background-color: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
article header {
  padding: 1em 40px 0.5em;
  margin: 0 -40px 1em;
  text-align: center;
  color: #333;
  transition: all 0.2s 0.2s ease-in-out;
}
h1,
h2,
h3,
h4.h5,
h6 {
  margin: 0 0 0.3em;
  font-family: 'Oswald';
  font-weight: normal;
  line-height: 1.5em;
  /*-webkit-font-smoothing: antialiased;*/
  -moz-osx-font-smoothing: grayscale;
}

    </style>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>

</head>

<body>
  
  
  
</body>
</html>

Base-Style CSS Codes

body {
  background-color: #efefef;
  font-family: 'Droid Serif', serif;
  font-size: 14px;
}
article {
  max-width: 720px;
  box-sizing: border-box;
  padding: 0 40px 1.5em;
  margin: 0 auto 10px;
  background-color: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
article header {
  padding: 1em 40px 0.5em;
  margin: 0 -40px 1em;
  text-align: center;
  color: #333;
  transition: all 0.2s 0.2s ease-in-out;
}
h1,
h2,
h3,
h4.h5,
h6 {
  margin: 0 0 0.3em;
  font-family: 'Oswald';
  font-weight: normal;
  line-height: 1.5em;
  /*-webkit-font-smoothing: antialiased;*/
  -moz-osx-font-smoothing: grayscale;
}
Do you want hide your ip address?Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup.