Re: [Bluewin] Mise en page plein écran

j'ai modifié, pas mieux

Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4. /*Feuille de style du thème Bluewin V1.3*/
  5.  
  6. body {
  7.    width: auto;
  8.    background-color: #CCE3F3;
  9.    background-attachment: scroll;
  10.     font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
  11.     margin: 0 auto;
  12. }
  13.  
  14. font,th,td,p
  15. {
  16. color:#000000;
  17. font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;
  18. }
  19.  
  20. a:link,a:active,a:visited,a.postlink
  21. {
  22. color:#4676A3;
  23. text-decoration:none
  24. }
  25.  
  26. a:hover
  27. {
  28. color:#27bde4;
  29. text-decoration:underline;
  30. }
  31. /************************************BLOCS******************************************/
  32. /* Le contenu des blocs des colonnes de gauches et de droites */
  33. .bloc_titre {
  34. width:222px;
  35. height:30px;
  36. line-height:33px;
  37. text-align:center;
  38. font-weight:bolder;
  39. font-size:1.3em;
  40. font-family:"Rockwell", Arial, "Times New Roman", Times, serif;
  41. color:#FFFFFF
  42. }
  43.  
  44. .bloc_titre:first-letter {
  45. font-variant:small-caps;
  46. font-weight:bolder;
  47. font-size:1.4em;
  48. font-family:"Rockwell", Arial, "Times New Roman", Times, serif;
  49. color:#FF9101
  50. }
  51.  
  52. .bloc_contenu {
  53. font-family:"Rockwell", Arial, "Times New Roman", Times, serif;
  54. font-size:1em;
  55. color:#252424;
  56. padding:5px;
  57. overflow:hidden;
  58. /* Ne Pas Toucher                */
  59. height:99%
  60. /* Pour IE sinon espace          */
  61. }
  62.  
  63. /*  fin  des blocs de gauche et droite*/
  64. /* Les Blocs du centre */
  65. .titre-centre {
  66. text-align:center;
  67. font-weight:bolder;
  68. font-size:1.3em;
  69. font-family:"Rockwell", Arial, "Times New Roman", Times, serif;
  70. color:#252424
  71. }
  72.  
  73.  
  74. /* fin Les Blocs du centre */
  75.  
  76.  
  77. .fond_left {
  78. width:222px;
  79. /*background:#F2F2F2;*/
  80. /*border-bottom:1px solid #CCE3F3*/
  81. }
  82.  
  83.  
  84. .fond_right {
  85. width:222px;
  86. /*background:#F2F2F2;*/
  87. /*border-bottom:1px solid #CCE3F3*/
  88. }
  89.  
  90. /**********************************/
  91. /*contour blocs*/
  92. .bodyline
  93. {
  94. background:##CCE3F3;
  95. color:#000000;
  96. border:1px solid #9FC3F0;
  97. }
  98.  
  99.  
  100. .blocline
  101. {
  102. background:#9DB1C1;
  103. color:#000000;
  104. border:1px solid #626E78;
  105. }
  106.  
  107. .bloclinedot
  108. {
  109. background:#ffffff;
  110. color:#000000;
  111. border:1px dotted #626E78;
  112. }
  113.  
  114. td.cellpic1 
  115. {
  116. background-image:url(../images/wtheme/tabsbg.gif); 
  117. text-align:center;
  118. }
  119.  
  120. td.cellpic2
  121.  {
  122. background-image:url(../images/wtheme/tabsbg.gif); 
  123. text-align:center;
  124. }
  125.  
  126. td.cellpic3 
  127. {
  128. background-image:url(../images/wtheme/tabsbg.gif); 
  129. height:10px;
  130. text-align:center;
  131. }
  132.  
  133.  
  134. td.rowpic 
  135. {
  136. background-color: #FFFFFF;
  137. background-repeat: repeat-y;
  138. }
  139.  
  140.  
  141. td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom 
  142. {
  143. background-color:#F5E9E9; 
  144. border: #FFFFFF; 
  145. border-style:solid; 
  146. height: 10px;
  147. }
  148.  
  149.  
  150. td.cat
  151. {
  152. font-weight:bold;
  153. letter-spacing:1px;
  154. color:#000000;
  155. background:#cde3a7 url(images/wtheme/tabsbg.gif);
  156. height:29px
  157. }
  158.  
  159.  
  160. td.row1
  161. {
  162. background:#EFF7FB;color:#000000;
  163. }
  164.  
  165. td.row2
  166. {
  167. background:#CCE3F3;color:#000000;
  168. }
  169.  
  170. td.row3
  171. {
  172. background: #EFF7FB;color:#000000;
  173. }
  174.  
  175. td.spacerow
  176. {
  177. background:#cde3a7;color:#000000;
  178. }
  179.  
  180.  
  181. td.rowpic
  182. {
  183. background:url(images/wtheme/tabsbg.gif) #EFF7FB repeat-y; /*a verifier*/
  184. }
  185.  
  186.  
  187. .maintitle,h1
  188. {
  189. font:bold 20px/120% Verdana, Arial, Helvetica, sans-serif;
  190. text-decoration:none;
  191. }
  192.  
  193.  
  194. .titre { color: #4676A3; font-size: 14px; font-weight : bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
  195. .titrebloc { color: #4676A3; font-size: 14px; font-weight : bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
  196. .gen { font-size : 14px;font-family: Verdana, Arial, Helvetica, sans-serif; }
  197. .gensmall{font-size:14px;font-family: Verdana, Arial, Helvetica, sans-serif;}
  198. .genmed{font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
  199. a.gen,a.genmed,a.gensmall {color: #1d7148; text-decoration: none; }
  200. a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: #2CD3FE; text-decoration: underline; }
  201. .footer_kwsphp {font-size: 14px!important;}
  202.  
  203. .menu        { font-size : 16px;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif; color : #000000; }
  204. .mainmenu        { font-size : 16px; color : #000000; }
  205. a.mainmenu        { text-decoration: none; color : #1d7148;  }
  206. a.mainmenu:hover{ text-decoration: underline; color : #2CD3FE; }
  207.  
  208. .cattitle        { font-weight: bold; font-size: 14px ;font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; color : #1d7148;}
  209. a.cattitle        { text-decoration: none; color : #1d7148; }
  210. a.cattitle:hover{ text-decoration: underline; }
  211.  
  212. .forumlink        { font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;color : #800000; }
  213. a.forumlink     { text-decoration: none; color : #800000; }
  214. a.forumlink:hover{ text-decoration: underline; color : #2CD3FE; }
  215. .win1 { color: #000000; font-size : 16px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
  216. .win2 { color: #0707BA; font-size : 16px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
  217. .win3 { color: #C49404; font-size : 16px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
  218. .win4 { color: #D82A0E; font-size : 16px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
  219. .win5 { color: #000000; font-size : 14px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; } /*titre bloc */
  220. .winheure{font-size:16px;font-family: Rockwell, Arial, Helvetica, sans-serif;}
  221. .winmenu{font-size:16px;font-weight:bold;font-family: Rockwell, Arial, Helvetica, sans-serif;}
  222.  
  223.  
  224. .nav{font-size:14px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
  225. .postbody{font:14px/125% Verdana,Arial,Helvetica,sans-serif;}
  226.  
  227. .topictitle{font-size:14px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
  228. a.topictitle:visited{color:#238e59;}
  229. a.topictitle:hover{color:#2CD3FE;}
  230.  
  231. .name{font-size:14px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
  232.  
  233. .postdetails        { font-size : 14px; font-family: Verdana, Arial, Helvetica, sans-serif;color : #000000; }
  234.  
  235. a.postlink:link    { text-decoration: none; color : #800000; }
  236. a.postlink:visited { text-decoration: none; color : #b00000; }
  237. a.postlink:hover { text-decoration: underline; color : #2CD3FE;}
  238.  
  239. .copyright        { font-size: 8px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
  240. a.copyright        { color: #444444; text-decoration: none;}
  241. a.copyright:hover { color: #000000; text-decoration: underline;}
  242.  
  243. form
  244. {
  245. display:inline
  246. }
  247.  
  248. input
  249. {
  250. margin-bottom:2px;
  251. margin-top:2px;
  252. text-indent:2px;
  253. }
  254.  
  255. input,textarea,select
  256. {
  257. border-color:#000000;
  258. color:#000000;
  259. font-size:11px
  260. }
  261.  
  262. input,textarea,select,input.button
  263. {
  264. border-width:1px;
  265. font:normal 11px Verdana,Arial,Helvetica,sans-serif;
  266. }
  267.  
  268. input.button{background:#fafafa;color:#000000;}
  269. input.catbutton{background:#fafafa;color:#000000;font-size:10px;}
  270. input.liteoption{background: #fafafa;color:#000000;}
  271. input.mainoption{background:#fafafa;color:#000000;font-weight:bold;}
  272. input.post,textarea.post,select{background: #ffffff;color:#000000;}
  273.  
  274.  
  275.  
  276. .code
  277. {
  278. background:#fafcf7;
  279. border:1px solid #626E78;
  280. color:#4676A3;
  281. font:10px Courier,"Comic Sans MS",sans-serif;
  282. padding:5px;
  283. }
  284.  
  285. .quote
  286. {
  287. background:#fafafa;
  288. border: 1px solid #64842a;
  289. color:#444444;
  290. font:11px/125% Verdana,Arial,Helvetica,sans-serif;
  291. }
  292.  
  293. .errorline
  294. {
  295. background:#abce6a;
  296. color:#000000;
  297. border:1px solid #CCE3F3;
  298. }
  299.  
  300. .helpline
  301. {
  302. background:#CCE3F3;
  303. border-style:none;
  304. color:#000000;
  305. }
  306.  
  307. .panneau 
  308. {
  309. padding:4px;
  310. line-height: 10px;
  311. font-family:verdana,arial, Helvetica, sans-serif;
  312. color:black;
  313. font-size:10px;
  314. border: 1px solid #333333;
  315. }
  316. /* Style des buttons submit et annuler*/
  317. #valider,#envoyer,#submit_login_bloc,#submit_login,#s_button,#annuler,
  318. #poster,#verifer,#retour,#button,#bouton,#bouton2,#submit,
  319. #reset,#prev,#validation,#res_edit,#all,#modbuttoncompteur {
  320. background-color:#FFFFFF;
  321. height:16px;
  322. text-align:center;
  323. font-variant:small-caps;
  324. font-weight:normal;
  325. color:#666666;
  326. border-width:1px;
  327. border-color:#CCCCCC;
  328. }
  329. /* Style des onmouseover (passsage souris ex: index.php?mod=forum&ac=affgrd) */
  330. .onmouse_over {
  331. border: 1px #666 dashed;
  332. background: #eee;
  333. }
  334. .onmouse_out{
  335. border: 0px;
  336. }
  337. .onmouse_over_forum {
  338. background: #99ccff;
  339. }
  340. .onmouse_out_forum {
  341. border: 0px;
  342. }
  343. /* Style des buttons submit et reset au passage dessus*/
  344. #valider:hover,#envoyer:hover,#submit_login_bloc:hover,#submit_login:hover,#s_button:hover,#annuler:hover,
  345. #poster:hover,#verifer:hover,#retour:hover,#button:hover,#bouton:hover,#bouton2:hover,#submit:hover,
  346. #reset:hover,#prev:hover,#validation:hover,#res_edit:hover,#all:hover,#modbuttoncompteur:hover {
  347. background-color:#DDDDDD;
  348. color:#666666;
  349. border-width:1px;
  350. border-color:#666666;
  351. }
  352.  
  353. /* Style des labels*/
  354. label {
  355. display:inline;
  356. float:left;
  357. }
  358. .label_enregistrer1 {
  359. width: 250px;
  360. }
  361. .label_enregistrer2 {
  362. width: 250px;
  363. }
  364. .label_profil1 {
  365. width: 150px;
  366. font-weight:bold;
  367. }
  368. .label_profil2 {
  369. width: 280px;
  370. font-weight:bold;
  371. }
  372. .label_contact{
  373. width:150px;
  374. }
  375. .label_admin_options1{
  376. width:200px;
  377. }
  378. .label_admin_options2{
  379. width:400px;
  380. }
  381. .label_admin_email{
  382. width:200px;
  383. }
  384.  
  385. fieldset {
  386. background-color:#EFF7FB;
  387. border-style:solid;
  388. border-width:1px;
  389. border-color:#CCCCCC;
  390. padding:1.5em;
  391. margin-left:auto;
  392. margin-right:auto;
  393. }
  394.  
  395. .fieldset_resume {
  396. background-color:#EAF3FC;
  397. border-style:solid;
  398. border-width:1px;
  399. border-color:#CCCCCC;
  400. padding:1em;
  401. margin-left:auto;
  402. margin-right:auto;
  403. }
  404.  
  405. /* Pied de page */
  406. .pied_de_page
  407. {
  408. text-align:center;
  409. }
  410. .pied_de_page a:link,.pied_de_page a:active,.pied_de_page a:visited
  411. {
  412. color:#FF0000;
  413. }
  414. .pied_de_page a:hover
  415. {
  416. color:#2CD3FE;
  417. }
  418.  
  419. /* Visiualisation d'un post */
  420. #apercu {
  421. text-align:left;
  422. height:200px;
  423. width:600px;
  424. color:#000;
  425. overflow:auto;
  426. padding:2px;
  427. border:1px;
  428. border-style:solid;
  429. border-color:#000;
  430. }
  431. /* Style du surlignage avec le bbcode) */
  432. .surlign {
  433. background-color:#ffff99;
  434. color:#333;
  435. }
  436. /* Pied de page */
  437. .pied_de_module{
  438.     text-align:center;
  439. }
  440. .pied_de_module a:link,.pied_de_module a:active,.pied_de_module a:visited{
  441.     color:#666;
  442.     font-style: italic;
  443.     border:1px solid #d3d0d0;
  444.     border-left:4px solid #d3d0d0;
  445.     padding:5px;
  446.     letter-spacing : 1px ;
  447. }
  448. .pied_de_module a:hover{
  449.     color:#999;
  450.     border:1px solid #666;
  451.     border-left:4px solid #666;
  452.     text-decoration:none;
  453. }
  454. /* Pagination (memberlist.php)  */
  455. .page_encours{
  456. background-color:#999;
  457. color:#f2f2f2;
  458. padding:5px}
  459. .page_choix{
  460. border:1px solid #d3d0d0;
  461. padding:5px}
  462. .page_choix:hover{
  463. background-color:#6fafdd;
  464. color:#fff;
  465. border:1px solid #fff}/* ajout mise a jour */
  466. /* Connectés (qd stats en bas de page)*/
  467.  
  468. #connectes_end
  469. {
  470. width:98% !important;
  471. margin-left:auto !important;
  472. margin-right:auto !important;
  473. margin-top:3px !important;
  474. margin-bottom:3px !important;
  475. padding:5px !important;
  476. border:5px groove #FFFFFF !important;
  477. -moz-border-radius:10px !important;
  478. font-size:9px !important;
  479. text-align:center !important;
  480. background-color:#f2f2f2 !important;
  481. color:#666 !important;
  482. }
  483. #connectes_end strong, #connectes_end a
  484. {
  485. font-size:11px !important;
  486. color:#666 !important;
  487. }
  488.  
  489.  
  490. /* Bulles infos © Patrick perron **************************/
  491.  
  492. a.BBcodeSyntaxe {
  493. position:relative;
  494. /* Très important */
  495. background:none;
  496. /* Important pour le fonctionnement sur IE */
  497. z-index:10;
  498. } 
  499.  
  500. a.BBcodeSyntaxe:hover {
  501. z-index:20;
  502. text-decoration:none;
  503. }
  504.  
  505. a.BBcodeSyntaxe span {
  506. display:none;
  507. font-weight:normal;
  508. }
  509.  
  510. a.BBcodeSyntaxe:hover span {
  511. /*la tag SPAN apparaitra avec l?effet hover*/
  512. display:block;
  513. -moz-border-radius:10px;
  514. border: 1px dashed;
  515. position:absolute;
  516. margin-top:50px;
  517. margin-left:130px;
  518. /* Éléments pour positionner le texte dans la bulle */
  519. padding:5px;
  520. width:350px;
  521. /* Style du character dans la bulle */
  522. background-color: #2FB9F7;
  523. color: #000066;
  524. text-align:center;
  525. }
  526.  
  527. a.BBcodeSyntaxe em {
  528. font-variant:small-caps;
  529. }
  530.  
  531. /* Pour avoir un beau background de bulle*/
  532.  
  533. a.BBcodeSyntaxe:hover>span {
  534. background-image:url('../img/bulle.jpg');
  535. }
  536.  
  537.  
  538. /*Mise en page lors de la rédaction d'un post*/
  539.  
  540. .fieldset_post
  541. {
  542. width:700px;
  543. margin:auto;
  544. padding:10px;
  545. }
  546. .fieldset_post legend
  547. {
  548. font-weight:bold;
  549. }
  550. .fieldset_post label span
  551. {
  552. color:red;
  553. }
  554. .fieldset_post dd
  555. {
  556. margin-left:210px;
  557. }
  558. div.fieldset_post
  559. {
  560. text-align:center;
  561. width:650px;
  562. margin: auto;
  563. }
  564. div #smil
  565. {
  566. z-index:50;
  567. width:210px;
  568. height:230px;
  569. -moz-border-radius:10px;
  570. position:fixed;
  571. margin-left:-220px;
  572. top:250px;
  573. display:none;
  574. background-color:#2FB9F7;
  575. }
  576. div #smil_in
  577. {
  578. overflow:auto;
  579. width:170px;
  580. height:200px;
  581. border:1px solid;
  582. padding:5px;
  583. margin:10px auto;
  584. } 
  585.  
  586. /* bbcode flottant */
  587.  
  588. #choice_bbcode_color, #choice_bbcode_size, #choice_bbcode_font
  589. {
  590. z-index:50;
  591. -moz-border-radius:10px;
  592. position:absolute;
  593. width:180px;
  594. padding:10px;
  595. margin-top:-100px;
  596. margin-left:220px;
  597. background-color:#2FB9F7;
  598. }
  599. #ckwsp, #ckws {vos infos css}
  600.  
  601. div.EditPost
  602. {
  603. text-align:right;
  604. padding-top:5px;
  605. }
  606. span.EditPost
  607. {
  608. font-size:7.2pt;
  609. width:100%;
  610. border-top:1px dashed;
  611. border-left:1px dashed;
  612. border-right:1px dashed;
  613. padding:2px 5px 2px 15px;
  614. margin-right:5px;
  615. }
  616. div.MovePost
  617. {
  618. text-align:right;
  619. padding-top:5px;
  620. }
  621. span.MovePost
  622. {
  623. font-size:7.2pt;
  624. width:100%;
  625. border-left:1px dashed;
  626. border-right:1px dashed;
  627. border-bottom:1px dashed;
  628. padding:2px 5px 2px 15px;
  629. margin-right:5px;
  630. }
  631. .NavRubFo, .NavRubTopicFo, .NavTopicFo {
  632. float:right !important;
  633. margin-right:5px !important;
  634. font-size:smaller !important;
  635. }
  636. .NavRubFo span, .NavRubTopicFo span, .NavTopicFo span{
  637. background-color:#666;
  638. color:#f2f2f2;
  639. padding:0px 2px;
  640. }
  641. .NavRubFo select, .NavRubTopicFo select, .NavTopicFo select{
  642. font-size:smaller;
  643. }
  644. .NavRubFo a, .NavRubTopicFo a, .NavTopicFo a{
  645. border:1px solid #d3d0d0;
  646. padding:0px 2px;
  647. text-decoration:none;
  648. }
  649. .NavRubFo a:hover, .NavRubTopicFo a:hover, .NavTopicFo a:hover{
  650. background-color:#6fafdd;
  651. color:#fff;
  652. border:1px solid #fff;
  653. }
  654.  
  655. .username_login, .username_password, .username_connect{
  656. padding-left:20px;
  657. height:18px;
  658. background-image: url(../../../modules/espace_membre/images/login_bg.png);
  659. background-repeat:no-repeat;
  660. }
  661. .username_login {
  662. background-position:0 0;
  663. }
  664. .username_password {
  665. background-position:0 -18px;
  666. }
  667. .username_auto {
  668. vertical-align:middle;
  669. }
  670. .username_connect{
  671. background-position:0 -36px;
  672. height:20px !important;
  673. width:135px !important;
  674. }
  675.  
  676. .hr_menu{}
  677. .texte_menu {}
  678. .MultiInputInline span{margin-left:25px;}
  679. .contenu_page{}
  680. .align-center{text-align:center;} .align-left{text-align:left;} .align-right{text-align:right;}
  681. .float-left{float:left;} .float-right{float:right;} .clear-both{clear:both;}
  682. .ancre{}
  683. .mini_message{margin-left:10px;font-style:italic;font-size:smaller;}
  684.  
  685. /* MAJ v900*/
  686. .erreurUpAvatar { 
  687.   color: red; 
  688.   font-weight: bold; 
  689. } 
  690. .erreurUpAvatar span { 
  691.   font-style: italic; 
  692.   font-weight: normal; 
  693. } 
  694. .msgUpAvatar { 
  695.   color: green; 
  696. }
  697. /* MAJ v900 Fin*/
  698. .#valider[disabled], #valider[disabled]:hover, 
  699. #envoyer[disabled], #envoyer[disabled]:hover,
  700. #submit[disabled], #submit[disabled]:hover 
  701. {border: 1px dotted #c77; background:#e5dfe5; color:#fff;}
  702.  
  703. .fiedset_enregistrer {margin:1em; padding:1em;}
  704. .fiedset_enregistrer legend {font-weight:bold;}
  705.  
  706. #####!!!#####
  707. ?>


Sujet écrit par gagcbr le samedi 23 janvier 2021 à 21:43

[ Imprimer ] - [ Fermer la fenêtre ]