Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- --------------------
- style.css ; SG v1.0
- By Titus and Magik
- Copyright © 2014 ISN
- --------------------
- */
- /* Polices */
- @font-face {
- font-family: 'Xirod';
- src: url('police/xirod.otf');
- url('police/xirod.ttf');
- }
- @font-face {
- font-family: 'Stark';
- src: url('police/Stark.otf');
- }
- @font-face {
- font-family: 'OldSB';
- src: url('police/OldSansBlack.ttf');
- }
- /* Body */
- body
- {
- background-image: url('fond/test2.jpg');
- background-attachment: fixed;
- min-width: 99%;
- display: inline-block;
- margin-right: auto;
- margin-left: auto;
- }
- /* En-tête */
- header
- {
- display: inline-block;
- width: 100%;
- text-align: center;
- }
- header h1
- {
- text-align: center;
- font-family: 'Xirod';
- color: #030303;
- text-shadow: 2px 2px 2px #8d0000;
- }
- header h2
- {
- text-align: center;
- font-family: 'Xirod';
- color: #030303;
- text-shadow: 2px 2px 2px #8d0000;
- }
- /* Barre de navigation */
- nav
- {
- display: inline-block;
- width: 100%;
- text-align: center;
- }
- nav ul
- {
- display: inline-block;
- list-style-type: none;
- }
- nav li
- {
- display: inline-block;
- }
- nav a
- {
- display: block;
- font-family: 'Stark';
- text-transform: uppercase;
- text-align: center;
- text-decoration: none;
- padding: 20px 12px 12px;
- color: #5a7676;
- font-size: 0.9em;
- }
- nav a:hover
- {
- color: #8d0c0c;
- }
- /* Section */
- section article p
- {
- text-decoration: none;
- color:#4e67b2;
- }
- section
- {
- margin-left: 9%;
- margin-top: 55px;
- }
- section article aside
- {
- float: left;
- }
- section article p,section article h2
- {
- margin-left: 260px;
- }
- .article
- {
- display: inline-block;
- float: bottom;
- margin-top: 25px;
- }
- /* Footer */
- footer
- {
- display: inline-block;
- width: 99.5%;
- text-align: right;
- margin-right: 5px;
- }
- footer p
- {
- color: #500000;
- }
- /* Bannière Actu */
- div
- {
- margin-left: auto;
- margin-right: auto;
- }
- .ban_img
- {
- height: 318px;
- width: 854px;
- margin-left: auto;
- margin-right: 39px;
- position: relative;
- }
- @-moz-keyframes AutoSlide {
- 0%, 20%, 100% {
- left: 0px; /*1ère image*/
- }
- 30%, 50% {
- left: -893px; /*2ème image*/
- }
- 60%, 80% {
- left: -1786px; /*3ème image*/
- }
- }
- @-webkit-keyframes AutoSlide {
- 0%, 20%, 100% {
- left: 0px; /*1ère image*/
- }
- 30%, 50% {
- left: -893px; /*2ème image*/
- }
- 60%, 80% {
- left: -1786px; /*3ème image*/
- }
- }
- @-ms-keyframes AutoSlide {
- 0%, 20%, 100% {
- left: 0px; /*1ère image*/
- }
- 30%, 50% {
- left: -893px; /*2ème image*/
- }
- 60%, 80% {
- left: -1786px; /*3ème image*/
- }
- }
- @-o-keyframes AutoSlide {
- 0%, 20%, 100% {
- left: 0px; /*1ère image*/
- }
- 30%, 50% {
- left: -893px; /*2ème image*/
- }
- 60%, 80% {
- left: -1786px; /*3ème image*/
- }
- }
- @keyframes AutoSlide {
- 0%, 20%, 100% {
- left: 0px; /*1ère image*/
- }
- 30%, 50% {
- left: -893px; /*2ème image*/
- }
- 60%, 80% {
- left: -1786px; /*3ème image*/
- }
- }
- #slideshow {
- position: relative;
- width: 854px;
- height: 318px;
- overflow: hidden;
- margin: 0px auto;
- border-radius: 7px;
- box-shadow: 0px 2px 2px #333c41;
- }
- #sContent ul {
- display: table;
- width: 2000px;
- -webkit-animation: slideAnim 20s ease 0s infinite;
- -moz-animation: slideAnim 20s ease 0s infinite;
- -ms-animation: slideAnim 20s ease 0s infinite;
- -o-animation: slideAnim 20s ease 0s infinite;
- animation: slideAnim 20s ease 0s infinite;
- }
- #sContent li {
- display: table-cell;
- width: 896px;
- }
- #sContent {
- position: absolute;
- top: 0;
- left: 0;
- width: 2565px;
- margin: 0;
- padding: 0;
- /*CSS3 keyframes animation*/
- animation-name: AutoSlide;
- animation-duration: 20s;
- animation-iteration-count: infinite;
- animation-timing-function: ease-in-out;
- }
- .ban_form
- {
- height: 318px;
- width: 854px;
- margin-left: auto;
- margin-right: auto;
- border-radius: 7px;
- background: url('img/lolrd2.jpg') no-repeat;
- box-shadow: 0px 2px 2px #333c41;
- position: relative;
- }
- .ban_desc
- {
- position: absolute;
- background-color: rgba(45,48,50,0.7);
- border-radius: 3px 3px 7px 7px;
- bottom: 0;
- width: 100%;
- height: 40px;
- text-align: right;
- font-size: 200%;
- font-family: 'Stark';
- }
- /* Lien "a" */
- a
- {
- text-decoration: none;
- }
- .a1:hover
- {
- color: red;
- text-decoration: underline;
- }
- .a1
- {
- font-size: 0.45em;
- margin-right: 5px;
- }
- .a1:visited
- {
- color: blue;
- }
- .a2
- {
- font-size: 0.8em;
- color:#4e67b2;
- }
- .a2:visited
- {
- color:#4e67b2;
- }
- .a2:hover
- {
- text-decoration: underline;
- }
- .atitle
- {
- color: black;
- font-size: 1em;
- margin-bottom: 8px;
- font-family: 'Xirod';
- }
- /* Paragraphe "p"*/
- .pnews
- {
- font-size: 105%;
- margin-right: 9%;
- }
- /* Aside - Section */
- .news
- {
- width: 250px;
- height: 250px;
- border-radius: 8px;
- }
- .imgnews
- {
- border-radius: 8px;
- box-shadow: 0px 2px 1px #333c41;
- }
- form
- {
- text-align: center;
- }
- form p
- {
- text-decoration: none;
- color:#4e67b2;
- }
- .insert
- {
- font-size: 105%;
- color:#4e67b2;
- display: inline-block;
- text-align: center;
- margin-left: 41%;
- margin-right: auto;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement