default.css 70 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564
  1. /*****************************************************
  2. * MAIN - PUBLIC ADMIN CSS *
  3. *****************************************************/
  4. /* the sticky effect */
  5. html {
  6. height: 100%;
  7. }
  8. body {
  9. /* hack ignored by non-IE to enable ie to support :hover on button */
  10. behavior:url("/main/css/csshover3.htc");
  11. font-family: bold arial, verdana, helvetica, sans-serif;
  12. font-size: 12px;
  13. color: #000;
  14. margin: 0;
  15. padding: 0;
  16. background-color: #fff;
  17. height: 100%; /* stick */
  18. }
  19. #wrapper{
  20. min-height: 100%;
  21. height: auto !important;
  22. height: 100%;
  23. margin: 0 auto -8em;
  24. }
  25. #outerframe {
  26. position: relative; /* do not remove, fixes a bug in IE */
  27. background-color: #fff;
  28. background-repeat:no-repeat;
  29. }
  30. /* Hides from IE5-mac \*/
  31. * html #outerframe {
  32. height: 1%;
  33. }
  34. /* End hide from IE5-mac */
  35. #main {
  36. position: relative; /* to avoid the IE peekabo bug*/
  37. margin: 0px auto;
  38. margin-top: 10px;
  39. width: 98%;
  40. padding: 0px 10px 0px 10px;
  41. background-color: transparent;
  42. min-height: 320px;
  43. background-repeat: no-repeat;
  44. }
  45. /* for content section in main index.php file */
  46. /*
  47. |----------------------------------------------------------------------------
  48. | modified: to fit img and blocks in home page
  49. |----------------------------------------------------------------------------
  50. |
  51. */
  52. .maincontent {
  53. float: left;
  54. width: 65%;
  55. padding: 0 20px 0 20px;
  56. background-color: #fff;
  57. min-height: 333px;
  58. margin-top:0;
  59. background-color: #ffffff;
  60. }
  61. #center {
  62. margin: 0 190px 0 0;
  63. padding: 10px 0 40px 0;
  64. min-height: 300px;
  65. background-color: #fff;
  66. }
  67. .invisible {
  68. color: #999;
  69. }
  70. .invisible a:link, .invisible a:visited {
  71. color: #999;
  72. }
  73. a.invisible:link, a.invisible:visited {
  74. color: #999;
  75. }
  76. .clear {
  77. clear: both;
  78. line-height: 0px;
  79. height: 0;
  80. }
  81. /*****************************************************
  82. * REDEFINED HTML TAGS *
  83. *****************************************************/
  84. img {
  85. border: none;
  86. }
  87. p, blockquote, ol, ul {
  88. font-size: 12px;
  89. }
  90. h1 {
  91. font-size: 21px;
  92. }
  93. h2 {
  94. font-size: 18px;
  95. }
  96. h3 {
  97. font-size: 15px;
  98. margin-top:0px;
  99. padding-top:0px;
  100. }
  101. h4 {
  102. font-size: 12px;
  103. }
  104. h5, h6 {
  105. font-family: verdana, arial, helvetica, sans-serif;
  106. }
  107. /* the following for regular <a> elements */
  108. a:link {
  109. text-decoration: none;
  110. font-weight : bold;
  111. color : #333;
  112. }
  113. a:visited {
  114. text-decoration: none;
  115. font-weight : bold;
  116. color : #333;
  117. }
  118. a:hover {
  119. text-decoration: none;
  120. color: #f3840d;
  121. font-weight: bold;
  122. }
  123. a:active {
  124. text-decoration: none;
  125. font-weight : bold;
  126. color : #f00;
  127. }
  128. /* form elements */
  129. input[text] {
  130. font-size: 12px;
  131. }
  132. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  133. background-image:url(images/shadow.gif);
  134. }
  135. input.link_alike {
  136. background-color: #FFFFFF;
  137. border-width: 0px;
  138. color: #4171b5;
  139. font-weight: bold;
  140. text-align: left;
  141. padding: 0px;
  142. margin: 0px;
  143. }
  144. input.link_alike:hover {
  145. background-color: #FFFFFF;
  146. border-width: 0px;
  147. color: #f3840d;
  148. font-weight: bold;
  149. text-align: left;
  150. padding: 0px;
  151. margin: 0px;
  152. }
  153. select, textarea {
  154. color : #000;
  155. border: 1px solid #000;
  156. }
  157. input.checkbox {
  158. border-width: 0;
  159. }
  160. select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
  161. cursor: pointer;
  162. font-size: 12px;
  163. }
  164. /* user_portal course status icon */
  165. .coursestatusicons {
  166. border: 0px solid #000;
  167. float: left;
  168. padding-right: 5px;
  169. width: auto;
  170. }
  171. /* user_portal course list */
  172. .courses {
  173. list-style-type: none;
  174. margin-bottom: 5px;
  175. height: 30px;
  176. }
  177. /* user_portal session list */
  178. .session_course_item .courses {
  179. margin-bottom: 5px;
  180. height:35px;
  181. }
  182. .session_course_item {
  183. /* padding: 0px; */
  184. margin: 0px;
  185. }
  186. /*****************************************************
  187. * HEADER STYLES *
  188. *****************************************************/
  189. #header {
  190. width: 100%;
  191. padding: 0;
  192. margin: 0;
  193. }
  194. /********************************************************
  195. * HEADER 1: Title, portal, organisation, course title *
  196. ********************************************************/
  197. #header1 {
  198. font-size: 12px;
  199. padding: 4px;
  200. background-color: #4475B0;
  201. color: #fff;
  202. height: 35px;
  203. background-image: url(images/TGSS_header.jpg);
  204. Background-repeat: no-repeat;
  205. }
  206. #logoMinisterio {
  207. position: relative;
  208. float:right;
  209. width:99px;
  210. height:34px;
  211. margin-bottom: 0px;
  212. margin-top: 40px;
  213. margin-right: 5px;
  214. padding: 0px 0px 0px 0px;
  215. background: transparent;
  216. background-image: url("images/logoMouse.jpg");
  217. }
  218. #header1 a {
  219. color: #fff;
  220. text-decoration: none;
  221. }
  222. #header1 a:hover {
  223. text-decoration: underline;
  224. }
  225. #sitename {
  226. margin: 0;
  227. font-weight: bold;
  228. }
  229. #top_corner {
  230. }
  231. #institution {
  232. float: left;
  233. font-weight: bold;
  234. padding-left:17px;
  235. }
  236. #my_courses {
  237. float: right;
  238. font-weight: bold;
  239. }
  240. /********************************************************
  241. * HEADER 2: Users online, help, student/teacher view *
  242. ********************************************************/
  243. #header2 {
  244. position: relative; /* to avoid the IE peekabo bug*/
  245. font-size: 1.0em;
  246. font-weight: normal;
  247. min-height:10px;
  248. padding: 0.2em 0.5em;
  249. padding-bottom: 0.2em;
  250. background: #2A4B74;
  251. color: #666;
  252. }
  253. #header2 a {
  254. color: #666;
  255. text-decoration: none;
  256. font-weight:normal;
  257. }
  258. #header2 a:hover {
  259. text-decoration: underline;
  260. }
  261. /* Header2Right: online users, student/teacher view, help */
  262. #Header2Right ul {
  263. position: relative; /* to avoid the IE peekabo bug*/
  264. float: right;
  265. width: 70%;
  266. margin: 0;
  267. padding: 0;
  268. list-style-type: none;
  269. text-align: right;
  270. }
  271. #Header2Right ul li {
  272. display: inline;
  273. color:#ffffff;
  274. }
  275. #Header2Right ul li a {
  276. padding: 4px 6px 4px 4px;
  277. color:#f1d40d;
  278. }
  279. /*****************************************************
  280. * HEADER 3: TABS OF THE HEADER *
  281. *****************************************************/
  282. #header3 {
  283. font-size: 1.0em;
  284. padding: 0.8em 0.5em 0.4em 0.5em;
  285. background: #fff;
  286. color: #006;
  287. border-bottom: 1px solid #aeaeae;
  288. height:25px;
  289. margin-bottom: 1px;
  290. background-image: url(images/fondoHeader3.jpg);
  291. }
  292. #header3 A {
  293. PADDING-RIGHT: 15px;
  294. DISPLAY: block;
  295. PADDING-LEFT: 6px;
  296. BACKGROUND: url(images/tab_right.gif) no-repeat right top;
  297. PADDING-BOTTOM: 0px;
  298. COLOR: #fff;
  299. PADDING-TOP: 5px;
  300. TEXT-DECORATION: none;
  301. }
  302. #header3 A:hover {
  303. COLOR: #9ba408;
  304. }
  305. #header3 UL {
  306. PADDING-RIGHT: 2px;
  307. PADDING-LEFT: 10px;
  308. PADDING-BOTTOM: 0px;
  309. MARGIN: 0px;
  310. LIST-STYLE-TYPE: none;
  311. display: inline;
  312. }
  313. #header3 LI {
  314. PADDING-RIGHT: 0px;
  315. PADDING-LEFT: 9px;
  316. FLOAT: left;
  317. PADDING-BOTTOM: 0px;
  318. MARGIN: 0px;
  319. PADDING-TOP: 0px;/*border-bottom: 1px solid #dcdcdc;*/
  320. }
  321. #header3 LI:hover {
  322. PADDING-RIGHT: 0px;
  323. PADDING-LEFT: 9px;
  324. PADDING-BOTTOM: 0px;
  325. MARGIN: 0px;
  326. PADDING-TOP: 0px
  327. }
  328. #header3 #current {
  329. }
  330. #header3 #current A {
  331. COLOR: #999
  332. }
  333. #header3 .banner_links {
  334. margin: 0;
  335. }
  336. #header3 input.logout {
  337. /* makes an input appear like a link in this header */
  338. margin: 0 0 0 0;
  339. padding: 0 30px 0 0;
  340. background-color: transparent;
  341. border: none;
  342. COLOR: #fff;
  343. font-size: 1.0em;
  344. font-weight:bold;
  345. font-family: verdana, arial, helvetica, sans-serif;
  346. display: inline;
  347. PADDING-RIGHT: 0px;
  348. PADDING-TOP: 3px;
  349. }
  350. #header3 input:hover {
  351. COLOR: #999;
  352. }
  353. #header3 input {
  354. PADDING-RIGHT: 15px;
  355. DISPLAY: block;
  356. PADDING-LEFT: 6px;
  357. }
  358. #header3 #logout {
  359. margin-top: 0px;
  360. }
  361. #header3 input.logout:hover {
  362. }
  363. #logout {
  364. display: inline;
  365. float: right;
  366. width: auto;
  367. text-align: right;
  368. font-size: 1.0em;
  369. }
  370. /*****************************************************
  371. * HEADER 3: not used *
  372. *****************************************************/
  373. #header4 {
  374. background-color: #fff;
  375. color: #009;
  376. padding: 4px;
  377. padding-left: 20px;
  378. margin-bottom: 2px;
  379. float: left;
  380. clear:right;
  381. }
  382. #header4 a {
  383. color: #666;
  384. }
  385. #header4 a:hover {
  386. text-decoration: none;
  387. color: #f3840d;
  388. }
  389. /* The tool shortcuts */
  390. #toolshortcuts {
  391. text-align: right;
  392. clear: right;
  393. }
  394. /*****************************************************
  395. * FOOTER STYLES *
  396. *****************************************************/
  397. #footer {
  398. height: 8em;
  399. background-color: #305582;
  400. background-image: url(images/footer.jpg);
  401. background-repeat: no-repeat;
  402. font-size: 12px;
  403. color:#ffffff;
  404. }
  405. .push {
  406. height: 8em; /* Very important */
  407. }
  408. #footer .copyright {
  409. float: right;
  410. padding-top:60px;
  411. margin-right:10px;
  412. }
  413. #footer #platformmanager {
  414. float: left;
  415. padding-top:60px;
  416. margin-left:10px;
  417. }
  418. #footer a {
  419. color:#f1d40d;
  420. }
  421. #bottom_corner {
  422. }
  423. /*
  424. ==============================================================================
  425. NAVIGATION MENU
  426. ==============================================================================
  427. */
  428. .menu {
  429. float: right;
  430. width: 200px;
  431. min-height: 150px;
  432. background-color: #F0F0F0;
  433. border: 1px solid #bbb;
  434. padding: 60px 10px 10px 10px;
  435. background: #f0f0f0 url(images/fondoNav.jpg) no-repeat top center;
  436. }
  437. .menucaption {
  438. font-size: 12px;
  439. font-weight: bold;
  440. padding-left: 12px;
  441. }
  442. .menusection {
  443. border: 1px solid #4171B5;
  444. margin: 24px 6px 0 6px;
  445. padding-left: 10px;
  446. width: auto;
  447. }
  448. .menusectioncaption {
  449. background-color: #F0F0F0;
  450. font-size: 12px;
  451. padding: 0 8px 0 4px;
  452. position: relative;
  453. top: -9px;
  454. }
  455. .menulist {
  456. list-style: none;
  457. margin: 0 0 12px 0;
  458. padding: 0;
  459. }
  460. #centerwrap {
  461. float: left;
  462. width: 100%;
  463. margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks
  464. it's empty otherwise. The difference is made up by putting a
  465. negative left margin on the left float:
  466. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  467. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  468. */
  469. }
  470. #center {
  471. margin: 0 190px 0 0;
  472. min-height: 300px;
  473. padding: 10px 0 40px 0;
  474. }
  475. #toolnav {
  476. float: right;
  477. margin: 0;
  478. margin-left: -5%; /* the difference to make the left colum appear flush left */
  479. padding: 0;
  480. width: 180px;
  481. }
  482. #toolnav img {
  483. float: left;
  484. width: 25px;
  485. height: 25px;
  486. margin: 0 4px 0 0;
  487. }
  488. /* Hide from IE5-mac. Only IE-win sees this. \*/
  489. * html #toolnav {
  490. margin-right: 0px;
  491. }
  492. * html #center {
  493. height: 1%;
  494. margin-left: 0;
  495. }
  496. /* End hide from IE5/mac */
  497. /*
  498. this lets the navigation menu appear to the left:
  499. #center {
  500. margin: 0 0 0 180px;
  501. min-height: 300px;
  502. padding: 10px 0 40px 0;
  503. }
  504. #toolnav {
  505. float: left;
  506. width: 180px;
  507. padding: 20px 0 0 0;
  508. margin-left: -5%;
  509. }
  510. */
  511. /*
  512. ------------------------------------------------------------------------------
  513. course navigation menu as a definition list
  514. ------------------------------------------------------------------------------
  515. */
  516. #swap_menu_link {
  517. float: left;
  518. }
  519. #toolnavbox {
  520. border: 1px solid #4271b5;
  521. float: left;
  522. margin: 0 0 0 10px;
  523. padding: 0;
  524. }
  525. #toolnavbox dl {
  526. background: transparent;
  527. font-size: 12px;
  528. margin: 0 auto;
  529. text-align: center;
  530. width: 160px;
  531. }
  532. #toolnavbox dt {
  533. background: transparent;
  534. border-bottom: 1px solid #fff;
  535. color: #000;
  536. font-size: 12px;
  537. font-weight: bold;
  538. margin: 0;
  539. text-align: center;
  540. }
  541. #toolnavbox dd {
  542. background: #E5EDF9;
  543. border-bottom:1px solid #fff;
  544. color: #009;
  545. margin: 0;
  546. text-align: left;
  547. }
  548. #toolnavlist a, #toolnavlist a:link {
  549. background: #E5EDF9;
  550. color: #4171b5;
  551. display: block;
  552. margin: 0;
  553. padding: 5px 5px 5px 10px;
  554. text-decoration: none;
  555. }
  556. #toolnavlist a:hover, #toolnavlist a#here {
  557. background: #fff;
  558. color:#4171b5;
  559. }
  560. /* --- end of course navigation menu section --- */
  561. /*
  562. this lets the navigation menu appear to the left:
  563. #center { margin: 0 0 0 180px; padding: 10px 0 40px 0;
  564. min-height: 300px; }
  565. #toolnav { float: left; width: 180px; padding: 20px 0 0 0;
  566. margin-left: -5%;
  567. }
  568. #toolnav { float: right; width: 180px; padding: 0; margin: 0;
  569. margin-left: -5%; /* the difference to make the left colum appear flush left */
  570. }
  571. /* Hide from IE5-mac. Only IE-win sees this. \*/
  572. * html #toolnav {
  573. margin-right: 0px;
  574. }
  575. * html #center {
  576. height: 1%;
  577. margin-left: 0;
  578. }
  579. /* End hide from IE5/mac */
  580. /*****************************************************
  581. * LOGIN AND LANGUAGE FORM *
  582. *****************************************************/
  583. #lang_form {
  584. text-align: left;
  585. font-size: 12px;
  586. margin: 2px 0 10px 0;
  587. padding: 2px;
  588. }
  589. #lang_form input, #lang_form select {
  590. font-size: 12px;
  591. margin-left: 4px;
  592. }
  593. #formLogin label {
  594. font-size: 12px;
  595. margin: 4px 6px;
  596. }
  597. #formLogin input {
  598. font-size: 13px;
  599. margin: 4px 6px;
  600. }
  601. #login_fail {
  602. margin: 0 6px 6px 6px;
  603. padding: 4px;
  604. border: 1px solid #f00;
  605. background-color: #fff;
  606. font-size: 12px;
  607. color: #f00;
  608. }
  609. input.mainoption {
  610. font-weight : bold;
  611. }
  612. input.liteoption {
  613. font-weight : normal;
  614. }
  615. /*****************************************************
  616. * COURSE HOMEPAGE *
  617. *****************************************************/
  618. /* various sections in course-home.php file */
  619. #toolremove {
  620. width: 40%;
  621. color: #f00;
  622. font-weight: bold;
  623. margin: 10px auto;
  624. padding: 10px;
  625. border: 2px solid #f00;
  626. }
  627. #courseintro {
  628. clear: both;
  629. width: 80%;
  630. margin: 10px auto;
  631. padding: 10px;
  632. border-bottom: 1px solid #dcdcdc;
  633. }
  634. #courseintro_icons {
  635. clear: both;
  636. width: 80%;
  637. margin: 10px auto;
  638. }
  639. .everybodyview {
  640. position: relative; /* to avoid the IE peekabo bug ?*/
  641. width: 80%;
  642. margin: 10px auto;
  643. padding: 10px;
  644. }
  645. .courseadminview, .platformadminview {
  646. position: relative;
  647. width: 80%;
  648. margin: 25px auto 10px;
  649. padding: 10px;
  650. border: 1px solid #4171B5;
  651. }
  652. .viewcaption {
  653. position: relative;
  654. top: -20px;
  655. font-size: 12px;
  656. font-weight: bold;
  657. color: #aaa;
  658. background-color: #fff;
  659. padding: 0 4px;
  660. }
  661. .tool-icon {
  662. margin-bottom: -3px;
  663. }
  664. /***********************************/
  665. /*****************************************************
  666. * AGENDA *
  667. *****************************************************/
  668. #agenda {
  669. width: 100%;
  670. margin: 0 auto;
  671. border: 1px solid #bbb;
  672. border-collapse: collapse;
  673. }
  674. .agenda_month_divider {
  675. background-color: #dcdcdc;
  676. font-weight: bold;
  677. font-size: 12px;
  678. color: #666;
  679. text-align: center;
  680. }
  681. #agenda .title a {
  682. color: #fff;
  683. }
  684. #agenda .agendaitem {
  685. font-size: 12px;
  686. }
  687. #smallcalendar .title {
  688. background-color: #dcdcdc;
  689. font-weight: bold;
  690. padding: 5px;
  691. color: #666;
  692. text-align: center;
  693. font-size: 11px;
  694. }
  695. #smallcalendar .title a {
  696. color: #666;
  697. }
  698. #agenda_select {
  699. list-style: none;
  700. border: 0px solid green;
  701. margin: 30px 0 0 0;
  702. padding: 0 0 0 10px;
  703. }
  704. /* ---------------------------------------------------
  705. styles for the agenda (day, week, month view)
  706. -----------------------------------------------------*/
  707. #agenda_list {
  708. width: 100%;
  709. margin: 0 auto;
  710. border: 1px solid #fff;
  711. border-collapse: collapse;
  712. }
  713. /*The caption of the calendar (displays the month and the << and >> links*/
  714. #agenda_list .title {
  715. background-color: #dcdcdc;
  716. font-weight: bold;
  717. font-size: 12px;
  718. color: #666;
  719. text-align: left;
  720. padding: 2px 10px;
  721. text-align: center;
  722. border: 1px solid #bbb;
  723. }
  724. #agenda_list .title a:link, #agenda_list #title a:visited {
  725. background-color: #dcdcdc;
  726. font-weight: bold;
  727. font-size: 11px;
  728. color: #666;
  729. padding: 2px 10px;
  730. text-align: center;
  731. }
  732. #agenda_list .title a:hover {
  733. background-color: #dcdcdc;
  734. font-weight: bold;
  735. font-size: 11px;
  736. color: #f3840d;
  737. padding: 2px 10px;
  738. text-align: center;
  739. }
  740. /* The cells with the name of the days of the weeks (mon->sun)*/
  741. #agenda_list .weekdays {
  742. background-color: #dcdcdc;
  743. text-align: center;
  744. font-weight: bold;
  745. border: 1px solid #264269;
  746. border-collapse: collapse;
  747. }
  748. /* The cells for the days (1->31) */
  749. #agenda_list .days_week {
  750. height: 40px;
  751. width: 12%;
  752. text-align: left;
  753. vertical-align: top;
  754. border: 1px solid #264269;
  755. border-collapse: collapse;
  756. background-color: #f5f5f5;
  757. }
  758. #agenda_list .days_weekend {
  759. height: 40px;
  760. width: 12%;
  761. text-align: left;
  762. vertical-align: top;
  763. border: 1px solid #264269;
  764. border-collapse: collapse;
  765. background-color: #e6e6e6;
  766. }
  767. #agenda_list .days_today {
  768. height: 40px;
  769. width: 12%;
  770. text-align: left;
  771. vertical-align: top;
  772. border: 1px solid #264269;
  773. border-collapse: collapse;
  774. background-color: #FFCA8D;
  775. color: #CC3300;
  776. font-weight: bold;
  777. }
  778. /* text in the cells: display of agenda items (visible)*/
  779. #agenda_list .data {
  780. background-color: #eee;
  781. text-align: left;
  782. padding: 2px 10px;
  783. font-weight: bold;
  784. border: 0px solid #dcdcdc;
  785. border-collapse: collapse;
  786. }
  787. #agenda_list .datanotbold {
  788. background-color: #eee;
  789. text-align: left;
  790. padding: 2px 10px;
  791. font-weight: normal;
  792. border: 0px solid #dcdcdc;
  793. border-collapse: collapse;
  794. }
  795. #agenda_list .text {
  796. background-color: #fff;
  797. text-align: left;
  798. padding: 2px 10px;
  799. font-weight: normal;
  800. border: 0px solid #dcdcdc;
  801. border-collapse: collapse;
  802. }
  803. /*text in the cells: display of agenda items (invisible)*/
  804. #agenda_list .data_hidden {
  805. background-color: #eee;
  806. text-align: left;
  807. padding: 2px 10px;
  808. font-weight: bold;
  809. border: 0px solid #dcdcdc;
  810. border-collapse: collapse;
  811. color: #999999;
  812. }
  813. #agenda_list .datanotbold_hidden {
  814. background-color: #eee;
  815. text-align: left;
  816. padding: 2px 10px;
  817. font-weight: normal;
  818. border: 0px solid #dcdcdc;
  819. border-collapse: collapse;
  820. color: #999999;
  821. }
  822. #agenda_list .text_hidden {
  823. background-color: #fff;
  824. text-align: left;
  825. padding: 2px 10px;
  826. font-weight: normal;
  827. border: 0px solid #dcdcdc;
  828. border-collapse: collapse;
  829. color: #999999;
  830. }
  831. /*text in the cells: display of agenda items (highlighted)*/
  832. #agenda_list .datanow {
  833. background-color: #FFCC00;
  834. text-align: left;
  835. padding: 2px 10px;
  836. font-weight: bold;
  837. border: 0px solid #dcdcdc;
  838. border-collapse: collapse;
  839. }
  840. #agenda_list .datanotboldnow {
  841. background-color: #FFCC00;
  842. text-align: left;
  843. padding: 2px 10px;
  844. font-weight: normal;
  845. border: 0px solid #dcdcdc;
  846. border-collapse: collapse;
  847. }
  848. #agenda_list .textnow {
  849. background-color: #fff;
  850. text-align: left;
  851. padding: 2px 10px;
  852. font-weight: normal;
  853. border: 0px solid #dcdcdc;
  854. border-collapse: collapse;
  855. }
  856. /* ---------------------------------------------------
  857. styles for the mini agenda
  858. -----------------------------------------------------*/
  859. #smallcalendar {
  860. width: 100%;
  861. margin: 0 auto;
  862. border: 1px solid #fff;
  863. border-collapse: collapse;
  864. }
  865. #smallcalendar .weekdays {
  866. background-color: #dcdcdc;
  867. text-align: center;
  868. font-size: 11px;
  869. font-weight: bold;
  870. border: 1px solid #fff;
  871. border-collapse: collapse;
  872. }
  873. #smallcalendar .days_week {
  874. background-color: #f5f5f5;
  875. text-align: center;
  876. font-size: 11px;
  877. border-collapse: collapse;
  878. }
  879. #smallcalendar .days_weekend {
  880. background-color: #e6e6e6;
  881. text-align: center;
  882. font-size: 11px;
  883. border: 1px solid #fff;
  884. border-collapse: collapse;
  885. }
  886. #smallcalendar .days_today {
  887. width: 12%;
  888. text-align: center;
  889. font-size: 11px;
  890. border: 1px solid #FA8500;
  891. border-collapse: collapse;
  892. background-color: #FFCA8D;
  893. }
  894. /* ---------------------------------------------------
  895. styles for the personal agenda
  896. -----------------------------------------------------*/
  897. .personal_agenda {
  898. color: #008000;
  899. }
  900. .personal_agenda a:link, .personal_agenda a:visited {
  901. color: #008000;
  902. }
  903. a.personal_agenda:link, a.personal_agenda:visited {
  904. color: #008000;
  905. }
  906. .personal_agenda a:hover, .personal_agenda a:hover {
  907. color: #666666;
  908. }
  909. a.personal_agenda:hover, a.personal_agenda:hover {
  910. color: #666666;
  911. }
  912. /*****************************************************
  913. * DISPLAY MESSAGES *
  914. *****************************************************/
  915. /* normal and erro message-box */
  916. .normal-message {
  917. position: relative;
  918. margin-top: 10px;
  919. margin-bottom: 10px;
  920. min-height: 30px;
  921. border-width: 1px;
  922. border-style: solid;
  923. border: 1px solid #dcdcdc;
  924. padding: 6px;
  925. color: #00407F;
  926. background-color: #E5EDF9;
  927. }
  928. .warning-message {
  929. position: relative;
  930. margin-top: 10px;
  931. margin-bottom: 10px;
  932. border-width: 1px;
  933. border-style: solid;
  934. padding: 6px;
  935. border: 1px solid #FFB30F;
  936. color: #000;
  937. background-color: #FFEFA7;
  938. min-height: 30px;
  939. }
  940. .confirmation-message {
  941. position: relative;
  942. margin-top: 10px;
  943. margin-bottom: 10px;
  944. border-width: 1px;
  945. border-style: solid;
  946. padding:6px;
  947. border: 1px solid #1F8323;
  948. color: #2F4F4F;
  949. background-color: #CAF0C7;
  950. min-height: 30px;
  951. }
  952. .error-message {
  953. position: relative;
  954. margin-top: 10px;
  955. margin-bottom: 10px;
  956. border-width: 1px;
  957. border-style: solid;
  958. padding: 6px;
  959. border: 1px solid #FF0000;
  960. color: #000;
  961. background-color: #FFD1D1;
  962. min-height: 30px;
  963. }
  964. .confirmation-message .bottom-link, .error-message .bottom-link, .normal-message .bottom-link, .warning-message .bottom-link {
  965. position: absolute;
  966. bottom: 0.2em;
  967. right: 0.5em;
  968. }
  969. /* New training */
  970. .bottom-link {
  971. border: 2px outset;
  972. text-decoration: none;
  973. background-color:#E5EDF9;
  974. border-color: #D4E2F6;
  975. background-image:url(images/button_back.jpg);
  976. background-position:10px 50%;
  977. background-repeat:no-repeat;
  978. font-size:100%;
  979. margin-top:1px;
  980. padding:5px 20px;
  981. vertical-align:middle;
  982. padding-left:35px;
  983. display:block;
  984. }
  985. .bottom-link:active {
  986. border: 2px inset;
  987. }
  988. .bottom-link:link {
  989. border-style: solid;
  990. border-width : 1px 2px 2px 1px;
  991. text-decoration : none;
  992. border-color : #69f #00f #00f #69f;
  993. }
  994. .bottom-link:hover {
  995. border-color: #ccc;
  996. color: #111;
  997. }
  998. /**********************************************
  999. * DOCUMENT MODULE *
  1000. **********************************************/
  1001. /* styles from the document.php file */
  1002. .comment {
  1003. margin-left: 30px;
  1004. }
  1005. /* styles from the upload.php file */
  1006. dl.upload_option {
  1007. margin: 1em 0;
  1008. padding: 0;
  1009. }
  1010. .upload_option dt {
  1011. font-weight:bold;
  1012. margin:0;
  1013. }
  1014. .upload_option dd {
  1015. margin:0;
  1016. }
  1017. .document_owner {
  1018. text-align: right;
  1019. }
  1020. /**********************************************
  1021. * DROPBOX MODULE *
  1022. **********************************************/
  1023. /* styles from dropbox.php file */
  1024. .dropbox_detail {
  1025. font-size: small
  1026. }
  1027. .dropbox_date {
  1028. color: #737780;
  1029. font-style: italic;
  1030. font-weight: normal;
  1031. }
  1032. .dropbox_person {
  1033. font-weight: bold
  1034. }
  1035. .dropbox_listTitle {
  1036. color: #000000;
  1037. }
  1038. .dropbox_feedback {
  1039. font-size: x-small;
  1040. height: 50px;
  1041. width: 200px;
  1042. overflow: auto
  1043. }
  1044. .dropbox_feedbacks {
  1045. height: 250px;
  1046. width: 100%;
  1047. overflow: auto
  1048. }
  1049. /**********************************************
  1050. * CHAT MODULE *
  1051. **********************************************/
  1052. /* styles for chat / conference tools */
  1053. #chat_entermessage {
  1054. background-color: #D6E5FA;
  1055. border-top: 1px solid #dcdcdc;
  1056. padding: 5px;
  1057. margin: 0;
  1058. }
  1059. /* the following for the greyed out elements */
  1060. a.nobold:link, a.nobold:visited, a.nobold:active {
  1061. font-weight: normal;
  1062. color: #999;
  1063. margin: 0 0 0 25px;
  1064. }
  1065. a.nobold:hover {
  1066. font-weight: normal;
  1067. color: #999;
  1068. text-decoration: underline;
  1069. margin: 0 0 0 25px;
  1070. }
  1071. .note {
  1072. margin: 6px;
  1073. font-size: 12px;
  1074. line-height: 14px;
  1075. font-family: verdana, arial, helvetica, sans-serif;
  1076. background-color: #f0f0f0;
  1077. color: #666666;
  1078. border: 1px solid #bbb;
  1079. padding: 10px 10px 10px 10px;
  1080. }
  1081. .note b {
  1082. margin: 10px 10px 5px 0px;
  1083. }
  1084. .alternativeBgLight {
  1085. background-color: #f5f5f5;
  1086. border: 1px solid #dcdcdc;
  1087. border-collapse: collapse;
  1088. }
  1089. .alternativeBgDark {
  1090. background-color: #ccf;
  1091. border: 1px solid #dcdcdc;
  1092. border-collapse: collapse;
  1093. }
  1094. .myagendatoday {
  1095. background-color: #FFCA8D;
  1096. border-collapse: collapse;
  1097. font-family: verdana, arial, helvetica, sans-serif;
  1098. color: #CC3300;
  1099. font-weight: bold;
  1100. }
  1101. /*****************************************************
  1102. * FORM STYLES *
  1103. *****************************************************/
  1104. div.row {
  1105. clear: both;
  1106. padding-top: 5px;
  1107. }
  1108. div.row div.form_header {
  1109. white-space: nowrap;
  1110. padding: 2px;
  1111. background-color: #f0f0f0;
  1112. border: 1px solid #bbb;
  1113. }
  1114. div.row div.label {
  1115. float: left;
  1116. width: 18%;
  1117. text-align: right;
  1118. }
  1119. div.row div.formw {
  1120. width: 80%;
  1121. float:left;
  1122. }
  1123. [dir=ltr] div.row div.label, [dir=rtl] div.row div.formw {
  1124. float: left;
  1125. text-align: right;
  1126. }
  1127. [dir=rtl] div.row div.label, [dir=ltr] div.row div.formw {
  1128. float: right;
  1129. text-align: left;
  1130. }
  1131. span.form_required {
  1132. color: #f00;
  1133. }
  1134. span.form_error {
  1135. color: #f00;
  1136. font-size: x-small;
  1137. margin: 2px;
  1138. }
  1139. /*****************************************************
  1140. * DATA TABLE STYLES *
  1141. *****************************************************/
  1142. .cell_header {
  1143. background-color: #EEEEFF;
  1144. font-weight:bold;
  1145. text-align:left;
  1146. padding-left:5px;
  1147. } /* header cell in data table in tools */
  1148. .data_table {
  1149. border-collapse: collapse;
  1150. width: 100%;
  1151. padding: 5px;
  1152. }
  1153. .data_table th {
  1154. padding-right: 12px;
  1155. border: 1px solid gray;
  1156. background-color: #f0f0f0;
  1157. }
  1158. .data_table tr.row_odd {
  1159. background-color: #fafafa;
  1160. }
  1161. .data_table tr.row_odd:hover, .data_table tr.row_even:hover {
  1162. background-color: #f0f0f0;
  1163. }
  1164. .data_table tr.row_even {
  1165. background-color: #fff;
  1166. }
  1167. .data_table td {
  1168. padding: 5px;
  1169. vertical-align: top;
  1170. border-bottom: 1px solid #b0b0b0;
  1171. border-right: 1px dotted #e1e1e1;
  1172. border-left: 1px dotted #e1e1e1;
  1173. }
  1174. /* admin page tool list definitions */
  1175. .tool_list dt {
  1176. font-weight: bold;
  1177. }
  1178. .tool_list dd {
  1179. margin: 0;
  1180. padding: 4px 0 0 10px;
  1181. }
  1182. /* divs for category list / platform news on home page */
  1183. .home_cats {
  1184. width: 45%;
  1185. float: left;
  1186. position: relative;
  1187. margin: 0;
  1188. padding: 0px;
  1189. padding-top: 8px;
  1190. background: transparent;
  1191. }
  1192. .home_news {
  1193. width: 45%;
  1194. float: right;
  1195. position: relative;
  1196. margin: 0;
  1197. padding: 0px;
  1198. padding-top: 8px;
  1199. background: #fff;
  1200. }
  1201. label.left {
  1202. float: left;
  1203. width: 15em;
  1204. margin: 0 0 0.5em 0;
  1205. }
  1206. form br {
  1207. clear: both;
  1208. }
  1209. /* Fix for alignment problem in IE-Win browsers */
  1210. /* Hide from IE5-mac. Only IE-win sees this. \*/
  1211. * html .label {
  1212. margin-right: 10px;
  1213. }
  1214. * html .data {
  1215. height: 1%;
  1216. margin-left: 0;
  1217. }
  1218. /* End hide from IE5/mac */
  1219. .radio, .checkbox {
  1220. margin: 0;
  1221. padding: 0;
  1222. border: none;
  1223. background-color: transparent;
  1224. }
  1225. .required {
  1226. color: #f00;
  1227. font-weight: bold;
  1228. }
  1229. /* Admin section */
  1230. div.admin_section {
  1231. width: 40%;
  1232. float: left;
  1233. padding: 5px;
  1234. margin: 10px 20px;
  1235. min-height:200px;
  1236. }
  1237. div.admin_section h4 {
  1238. margin: 0;
  1239. border-bottom: 1px solid gray;
  1240. width: 100%;
  1241. }
  1242. /* Report section */
  1243. div.report_section {
  1244. width: 40%;
  1245. float: left;
  1246. padding: 5px;
  1247. margin: 10px 20px;
  1248. }
  1249. div.report_section h4 {
  1250. margin: 0;
  1251. border-bottom: 1px solid gray;
  1252. width: 100%;
  1253. }
  1254. .user_course_category {
  1255. background-color: #efefef;
  1256. border: 1px solid #666;
  1257. font-weight: bold;
  1258. color: #666;
  1259. list-style-type: none;
  1260. margin: 5px;
  1261. padding: 5px;
  1262. }
  1263. .sessions_list {
  1264. line-height: 20px;
  1265. margin-top: 20px;
  1266. }
  1267. .sessions_list_inactive {
  1268. line-height: 20px;
  1269. }
  1270. .session_box {
  1271. background-color: #efefef;
  1272. border: 1px solid #666;
  1273. font-weight: bold;
  1274. color: #666;
  1275. list-style-type: none;
  1276. padding: 5px;
  1277. margin:5px 5px 10px 40px;
  1278. }
  1279. .session_box_title {
  1280. }
  1281. .session_box_coach {
  1282. }
  1283. /***************************************************************
  1284. * DOKEOS CONFIG SETTINGS OF THE PLATFORM ADMIN SECTION *
  1285. ***************************************************************/
  1286. .sectiontitle {
  1287. background-color: #EFEFEF;
  1288. border: 1px solid #cccccc;
  1289. font-weight: bold;
  1290. color: #666666;
  1291. list-style-type: none;
  1292. margin: 5px;
  1293. padding: 5px;
  1294. font-size: 11px;
  1295. }
  1296. .sectioncomment {
  1297. color: #000000;
  1298. margin: 5px;
  1299. padding: 5px;
  1300. font-size: 11px;
  1301. }
  1302. .sectionvalue {
  1303. list-style-type: none;
  1304. margin: 5px;
  1305. padding: 5px;
  1306. }
  1307. /*****************************************************
  1308. * ANNOUNCEMENTS *
  1309. *****************************************************/
  1310. .announcements_datum {
  1311. font-size: 12px;
  1312. font-style: italic;
  1313. color: #666666;
  1314. }
  1315. /*****************************************************
  1316. * SYSTEM ANNOUNCEMENTS *
  1317. *****************************************************/
  1318. div.system_announcement {
  1319. padding: .2em;
  1320. border: 1px solid #ddd;
  1321. -moz-border-radius-topright : 5px;
  1322. -moz-border-radius-topleft : 5px;
  1323. -moz-border-radius-bottomright : 5px;
  1324. -moz-border-radius-bottomleft : 5px;
  1325. }
  1326. .system_announcement {
  1327. background: #ddd url('images/headertables.jpg') repeat-x top center;
  1328. font: bold 100% arial, sans-serif, sans;
  1329. }
  1330. .system_announcement_content {
  1331. font: normal 100% 'Lucida Grande', verdana, Arial, sans-serif, sans;
  1332. }
  1333. .system_announcements {
  1334. background: transparent url('images/systemenouvelles.jpg') no-repeat top left;
  1335. padding-top: 10px;
  1336. width: 50%;
  1337. }
  1338. .system_announcements h3 {
  1339. padding-left:70px;
  1340. padding-top: 30px;
  1341. }
  1342. /*****************************************************
  1343. * THE NEW FORUM *
  1344. *****************************************************/
  1345. /* **** FORUM CATEGORY **** */
  1346. .forum_category {
  1347. background-color: #0066CC;
  1348. color: #fff;
  1349. }
  1350. .forum_category a {
  1351. color: #fff;
  1352. }
  1353. .forum_category_header {
  1354. background-color: #0066CC;
  1355. color: #fff;
  1356. }
  1357. tr.forum_category_header a {
  1358. color: #fff;
  1359. }
  1360. /* **** FORUM **** */
  1361. .forum_header {
  1362. background-color: #EFEFEF;
  1363. }
  1364. /* **** THREAD **** */
  1365. .forum_threadheader {
  1366. color: #aaa;
  1367. background-color: #F7F7F7;
  1368. }
  1369. tr.forum_threadheader td {
  1370. }
  1371. .forum-thread-header {
  1372. color: #000000;
  1373. background-color: #F7F7F7;
  1374. border-left: 1px solid #aaa;
  1375. border-right: 1px solid #aaa;
  1376. border-bottom: 1px solid #aaa;
  1377. border-top: 1px solid #aaa;
  1378. }
  1379. .forum-thread-body {
  1380. color: #000000;
  1381. background-color: #FFFFFF;
  1382. border-left: 1px solid #aaa;
  1383. border-right: 1px solid #aaa;
  1384. border-bottom: 1px solid #aaa;
  1385. border-top: 1px solid #aaa;
  1386. }
  1387. /* **** POST **** */
  1388. .quote {
  1389. background-color: #EFEFEF;
  1390. }
  1391. .forum_message_left {
  1392. width: 150px;
  1393. vertical-align: top;
  1394. /*border-bottom: 1px solid #666666;*/
  1395. border-right: 1px solid #aaa;
  1396. background-color: #F7F7F7;
  1397. }
  1398. .forum_message_left_2_be_approved {
  1399. width: 150px;
  1400. vertical-align: top;
  1401. /*border-bottom: 1px solid #666666;*/
  1402. border-right: 1px solid #aaa;
  1403. background-color: #F7F7F7;
  1404. color: #999;
  1405. }
  1406. .forum_message_post_title {
  1407. /*border-bottom: 1px solid #666666;*/
  1408. font-weight: bold;
  1409. background-color: #F7F7F7;
  1410. height: 20px;
  1411. }
  1412. .forum_message_post_title_2_be_approved {
  1413. /*border-bottom: 1px solid #666666;*/
  1414. color: #999;
  1415. font-weight: bold;
  1416. background-color: #F7F7F7;
  1417. height: 20px;
  1418. }
  1419. .forum_message_post_text {
  1420. /*border-bottom: 1px solid #666666;*/
  1421. margin-bottom: 10px;
  1422. vertical-align: top;
  1423. }
  1424. .forum_message_post_text_2_be_approved {
  1425. /*border-bottom: 1px solid #666666;*/
  1426. color: #999;
  1427. margin-bottom: 10px;
  1428. vertical-align: top;
  1429. }
  1430. .current {
  1431. font-weight: bold;
  1432. }
  1433. .structure {
  1434. /*border-bottom: 1px solid #666666;*/
  1435. font-weight: bold;
  1436. background-color: #F7F7F7;
  1437. height: 20px;
  1438. }
  1439. a.forum_group_link {
  1440. font-weight: lighter;
  1441. display:inline;
  1442. }
  1443. .forum_description {
  1444. color: #000;
  1445. font-weight: normal;
  1446. }
  1447. .forum_title {
  1448. color: #000;
  1449. font-size: 14px;
  1450. }
  1451. .forum_low_description {
  1452. color: #737780;
  1453. font-style: italic;
  1454. font-weight: normal;
  1455. }
  1456. .forum_attach_comment {
  1457. color: #737780;
  1458. font-style: italic;
  1459. font-weight: normal;
  1460. }
  1461. /* **** BLOG **** */
  1462. span.blog_title {
  1463. font-size: 20px;
  1464. font-weight: bold;
  1465. color: #2A4B74;
  1466. }
  1467. span.blog_subttitle {
  1468. font-size: 12px;
  1469. }
  1470. td.blog_left {
  1471. margin-right: 5px;
  1472. padding-right: 5px;
  1473. border-right: 1px solid #dddddd;
  1474. }
  1475. td.blog_right {
  1476. padding-left: 10px;
  1477. }
  1478. td.blog_menu_title {
  1479. background-color: #dddddd;
  1480. color: #2A4B74;
  1481. font-weight: bold;
  1482. font-size: 11px;
  1483. padding: 2px;
  1484. }
  1485. td.blog_menu {
  1486. border-bottom: 1px dashed #dddddd;
  1487. border-right: 1px dashed #dddddd;
  1488. border-left: 1px dashed #dddddd;
  1489. padding: 10px;
  1490. }
  1491. td.blog_menu ul {
  1492. margin-top: 0;
  1493. margin-right: 0;
  1494. margin-bottom: 0;
  1495. margin-left: 15px;
  1496. padding: 0;
  1497. }
  1498. td.blog_menu ul li {
  1499. }
  1500. span.blogpost_title {
  1501. display: block;
  1502. font-size: 18px;
  1503. font-weight: bold;
  1504. color: #2A4B74;
  1505. padding-bottom: 5px;
  1506. }
  1507. span.blogpost_date {
  1508. display: block;
  1509. font-size: 12px;
  1510. font-weight: bold;
  1511. color: #333333;
  1512. padding-bottom: 10px;
  1513. }
  1514. span.blogpost_info {
  1515. display: block;
  1516. color: #333333;
  1517. border-top: 1px solid #dddddd;
  1518. margin-top: 5px;
  1519. }
  1520. table.newBlog {
  1521. border: 1px solid #dddddd;
  1522. margin-bottom: 10px;
  1523. margin-top: 10px;
  1524. padding: 10px;
  1525. background-color: #f6f6f6;
  1526. }
  1527. table.newTask {
  1528. border: 1px solid #dddddd;
  1529. margin-bottom: 10px;
  1530. margin-top: 10px;
  1531. padding: 10px;
  1532. background-color: #f6f6f6;
  1533. }
  1534. table.new_comment {
  1535. border: 1px solid #dddddd;
  1536. margin-bottom: 10px;
  1537. margin-top: 10px;
  1538. padding: 10px;
  1539. background-color: #F4F4F4;
  1540. }
  1541. div.blogpost_comment {
  1542. border-top: 1px dashed #dddddd;
  1543. border-right: 1px dashed #dddddd;
  1544. border-bottom: 1px dashed #dddddd;
  1545. border-left: 1px dashed #dddddd;
  1546. margin-bottom: 10px;
  1547. padding: 10px;
  1548. background-color: white;
  1549. }
  1550. span.blogpost_comment_title {
  1551. display: block;
  1552. font-size: 14px;
  1553. font-weight: bold;
  1554. color: #1657A9;
  1555. padding-bottom: 5px;
  1556. }
  1557. span.blogpost_comment_date {
  1558. display: block;
  1559. font-size: 10px;
  1560. font-weight: bold;
  1561. color: #333333;
  1562. padding-bottom: 10px;
  1563. }
  1564. span.blogpost_comment_info {
  1565. font-size: 10px;
  1566. display: block;
  1567. color: #333333;
  1568. border-top: 1px solid #dddddd;
  1569. margin-top: 10px;
  1570. }
  1571. div.blogpost {
  1572. border: 1px solid #DDDDDD;
  1573. background-color: #ECECEC;
  1574. margin-bottom: 15px;
  1575. padding: 10px;
  1576. }
  1577. div.comments {
  1578. border: 1px solid #dddddd;
  1579. margin-bottom: 10px;
  1580. margin-top: 10px;
  1581. padding: 10px;
  1582. background-color: #F4F4F4;
  1583. }
  1584. .attachment_comment {
  1585. color: #737780;
  1586. font-style: italic;
  1587. font-weight: normal;
  1588. }
  1589. .link {
  1590. text-decoration: none;
  1591. font-weight : bold;
  1592. color : #1657A9;
  1593. cursor: pointer
  1594. }
  1595. .link:hover {
  1596. text-decoration: none;
  1597. color: #abd9f1;
  1598. font-weight: bold;
  1599. cursor: pointer
  1600. }
  1601. /*****************************************************
  1602. * INSTALLATION *
  1603. *****************************************************/
  1604. #installation_steps {
  1605. float:left;
  1606. background-color: #EFEFEF;
  1607. }
  1608. .current_step {
  1609. font-weight: bold;
  1610. }
  1611. /************************************************************
  1612. styles below here are not necessarily used in the current
  1613. release and the CVS files, they are from earlier versions,
  1614. and have been left untouched for anyone needing them in
  1615. their own platform ...
  1616. *************************************************************/
  1617. .topBanner a:link, .topBanner a:active, .topBanner a:visited {
  1618. text-decoration:none;
  1619. color:white;
  1620. }
  1621. .topBanner table {
  1622. text-decoration:none;
  1623. }
  1624. .topBanner a:hover {
  1625. text-decoration:underline;
  1626. }
  1627. .topBanner td {
  1628. border-top: solid White 1px;
  1629. }
  1630. .alternativeBgLight {
  1631. background-color: #f5f5f5;
  1632. }
  1633. .alternativeBgDark {
  1634. background-color: #e6e6e6
  1635. }
  1636. .forms {
  1637. letter-spacing: normal;
  1638. text-align: justify;
  1639. text-indent: 3pt;
  1640. word-spacing: normal;
  1641. padding: 2px 5px;
  1642. }
  1643. .formsTips {
  1644. text-align: justify;
  1645. text-indent: 15pt;
  1646. word-spacing: normal;
  1647. }
  1648. /*
  1649. input.forms { letter-spacing: normal; text-align: justify; text-indent: 3pt; word-spacing: normal;
  1650. padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
  1651. */
  1652. .warn {
  1653. border: thin double Silver;
  1654. margin-left: 15px;
  1655. margin-right: 15px;
  1656. font-family: serif;
  1657. color: Red;
  1658. padding-left: 25px;
  1659. }
  1660. .small {
  1661. font-family: Verdana, Arial, Helvetica, sans-serif;
  1662. font-size: 11px
  1663. }
  1664. .xsmall {
  1665. font-family: Verdana, Arial, Helvetica, sans-serif;
  1666. font-size: 11px
  1667. }
  1668. .xxsmall {
  1669. font-family: Verdana, Arial, Helvetica, sans-serif;
  1670. font-size: 9px
  1671. }
  1672. #glossary_menu li {
  1673. LIST-STYLE-TYPE: none;
  1674. display: inline;
  1675. padding-left:5px;
  1676. }
  1677. .glossary_divider {
  1678. text-transform: capitalize;
  1679. background-color: #CCCCCC;
  1680. padding: 3px;
  1681. font-weight: bold;
  1682. margin-bottom: 3px;
  1683. margin-top: 10px;
  1684. }
  1685. .glossary_word {
  1686. background-color: #F7F7F7;
  1687. padding: 3px;
  1688. font-weight: bold;
  1689. margin-bottom: 3px;
  1690. margin-top: 10px;
  1691. }
  1692. /*
  1693. * TABBED INTERFACE
  1694. */
  1695. #tabbed_menu {
  1696. width: 100%;
  1697. height: 20px;
  1698. border-bottom-width: 1px;
  1699. border-bottom-style: solid;
  1700. border-bottom-color: #666666;
  1701. margin-bottom: 20px;
  1702. }
  1703. #tabbed_menu #tabbed_menu_tabs li {
  1704. margin: 0 10;
  1705. padding: 0;
  1706. display: inline;
  1707. list-style-type: none;
  1708. }
  1709. #tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited {
  1710. float: left;
  1711. background: #f3f3f3;
  1712. font-weight: bold;
  1713. padding: 2px 10px 2px 10px;
  1714. margin-right: 4px;
  1715. border: 1px solid #cccccc;
  1716. border-bottom: 1px solid #666666;
  1717. text-decoration: none;
  1718. color: #666;
  1719. }
  1720. #tabbed_menu #tabbed_menu_tabs a:link.active, #tabbed_menu_tabs a:visited.active {
  1721. border: 1px solid #666666;
  1722. border-bottom: 1px solid #fff;
  1723. background: #fff;
  1724. color: #000;
  1725. }
  1726. #WCAG-editor {
  1727. border: 1px #DCDCDC solid;
  1728. background-color: #F0F0F0;
  1729. width: 100%;
  1730. }
  1731. #WCAG-editor .title {
  1732. padding: 2px;
  1733. background-color: #DCDCDC;
  1734. text-align: center;
  1735. color: #000000;
  1736. font-weight: bold;
  1737. }
  1738. #WCAG-editor .body {
  1739. padding-top: 5px;
  1740. padding-left: 5px;
  1741. padding-right: 13px;
  1742. padding-bottom: 5px;
  1743. }
  1744. #WCAG-editor textarea {
  1745. margin-left: 0px;
  1746. margin-right: 0px;
  1747. width: 100%;
  1748. height: 180px;
  1749. border: 1px #DCDCDC solid;
  1750. }
  1751. #WCAG-editor input {
  1752. width: 100%;
  1753. }
  1754. /* don't work on IE 6 */
  1755. #WCAG-editor input[type="checkbox"], #WCAG-editor input[type="radio"], #WCAG-editor input[type="submit"] {
  1756. width: auto;
  1757. }
  1758. /* only for IE6 */
  1759. #WCAG-editor #submit, #WCAG-editor #visible_teacher, #WCAG-editor #visible_student, #WCAG-editor #visible_guest {
  1760. width: auto;
  1761. }
  1762. #WCAG-content img {
  1763. float: left;
  1764. margin-right: 5px;
  1765. margin-bottom: 5px;
  1766. }
  1767. #WCAG-content p {
  1768. text-align: justify;
  1769. }
  1770. /* hack for IE < 7 */
  1771. #course_description input {
  1772. width: auto;
  1773. }
  1774. #course_description #imagefile, #course_description #imageLabel, #course_description #link, #course_description #linkLabel {
  1775. width: 100%;
  1776. }
  1777. .WCAG-form textarea {
  1778. width: 100%;
  1779. height: 180px;
  1780. }
  1781. .skip {
  1782. display: none;
  1783. }
  1784. /*
  1785. ------------------------------------------------------------------------------
  1786. OTHERS
  1787. ------------------------------------------------------------------------------
  1788. */
  1789. .input_titles {
  1790. width: 300px;
  1791. }
  1792. /*
  1793. ------------------------------------------------------------------------------
  1794. Survey
  1795. ------------------------------------------------------------------------------
  1796. */
  1797. #survey_title {
  1798. background-color:#dcdcdc;
  1799. color:#000;
  1800. padding:2px;
  1801. }
  1802. #survey_subtitle {
  1803. background-color:#dcdcdc;
  1804. color:#000;
  1805. padding:2px;
  1806. }
  1807. .survey_content {
  1808. background-color:#EFEFEF;
  1809. color:#264269;
  1810. padding:5px;
  1811. border: 1px solid #999;
  1812. margin-top: 4px;
  1813. }
  1814. .survey_question_wrapper {
  1815. border: 1px solid #999;
  1816. margin-top:4px;
  1817. }
  1818. .survey_question {
  1819. /* 264269 4271b5 E5EDF9 */
  1820. background-color:#f0f0f0;
  1821. color:#999;
  1822. padding:5px;/*border: 1px solid #264269;*/
  1823. }
  1824. .survey_question_options {
  1825. /* 264269 4271b5 E5EDF9 */
  1826. background-color:#FFF;
  1827. color:#000;
  1828. padding:5px;/*border: 1px solid #264269;*/
  1829. }
  1830. /*
  1831. |----------------------------------------------------------------------------
  1832. | Added: to fit img and blocks in home page
  1833. |----------------------------------------------------------------------------
  1834. |
  1835. */
  1836. #hellomindfactory {
  1837. border: 1px solid #ccc;
  1838. margin:-14px 0 0 0;
  1839. width:690px;
  1840. height:428px;
  1841. }
  1842. #tophellomindfactory {
  1843. margin: 10px 5px 5px 5px;
  1844. height:200px;
  1845. width:680px;
  1846. }
  1847. .topa {
  1848. background:transparent url('images/logoa4.gif') no-repeat;
  1849. }
  1850. .topb {
  1851. background:transparent url('images/logob4.gif') no-repeat;
  1852. }
  1853. #bottomhellomindfactory {
  1854. margin: 5px;
  1855. height:200px;
  1856. width:680px;
  1857. background:transparent url('images/textologo.jpg') no-repeat;
  1858. }
  1859. /*
  1860. .copyright {
  1861. display:none;
  1862. }
  1863. */
  1864. /* Quizzes tool */
  1865. .quiz_export_link {
  1866. float: right;
  1867. }
  1868. /*
  1869. ------------------------------------------------------------------------------
  1870. Learning path
  1871. ------------------------------------------------------------------------------
  1872. */
  1873. #show_audiorecorder_div {
  1874. background:#F0F0F0;
  1875. border:1px solid #999999;
  1876. font-weight:bold;
  1877. padding:2px;
  1878. width:350px;
  1879. }
  1880. /* Glossary tool */
  1881. .glossary-term {
  1882. margin: 1em;
  1883. background-color: #ffe99b;
  1884. padding: 0.5em 0.5em 1.8em 0;
  1885. -moz-border-radius: 0.5em;
  1886. }
  1887. .glossary-term-title {
  1888. margin: 2em 0 1em 0.5em;
  1889. font-weight: bold;
  1890. font-size: 120%;
  1891. }
  1892. .glossary-term-desc {
  1893. margin-left: 1em;
  1894. }
  1895. .glossary-term-action-links {
  1896. float: right;
  1897. }
  1898. .glossary-term-edit-form {
  1899. margin: 1em;
  1900. background-color: #FFE4C4;
  1901. padding: 0.5em 0.5em 2em 0;
  1902. -moz-border-radius: 0.5em;
  1903. }
  1904. .glossary-term-edit-desc {
  1905. font-weight: bold;
  1906. font-size: 120%;
  1907. }
  1908. .glossary-term-edit-title {
  1909. font-weight: bold;
  1910. font-size: 120%;
  1911. }
  1912. .glossary-add-form {
  1913. font-weight: bold;
  1914. font-size: 120%;
  1915. margin: 1em;
  1916. }
  1917. .glossary-orderby-link {
  1918. float:right;
  1919. margin: 1em;
  1920. }
  1921. .glossary-msg-error {
  1922. color: #FF0000;
  1923. display :none;
  1924. font-weight: normal;
  1925. font-size: 80%;
  1926. }
  1927. /* Notebook */
  1928. .notebook-add-form {
  1929. margin: 1em;
  1930. background-color: #c3d9ff;
  1931. padding: 1em 1em;
  1932. }
  1933. .notebook-add-desc-textarea {
  1934. background-color: #f2f5f8;
  1935. border-color: #ffe99b;
  1936. overflow: hidden;
  1937. }
  1938. .notebook-add-title-text {
  1939. background-color: #f2f5f8;
  1940. border-color: #ffe99b;
  1941. }
  1942. .notebook-edit-desc-textarea {
  1943. background-color: #e0ecff;
  1944. border-color: #ffe99b;
  1945. overflow: hidden;
  1946. }
  1947. .notebook-edit-title-text {
  1948. background-color: #e0ecff;
  1949. border-color: #ffe99b;
  1950. }
  1951. .notebook-msg-error {
  1952. color: #FF0000;
  1953. display :none;
  1954. background-color: #ffe99b;
  1955. width: 40%;
  1956. }
  1957. .notebook-list {
  1958. margin: 1em 1em 0em 1em;
  1959. background-color: #79b;
  1960. padding: 0.3em 0.3em;
  1961. -moz-border-radius: 0.5em;
  1962. }
  1963. .notebook-title-list {
  1964. color : #fff;
  1965. padding: 0.3em 0.3em;
  1966. font-weight: bold;
  1967. font-size: 120%;
  1968. }
  1969. .notebook-desc-list {
  1970. margin: 0em;
  1971. background-color: #f2f5f8;
  1972. padding: 0.5em 0.3em 2em 0.3em;
  1973. border: 1px solid #79b;
  1974. }
  1975. .notebook-term-action-links {
  1976. padding: 0.3em 0.3em;
  1977. width: 50%;
  1978. color : #fff;
  1979. }
  1980. .notebook-orderby-link {
  1981. text-align:right;
  1982. margin-right: 1em;
  1983. }
  1984. .notebook-search-title {
  1985. text-align:right;
  1986. margin: 1em;
  1987. }
  1988. .notebook-date-information {
  1989. color : #fff;
  1990. padding: 0.3em;
  1991. font-size: 120%;
  1992. font-weight: bold;
  1993. }
  1994. /* Gradebook */
  1995. .resource-deleted {
  1996. color:#990000;
  1997. }
  1998. .gradebook-table-header {
  1999. border: 1px solid rgb(153, 153, 153);
  2000. background: rgb(240, 240, 240) none repeat scroll 0% 0%;
  2001. }
  2002. .gradebook-table-body {
  2003. border: 1px solid rgb(153, 153, 153);
  2004. background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  2005. }
  2006. /* actions */
  2007. .actions_lp {
  2008. background:#F8F8F8;
  2009. height:29px;
  2010. padding-left: -17px;
  2011. margin: 5px 2px 1px 12px;
  2012. vertical-align:middle;
  2013. width: 90%;
  2014. }
  2015. .actions_lp img {
  2016. vertical-align:middle;
  2017. }
  2018. .actions_lp a {
  2019. margin-right: 10px;
  2020. vertical-align:middle;
  2021. }
  2022. .actions_lp span {
  2023. margin-right: 10px;
  2024. vertical-align:middle;
  2025. }
  2026. .actions_lp form {
  2027. margin-right: 10px;
  2028. vertical-align:middle;
  2029. }
  2030. .actions {
  2031. background:#efefef;
  2032. border-bottom:1px dotted #999999;
  2033. border-top:1px dotted #999999;
  2034. /*height:35px;*/
  2035. padding:2px;
  2036. margin-bottom: 5px;
  2037. vertical-align:middle;
  2038. }
  2039. .actions img {
  2040. /*display:inline-block;*/
  2041. border: none;
  2042. text-decoration: none;
  2043. background-color: #efefef;
  2044. padding-right: 5px;
  2045. vertical-align:middle;
  2046. }
  2047. .actions a {
  2048. display:inline-block;
  2049. margin-right: 10px;
  2050. vertical-align:middle;
  2051. }
  2052. .actions span {
  2053. margin-right: 10px;
  2054. vertical-align:middle;
  2055. }
  2056. .actions form {
  2057. margin-right: 10px;
  2058. vertical-align:middle;
  2059. }
  2060. /* big actions */
  2061. .actionsbig {
  2062. background:#F8F8F8;
  2063. border-bottom:1px solid #999999;
  2064. border-top:1px solid #999999;
  2065. background-color:#efefef;
  2066. padding:2px;
  2067. margin-bottom: 5px;
  2068. vertical-align:middle;
  2069. float:left;
  2070. width:100%;
  2071. }
  2072. .content_table {
  2073. padding:2px;
  2074. margin-bottom: 5px;
  2075. vertical-align:middle;
  2076. float:left;
  2077. width:100%;
  2078. }
  2079. .actionsbig a {
  2080. float:left;
  2081. padding-left:6px;
  2082. padding-right:12px;
  2083. text-align:center;
  2084. }
  2085. .actions img {
  2086. vertical-align:middle;
  2087. }
  2088. .actions a {
  2089. margin-right: 10px;
  2090. vertical-align:middle;
  2091. }
  2092. .actions-title {
  2093. background:#efefef;
  2094. border-bottom:1px dotted #999999;
  2095. border-top:1px dotted #999999;
  2096. /*height:35px;*/
  2097. padding:4px;
  2098. margin-bottom: 5px;
  2099. font-size:14px;
  2100. font-weight:bolder;
  2101. /*background:url(images/actions.jpg) repeat-x;*/
  2102. vertical-align:middle;
  2103. }
  2104. .actions-message {
  2105. white-space: nowrap;
  2106. padding: 2px;
  2107. background-color: #f0f0f0;
  2108. border: 1px solid #bbb;
  2109. }
  2110. /**********************************************
  2111. * EXERCISE TOOL *
  2112. **********************************************/
  2113. .exercice_form {
  2114. width: 300px;
  2115. }
  2116. #validationButton {
  2117. text-decoration: none;
  2118. margin: 5px;
  2119. /*border:1px solid #999999;*/
  2120. /*background:#F0F0F0; */
  2121. padding: 3px;
  2122. padding-left:10px;
  2123. padding-right:10px;
  2124. font-weight:bold;
  2125. color:#666;
  2126. }
  2127. .rounded {
  2128. background:#ccc;
  2129. padding: 3px;
  2130. width: 200px;
  2131. margin-left:10px;
  2132. }
  2133. .rounded_inner {
  2134. background:#FFF;
  2135. padding-top: 10px;
  2136. padding-bottom: 10px;
  2137. }
  2138. .rounded_inner:hover {
  2139. color:#C802A5;
  2140. background:#F0F0F0;
  2141. }
  2142. .exercise_scenario_label {
  2143. }
  2144. .exercise_scenario_element {
  2145. }
  2146. span.checkbox {
  2147. width: 19px;
  2148. height: 25px;
  2149. padding: 0 5px 0 0;
  2150. background: url(images/checkbox.gif) no-repeat;
  2151. display: block;
  2152. clear: left;
  2153. float: left;
  2154. }
  2155. span.radio {
  2156. width: 19px;
  2157. height: 25px;
  2158. padding: 0 5px 0 0;
  2159. background: url(images/radio.gif) no-repeat;
  2160. display: block;
  2161. clear: left;
  2162. float: left;
  2163. }
  2164. #question_title {
  2165. }
  2166. #question_description {
  2167. padding-left:5px;
  2168. padding-top:10px;
  2169. }
  2170. #question_score {
  2171. padding-left:5px;
  2172. padding-top:10px;
  2173. padding-bottom:10px;
  2174. font-weight:bold;
  2175. }
  2176. #question_feedback {
  2177. background-color:#FCF7BA;
  2178. border:1px solid #CCCCCC;
  2179. color:#666666;
  2180. font-size:11px;
  2181. font-weight:bold;
  2182. list-style-type:none;
  2183. margin-top:5px;
  2184. padding:5px;
  2185. }
  2186. #exercise_close_link {
  2187. background: url(images/close.gif) no-repeat;
  2188. padding-left: 20px;
  2189. }
  2190. #exercise_close_link:hover {
  2191. background: url(images/close_highlight.gif) no-repeat;
  2192. padding-left: 20px;
  2193. }
  2194. /*Exercice timer*/
  2195. #square{
  2196. padding:5px;
  2197. background-color:#EEEEEE;
  2198. border:1px solid #CCCCCC;
  2199. margin-right : 24px;
  2200. width : 155px;margin-bottom:5px;
  2201. }
  2202. #wrapper-clock{
  2203. width:100%;
  2204. margin:0;
  2205. }
  2206. .count_down{
  2207. padding: 3px;
  2208. font-family:Georgia, "Times New Roman", Times, serif;
  2209. font-size:22px;
  2210. font-weight:bold;
  2211. color:#222;
  2212. }
  2213. .count_down sup{
  2214. font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  2215. font-size:12px;
  2216. color:#555;
  2217. padding:0px 10px 0 0;
  2218. font-weight:normal;
  2219. }
  2220. /*****************************************************
  2221. * BUTTONS *
  2222. *****************************************************/
  2223. /* BUTTONS */
  2224. button,input[type="submit"] {
  2225. margin:5px 5px 3px 0px !important;
  2226. background-color: #DFDFDF;
  2227. border-width: 1px;
  2228. /* -moz-border-radius-topright : 5px;
  2229. -moz-border-radius-topleft : 5px;
  2230. -moz-border-radius-bottomright : 5px;
  2231. -moz-border-radius-bottomleft : 5px;
  2232. */
  2233. font-family: bold arial, verdana, helvetica, sans-serif;
  2234. font-size: 100%;
  2235. line-height :130%;
  2236. text-decoration: none;
  2237. color: black;
  2238. cursor: pointer;
  2239. padding:5px 15px 5px 15px;
  2240. vertical-align:middle;
  2241. }
  2242. button:hover input[type="submit"]:hover{
  2243. background-color:#cbcbcb;
  2244. color:#545454;
  2245. border-style: inset;
  2246. }
  2247. /* button with image */
  2248. button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next {
  2249. padding-left:30px;
  2250. background-position:10px;
  2251. background-repeat:no-repeat;
  2252. }
  2253. /* POSITIVE */
  2254. button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next {
  2255. background-color:#E5EDF9;
  2256. border-color: #D4E2F6;
  2257. }
  2258. button.save:hover, button.refresh:hover, button.upload:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover, input[type="submit"].submit_next:hover {
  2259. border-color: #D4E2F6;
  2260. background-color:#D4E2F6;
  2261. }
  2262. /* NEGATIVE */
  2263. button.cancel {
  2264. background-color:#F8E8E6;
  2265. border-color: #FFE3DE;
  2266. }
  2267. button.cancel:hover {
  2268. border-color: #F4E1D0;
  2269. background-color: #FFE3DE;
  2270. }
  2271. /*including "save" image*/
  2272. button.save {
  2273. background-image:url(images/button_accept.gif);
  2274. }
  2275. /*including "add" image*/
  2276. button.add {
  2277. background-image:url(images/button_add.gif);
  2278. }
  2279. /*including "cancel" image*/
  2280. button.cancel {
  2281. background-image:url(images/button_delete.gif);
  2282. }
  2283. /*including "search" image*/
  2284. button.search {
  2285. background-image:url(images/button_search.gif);
  2286. }
  2287. /*including "login" image*/
  2288. button.login {
  2289. background-image:url(images/button_login.gif);
  2290. margin:2px 5px 3px 5px !important;
  2291. }
  2292. /*including "plus" image*/
  2293. button.plus {
  2294. background-image:url(images/button_plus.gif);
  2295. }
  2296. /*including "minus" image*/
  2297. button.minus {
  2298. background-image:url(images/button_minus.gif);
  2299. }
  2300. /*including "next" image*/
  2301. button.next,input[type="submit"].submit_next {
  2302. background-image:url(images/button_next.gif);
  2303. }
  2304. /*including "back" image*/
  2305. button.back {
  2306. background-image:url(images/button_back.gif);
  2307. }
  2308. /*including "refresh" image*/
  2309. button.refresh {
  2310. background-image:url(images/button_refresh.gif);
  2311. }
  2312. /*including "upload" image*/
  2313. button.upload {
  2314. background-image:url(images/button_upload.gif);
  2315. }
  2316. .icon_image_content {
  2317. width:80px;
  2318. cursor:hand;
  2319. height:10em;
  2320. text-align: center;
  2321. padding-right: 5px;
  2322. padding-left: 5px;
  2323. }
  2324. #expire_session div {
  2325. float:left;
  2326. padding-left:15px;
  2327. }
  2328. /* Fake buttons: links that look like buttons */
  2329. .fake_button_back {
  2330. border: 2px outset;
  2331. padding: 2px;
  2332. text-decoration: none;
  2333. background-color:#E5EDF9;
  2334. border-color: #D4E2F6;
  2335. background-image:url(images/button_back.gif);
  2336. padding-left:30px;
  2337. background-position:10px;
  2338. background-repeat:no-repeat;
  2339. }
  2340. .fake_button_back:active {
  2341. border: 2px inset;
  2342. }
  2343. .fake_button_back:link {
  2344. border-style: solid;
  2345. border-width : 1px 2px 2px 1px;
  2346. text-decoration : none;
  2347. padding : 4px;
  2348. border-color : #69f #00f #00f #69f;
  2349. }
  2350. .fake_button_back:hover {
  2351. border-color: #ccc;
  2352. color: #111;
  2353. }
  2354. .question_menu {
  2355. list-style:none;
  2356. float:left;
  2357. padding:0px;
  2358. margin:-2px;
  2359. min-height:100px;
  2360. }
  2361. .question_menu li {
  2362. float:left;
  2363. margin:0px;
  2364. }
  2365. #exercise_admin {
  2366. margin: 0;
  2367. padding: 0;
  2368. border: 0;
  2369. }
  2370. div#friend-header {
  2371. float:left;
  2372. width:100%;
  2373. line-height: 2.1em;
  2374. }
  2375. div#friend-header a {
  2376. padding-right:6px;
  2377. }
  2378. div#friend-container {
  2379. float:left;
  2380. }
  2381. div.image_friend_network {
  2382. float:left;
  2383. border:1px solid #CCCCCC;
  2384. margin:2px;
  2385. padding:4px;
  2386. background: #EFEFEF;
  2387. height:125px;
  2388. width:82px;
  2389. z-index:5;
  2390. }
  2391. div.image_friend_network span {
  2392. overflow:hidden;
  2393. display:block;
  2394. height:92px;
  2395. margin: 0px 0px;
  2396. }
  2397. div.image_friend_network img {
  2398. vertical-align:middle;
  2399. }
  2400. div.image_friend_network center.friend {
  2401. overflow:hidden;
  2402. height:30px;
  2403. }
  2404. .friend_invitations {
  2405. float:left;
  2406. margin: 0 0 4px 12px;
  2407. }
  2408. /* button >> */
  2409. button.arrowr {
  2410. -moz-border-radius-topleft : 5px;
  2411. -moz-border-radius-bottomright : 5px;
  2412. -moz-border-radius-bottomleft : 5px;
  2413. -moz-border-radius-topright : 5px;
  2414. padding-left:20px;
  2415. padding-top:20px;
  2416. background-position:10px;
  2417. background-color:#E5EDF9;
  2418. border-color: #D4E2F6;
  2419. border-width: 1px;
  2420. display:block;
  2421. font-size: 100%;
  2422. line-height :130%;
  2423. vertical-align:middle;
  2424. }
  2425. /*including "arrowr" image*/
  2426. button.arrowr {
  2427. background-image:url(images/2rightarrow.gif);
  2428. background-repeat:no-repeat;
  2429. }
  2430. /* button << */
  2431. button.arrowl {
  2432. margin:0px;
  2433. -moz-border-radius-topleft : 5px;
  2434. -moz-border-radius-bottomright : 5px;
  2435. -moz-border-radius-bottomleft : 5px;
  2436. -moz-border-radius-topright : 5px;
  2437. padding-left:20px;
  2438. padding-top:20px;
  2439. background-position:10px;
  2440. background-color:#E5EDF9;
  2441. border-color: #D4E2F6;
  2442. border-width: 1px;
  2443. display:block;
  2444. font-size: 100%;
  2445. line-height :130%;
  2446. vertical-align:middle;
  2447. }
  2448. /*including "arrowl" image*/
  2449. button.arrowl {
  2450. background-image:url(images/2leftarrow.gif);
  2451. background-repeat:no-repeat;
  2452. }
  2453. /* input >> */
  2454. input.arrowr {
  2455. -moz-border-radius-topleft : 5px;
  2456. -moz-border-radius-bottomright : 5px;
  2457. -moz-border-radius-bottomleft : 5px;
  2458. -moz-border-radius-topright : 5px;
  2459. padding-left:25px;
  2460. padding-top:20px;
  2461. background-position:10px;
  2462. background-color:#E5EDF9;
  2463. border-color: #D4E2F6;
  2464. border-width: 1px;
  2465. display:block;
  2466. font-size: 100%;
  2467. line-height :130%;
  2468. vertical-align:middle;
  2469. background-image:url(images/2rightarrow.gif);
  2470. background-repeat:no-repeat;
  2471. }
  2472. /* input << */
  2473. input.arrowl {
  2474. margin:0px;
  2475. -moz-border-radius-topleft : 5px;
  2476. -moz-border-radius-bottomright : 5px;
  2477. -moz-border-radius-bottomleft : 5px;
  2478. -moz-border-radius-topright : 5px;
  2479. padding-right:25px;
  2480. padding-top:20px;
  2481. background-position:10px;
  2482. background-color:#E5EDF9;
  2483. border-color: #D4E2F6;
  2484. border-width: 1px;
  2485. display:block;
  2486. font-size: 100%;
  2487. line-height :130%;
  2488. vertical-align:middle;
  2489. background-image:url(images/2leftarrow.gif);
  2490. background-repeat:no-repeat;
  2491. }
  2492. .u-m-answer {
  2493. width:100%;
  2494. }
  2495. .u-m-answer p {
  2496. margin:2px;
  2497. }
  2498. .refresh {
  2499. background-image:url(images/refresh.png);
  2500. background-repeat:no-repeat;
  2501. padding-left:20px;
  2502. padding-bottom:2px;
  2503. }
  2504. .portal {
  2505. background-image:url(images/portal.png);
  2506. background-repeat:no-repeat;
  2507. padding-left:28px;
  2508. padding-bottom:10px;
  2509. padding-top:8px;
  2510. }
  2511. .legal-terms {
  2512. height:150px;
  2513. overflow:auto;
  2514. background-color:#eee;
  2515. width:500px;
  2516. }
  2517. /* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
  2518. * {
  2519. outline :none;
  2520. }
  2521. /*
  2522. input, select, textarea {
  2523. -moz-border-radius-bottomleft:5px;
  2524. -moz-border-radius-bottomright:5px;
  2525. -moz-border-radius-topleft:5px;
  2526. -moz-border-radius-topright:5px;
  2527. -x-system-font:none;
  2528. border:1px solid #CCCCCC;
  2529. color:#666666;
  2530. font-family:Arial,Helvetica,sans-serif;
  2531. font-size:120%;
  2532. font-size-adjust:none;
  2533. font-stretch:normal;
  2534. font-style:normal;
  2535. font-variant:normal;
  2536. font-weight:normal;
  2537. line-height:normal;
  2538. padding:5px;
  2539. }
  2540. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  2541. background-image:url(images/shadow.gif);
  2542. }
  2543. .independent_course_item a {
  2544. font-size:135%;
  2545. }
  2546. .session_course_item a {
  2547. font-size:120%;
  2548. }
  2549. */
  2550. #maincontent .courseslist li {
  2551. margin-bottom:8px;
  2552. }
  2553. /*
  2554. a.read {
  2555. font-weight:normal;
  2556. }
  2557. .actions {
  2558. background:#efefef;
  2559. border:1px solid #ccc;
  2560. padding:2px;
  2561. margin-bottom: 5px;
  2562. vertical-align:middle;
  2563. }
  2564. .actions-title {
  2565. background:#efefef;
  2566. border:1px solid #ccc;
  2567. padding:4px;
  2568. margin-bottom: 5px;
  2569. font-size:14px;
  2570. font-weight:bolder;
  2571. vertical-align:middle;
  2572. }*/
  2573. /* GROUP TOOL */
  2574. #group_description {
  2575. margin: 10px 0px 10px 0px;
  2576. }
  2577. #group_privacy {
  2578. margin: 10px 0px 10px 0px;
  2579. }
  2580. #group_permissions {
  2581. -moz-background-clip:border;
  2582. -moz-background-inline-policy:continuous;
  2583. -moz-background-origin:padding;
  2584. -moz-border-radius-bottomleft:8px;
  2585. -moz-border-radius-bottomright:8px;
  2586. -moz-border-radius-topleft:8px;
  2587. -moz-border-radius-topright:8px;
  2588. background:#EEE none repeat scroll 0 0;
  2589. margin: 20px 0px 20px 0px;
  2590. }
  2591. #group_permissions ul {
  2592. list-style-image:none;
  2593. list-style-position:outside;
  2594. list-style-type:none;
  2595. margin:0;
  2596. padding:0;
  2597. }
  2598. #group_permissions ul li {
  2599. margin: 10px 0px 10px 5px;
  2600. }
  2601. /* Groups boxes */
  2602. .groups_grid_container {
  2603. width:100%;
  2604. }
  2605. .groups_grid_item {
  2606. width:80px;
  2607. float:left;
  2608. margin:5px;
  2609. }
  2610. .groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2611. .groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;}
  2612. .groups_grid_element_2 { width:150px; float:left;}
  2613. /*POPULAR GROUP*/
  2614. .popular_grid_item {
  2615. float:left;
  2616. width:350px;
  2617. height:165px;
  2618. margin-top:20px;
  2619. }
  2620. .popular_grid_element_1 {
  2621. width:330px;
  2622. height:165px;
  2623. padding-left:10px;
  2624. padding-right:10px;
  2625. background-image:url(../../img/boxmygroupscontent.jpg);
  2626. background-repeat:repeat-y;
  2627. overflow:hidden;
  2628. }
  2629. /*NEWEST GROUP*/
  2630. .newest_grid_item {
  2631. float:left;
  2632. width:350px;
  2633. height:165px;
  2634. margin-top:20px;
  2635. }
  2636. .newest_grid_element_1 {
  2637. width:330px;
  2638. height:165px;
  2639. padding-left:10px;
  2640. padding-right:10px;
  2641. background-image:url(../../img/boxmygroupscontent.jpg);
  2642. background-repeat:repeat-y;
  2643. overflow:hidden;
  2644. }
  2645. /*MY GROUPS*/
  2646. .mygroups_grid_item {
  2647. float:left;
  2648. width:350px;
  2649. height:165px;
  2650. margin-top:20px;
  2651. }
  2652. .mygroups_grid_element_1 {
  2653. width:330px;
  2654. height:165px;
  2655. padding-left:10px;
  2656. padding-right:10px;
  2657. background-image:url(../../img/boxmygroupscontent.jpg);
  2658. background-repeat:repeat-y;
  2659. overflow:hidden;
  2660. }
  2661. .box_description_group_title {
  2662. float:right;width:80%;
  2663. }
  2664. .box_description_group_content {
  2665. float:right;
  2666. width:80%;
  2667. height:45px;
  2668. font-family:Verdana, Geneva, sans-serif;
  2669. font-size:12px;
  2670. color:#666666;
  2671. }
  2672. .box_description_group_actions {
  2673. float:right;
  2674. width:80%;
  2675. text-align:right;
  2676. margin-top:4px;
  2677. margin-right:4px;
  2678. }
  2679. /*PROFILE*/
  2680. .profile_grid_container { width:100%;}
  2681. .profile_grid_item {
  2682. border:1px dotted #CCCCCC;
  2683. float:left;
  2684. height:90px;
  2685. margin:5px;
  2686. padding:5px;
  2687. width:270px;
  2688. }
  2689. .profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2690. .profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; }
  2691. /* pagination grid sortable */
  2692. .sub_header {width:100%}
  2693. .grid_selectbox {float:left;width:35%}
  2694. .grid_title {float:left;width:30%;text-align:center}
  2695. .grid_nav {float:left;width:35%;text-align:right}
  2696. /* Groups boxes */
  2697. .group_invitation_grid_container { width:100%;}
  2698. .group_invitation_grid_item {
  2699. border:1px dotted #CCCCCC;
  2700. float:left;
  2701. height:85px;
  2702. margin:8px;
  2703. padding:5px;
  2704. width:300px;
  2705. }
  2706. .group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2707. .group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;}
  2708. .group_invitation_grid_element_2 { width:150px; float:left;}
  2709. /* home group boxes */
  2710. .home_group_grid_container {
  2711. margin-bottom:60px;
  2712. }
  2713. .home_group_grid_element_1 {
  2714. font-family:Verdana, Geneva, sans-serif;
  2715. font-size:12px;
  2716. color:#686868;
  2717. font-weight:bold;
  2718. margin:2px;
  2719. padding:2px;
  2720. }
  2721. .home_group_grid_element_2 {
  2722. float:right;
  2723. width:80%;
  2724. height:45px;
  2725. font-family:Verdana, Geneva, sans-serif;
  2726. font-size:12px;
  2727. color:#666666;
  2728. }
  2729. /*INVITATION IN PROFILE*/
  2730. .invitation_profile_grid_container { width:100%;}
  2731. .invitation_profile_grid_item {
  2732. border:1px dotted #CCCCCC;
  2733. float:left;
  2734. height:110px;
  2735. margin:5px;
  2736. padding:5px;
  2737. width:100px;
  2738. }
  2739. .invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2740. .invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;}
  2741. .invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;}
  2742. .invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;}
  2743. /* User boxes */
  2744. .search_users_grid_container { width:100%;}
  2745. .search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;}
  2746. .search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2747. .search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;}
  2748. .search_users_grid_element_2 { width:150px; float:left;}
  2749. .search_users_grid_selectbox { width:50%; float:left;}
  2750. .search_users_grid_title { width:30%; float:left;}
  2751. .search_users_grid_nav { float:right;}
  2752. /*WAITING USER*/
  2753. .waiting_user_grid_container { width:100%;}
  2754. .waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;}
  2755. .waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;}
  2756. .waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px}
  2757. .waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px}
  2758. .waiting_user_grid_element_5 { width:100%; text-align:left;}
  2759. .waiting_user_grid_element_6 { width:100%; text-align:left;}
  2760. /*LIST MEMBERS*/
  2761. .list_members_grid_container { width:100%;}
  2762. .list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;}
  2763. .list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2764. .list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;}
  2765. .list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2766. .list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2767. .list_members_grid_element_5 { width:100%; text-align:center;}
  2768. /*SEARCH USER*/
  2769. .search_user_grid_container { width:100%;}
  2770. .search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;}
  2771. .search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2772. .search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;}
  2773. .search_user_grid_element_1 { width:100%; text-align:center;}
  2774. .search_user_grid_element_2 { width:100%; text-align:center;}
  2775. .search_user_grid_element_3 { width:100%; text-align:center;}
  2776. /*SEARCH GROUP*/
  2777. .search_group_grid_item {
  2778. float:left;
  2779. width:350px;
  2780. height:165px;
  2781. margin-top:20px;
  2782. }
  2783. .search_group_grid_container {
  2784. margin-top:0px;
  2785. }
  2786. .search_group_grid_element_1 {
  2787. width:330px;
  2788. height:165px;
  2789. padding-left:10px;
  2790. padding-right:10px;
  2791. background-image:url(../../img/boxmygroupscontent.jpg);
  2792. background-repeat:repeat-y;
  2793. overflow:hidden;
  2794. }
  2795. #menu {
  2796. /* -moz-border-radius: 10px; border: 1px solid #e1e1e0;
  2797. -webkit-border-radius: 10px; border: 1px solid #e1e1e0;
  2798. -opera-border-radius: 10px; border: 1px solid #e1e1e0;
  2799. margin-top:20px;
  2800. margin-right:10px;
  2801. margin-bottom:40px;
  2802. padding-left:10px;
  2803. padding-right:10px;
  2804. padding-top:5px;
  2805. padding-bottom:30px;
  2806. width:240px; */
  2807. float: right;
  2808. min-height: 150px;
  2809. }
  2810. /* INVITATIONS */
  2811. .invitation_confirm {
  2812. border-top:1px solid #D8DFEA;
  2813. }
  2814. .invitation_image {
  2815. width:110px;
  2816. }
  2817. /**********************************************
  2818. * MESSAGE TOOL *
  2819. **********************************************/
  2820. #inbox-wrapper {
  2821. width:100%;
  2822. }
  2823. #inbox {
  2824. height:auto;
  2825. margin-left:auto;
  2826. margin-right:auto;
  2827. overflow:hidden;
  2828. }
  2829. #outbox {
  2830. height:auto;
  2831. margin-left:auto;
  2832. margin-right:auto;
  2833. overflow:hidden;
  2834. }
  2835. #inbox-menu {
  2836. width:150px;
  2837. float:left;
  2838. margin-right:10px;
  2839. }
  2840. #inbox-menu ul {
  2841. list-style-image:none;
  2842. list-style-position:outside;
  2843. list-style-type:none;
  2844. margin:0;
  2845. padding:0px;
  2846. }
  2847. #inbox-menu ul li {
  2848. padding:2px 0px;
  2849. }
  2850. #message-reply-link {
  2851. float:right;
  2852. }
  2853. .message-item {
  2854. -moz-background-clip:border;
  2855. -moz-background-inline-policy:continuous;
  2856. -moz-background-origin:padding;
  2857. -moz-border-radius-bottomleft:8px;
  2858. -moz-border-radius-bottomright:8px;
  2859. -moz-border-radius-topleft:8px;
  2860. -moz-border-radius-topright:8px;
  2861. background:#F5F5F5 none repeat scroll 0 0;
  2862. margin:0 0 5px;
  2863. padding:10px;
  2864. }
  2865. .message-topic {
  2866. -moz-background-clip:border;
  2867. -moz-background-inline-policy:continuous;
  2868. -moz-background-origin:padding;
  2869. -moz-border-radius-bottomleft:8px;
  2870. -moz-border-radius-bottomright:8px;
  2871. -moz-border-radius-topleft:8px;
  2872. -moz-border-radius-topright:8px;
  2873. background:#E6EEFB none repeat scroll 0 0;
  2874. margin:0 0 5px;
  2875. padding:10px;
  2876. }
  2877. .message-group-title-topic {
  2878. font-size:180%;
  2879. margin:5px 0px 5px 0px;
  2880. }
  2881. .message-group-title {
  2882. font-size:120%;
  2883. }
  2884. .message-group-author {
  2885. margin:5px 0px 5px 0px;
  2886. }
  2887. .message-group-content {
  2888. line-height:150%;
  2889. margin: 5px 0px 8px 0px;
  2890. }
  2891. .message-group-date {
  2892. color:#666;
  2893. width:100%;
  2894. text-align:right;
  2895. }
  2896. .view-message-content {
  2897. line-height:150%;
  2898. font-size:110%;
  2899. }
  2900. .message_view_table {
  2901. cellspacing:0;
  2902. cellpadding:0;
  2903. background-color:#dbeaf5;
  2904. border=0;
  2905. border-collapse: collapse;
  2906. width: 100%;
  2907. }
  2908. .message_view_table th {
  2909. padding-right: 12px;
  2910. border: 1px solid gray;
  2911. background-color: #f0f0f0;
  2912. }
  2913. .message-select-box {
  2914. float:left;
  2915. display:inline;
  2916. position:absolute;
  2917. margin-top:23px;
  2918. margin-left:20px;
  2919. }
  2920. /* styles from the my.profile.php file */
  2921. .message-content {
  2922. float:left;
  2923. }
  2924. .message-content .message-delete {
  2925. position: absolute;
  2926. top: 10px;
  2927. right: 10px;
  2928. cursor: pointer;
  2929. }
  2930. .message-content-internal {
  2931. display:inline;
  2932. margin:20px auto;
  2933. background:#F5E38E;
  2934. border:2px solid #EBCA4F;
  2935. padding:10px;
  2936. width:100px;
  2937. position:relative;
  2938. margin-top:150px;
  2939. margin-right:-100px;
  2940. }
  2941. .message-title {
  2942. /* color:#ff0000; */
  2943. font-size:12px;
  2944. }
  2945. .message-body {
  2946. font-size:11px;
  2947. padding: 0 0 11px;
  2948. color:#333;
  2949. }
  2950. .message-link {
  2951. color:#ff8400;
  2952. }
  2953. .message-view {
  2954. float:right;
  2955. margin:20px auto;
  2956. background:#F5E38E;
  2957. border:2px solid #EBCA4F;
  2958. padding:10px;
  2959. width:100px;
  2960. position:relative;
  2961. margin-top:115px;
  2962. margin-right:-100px;
  2963. }
  2964. .message-content-table {
  2965. background-color:white;
  2966. border:1px solid black;
  2967. position:absolute;
  2968. width:200px;
  2969. height:60px;
  2970. z-index:3;
  2971. visibility:hidden;
  2972. top:85px;
  2973. left:10px;
  2974. margin: 0px;
  2975. padding: 0px;
  2976. }
  2977. #message {
  2978. margin: 0 auto;
  2979. text-align: center;
  2980. }
  2981. #message select {
  2982. margin: 10px 0;
  2983. width: 220px;
  2984. }
  2985. #message textarea {
  2986. margin: 10px 0;
  2987. }
  2988. #message td {
  2989. padding: 4px;
  2990. }
  2991. .message-top-title {
  2992. float:left;
  2993. margin-top:1px;
  2994. margin-bottom:1px;
  2995. background-color:#F2F2F2;
  2996. width:600px;
  2997. border-bottom:1px solid #CCCCCC;
  2998. margin:left:5px;
  2999. }
  3000. .message-bottom-title {
  3001. height:22px;
  3002. float:left;
  3003. margin-top:1px;
  3004. margin-bottom:1px;
  3005. background-color:#F2F2F2;
  3006. width:600px;
  3007. border-bottom:1px solid #CCCCCC;
  3008. }
  3009. .message-content-body-left {
  3010. float:left;
  3011. width:30%;
  3012. }
  3013. .message-content-body-right {
  3014. float:right;
  3015. text-align:left;
  3016. width:60%;
  3017. }
  3018. .message-body-title {
  3019. float:right;
  3020. margin-top:1px;
  3021. margin-bottom:5px;
  3022. border-bottom:1px solid #CCCCCC;
  3023. border-collapse:collapse;
  3024. }
  3025. .message-image-info {
  3026. float:left;
  3027. margin-top:10px;
  3028. margin-bottom:10px;
  3029. margin-left:10px;
  3030. text-align:left;
  3031. margin-right:20px;
  3032. }
  3033. .message-content-body-right dd {
  3034. color:#333399;
  3035. border-bottom:1px solid #CCCCCC;
  3036. height:20px;
  3037. text-decoration:none;
  3038. outline-style:none;
  3039. background:#ffffff;
  3040. }
  3041. .message-content-body-right:hover {
  3042. }
  3043. /*SOCIAL TOOL*/
  3044. .social-plugin-item {
  3045. float:left;
  3046. width:50%;
  3047. background-color:#ccc;
  3048. margin: 0px;
  3049. }
  3050. #social-plugins {
  3051. float:left;
  3052. background-color:#f00;
  3053. width:100%;
  3054. margin: 0px;
  3055. padding:2px;
  3056. }
  3057. div.image-social-content {
  3058. float:left;
  3059. border:1px dotted #ccc;
  3060. margin:2px;
  3061. padding: 8px 4px 4px 4px;
  3062. background: #ffffff;
  3063. height:105px;
  3064. width:82px;
  3065. z-index:5;
  3066. cursor:pointer;
  3067. position:relative;
  3068. overflow:hidden;
  3069. }
  3070. div.image-social-content span {
  3071. overflow:hidden;
  3072. display:block;
  3073. height:75px;
  3074. }
  3075. div.image-social-content img {
  3076. vertical-align:middle;
  3077. }
  3078. div.image-social-content center.friend {
  3079. overflow:hidden;
  3080. height:30px;
  3081. }
  3082. .image-social-content .image-delete {
  3083. position: absolute;
  3084. top: 1px;
  3085. right: 1px;
  3086. cursor: pointer;
  3087. }
  3088. .social-info {
  3089. background:#B8C8DC;
  3090. color:#4475B0;
  3091. font-size:12px;
  3092. font-weight:bold;
  3093. }
  3094. .social-display-image {
  3095. float:right;
  3096. margin-top:-130px;
  3097. margin-right:5px;
  3098. }
  3099. .social-search-image {
  3100. color:#000033;
  3101. margin-top:2px;
  3102. width:200px;
  3103. }
  3104. .social-subtitle-search {
  3105. background:#ffffff;
  3106. border-top:1px #9DACBF solid;
  3107. border-bottom:1px #9DACBF solid;
  3108. }
  3109. .social-align-box {
  3110. text-align:left;
  3111. float:left;
  3112. }
  3113. .social-header {
  3114. margin-bottom:8px;
  3115. }
  3116. #social-content {
  3117. width:100%;
  3118. height:auto;
  3119. overflow:hidden;
  3120. margin-left:auto;
  3121. margin-right:auto;
  3122. }
  3123. #social-content-right {
  3124. height:auto;
  3125. overflow:hidden;
  3126. }
  3127. .social-content-image {
  3128. margin-bottom:10px;
  3129. margin-top:2px;
  3130. }
  3131. #social-content-left {
  3132. float:left;
  3133. height:auto;
  3134. margin-right:16px;
  3135. min-height:300px;
  3136. width:200px;
  3137. overflow:hidden;
  3138. }
  3139. .social-content-description {
  3140. background:#ECE9D8;
  3141. }
  3142. .social-content-body {
  3143. background:#ffffff;
  3144. }
  3145. .social-content-table {
  3146. border-top:1px #9DACBF solid;
  3147. border-left:1px #9DACBF solid;
  3148. border-right:1px #9DACBF solid;
  3149. border-bottom:1px #9DACBF solid;
  3150. }
  3151. .social-profile-info dt {
  3152. text-align:left;
  3153. clear:left;
  3154. float:left;
  3155. width:80px;
  3156. }
  3157. .social-profile-info dd {
  3158. padding:1px 0px 3px 0px;
  3159. float:left;
  3160. margin:0;
  3161. display : block;
  3162. padding-left:10px;
  3163. width:200px;
  3164. }
  3165. .social-profile-extended {
  3166. width:320px;
  3167. overflow:hidden;
  3168. }
  3169. /* general layout of the profile page */
  3170. #social-profile-wrapper {
  3171. width: 100%;
  3172. text-align:left;
  3173. margin:0 auto;
  3174. float: left;
  3175. }
  3176. #social-profile-container {
  3177. /* width: 705px; */
  3178. }
  3179. #social-profile-left {
  3180. float:left;
  3181. width:22%;
  3182. }
  3183. #social-profile-content {
  3184. float:right;
  3185. width:47%;
  3186. margin-left: 4px;
  3187. }
  3188. #social-profile-right {
  3189. float:right;
  3190. width:30%;
  3191. margin-left: 4px;
  3192. }
  3193. /* SOCIAL MENU VERTICAL */
  3194. .social-menu {
  3195. width:180px;
  3196. height:auto;
  3197. }
  3198. .social-menu ul {
  3199. list-style-image:none;
  3200. list-style-position:outside;
  3201. list-style-type:none;
  3202. margin:0;
  3203. padding:0px;
  3204. }
  3205. .social-menu li {
  3206. margin-bottom:4px;
  3207. padding-bottom:12px;
  3208. background-image:url(../../img/line-social.jpg);
  3209. background-position:bottom;
  3210. background-repeat:repeat-x;
  3211. }
  3212. .social-menu li img {
  3213. float:left;
  3214. }
  3215. .social-menu-sub-level a img {
  3216. float:left;
  3217. }
  3218. .social-menu ul li a {
  3219. padding:2px 0px;
  3220. }
  3221. .social-menu-sub-level {
  3222. margin-left:20px;
  3223. }
  3224. .social-menu-title{
  3225. width:180px;
  3226. float:left;
  3227. height:auto;
  3228. background-color:#32578b;
  3229. margin-bottom:10px;
  3230. padding-top:4px;
  3231. padding-bottom:4px;
  3232. }
  3233. .social-menu-text1 {
  3234. color:#fff;
  3235. font-size:12px;
  3236. font-weight:bold;
  3237. }
  3238. .social-menu-text2 {
  3239. color:#000;
  3240. font-weight:normal;
  3241. font-size:12px;
  3242. }
  3243. .social-menu-text3 {
  3244. color:#94cdf9;
  3245. font-weight:normal;
  3246. font-size:12px;
  3247. font-weight:bold;
  3248. }
  3249. .social-menu-text4 {
  3250. font-family:Verdana, Geneva, sans-serif;
  3251. color:#000;
  3252. font-weight:normal;
  3253. font-size:13px;
  3254. vertical-align:bottom;
  3255. }
  3256. .social-menu-text-active {
  3257. font-family:Verdana, Geneva, sans-serif;
  3258. color:#000;
  3259. font-weight:bold;
  3260. font-size:12px;
  3261. vertical-align:bottom;
  3262. }
  3263. .social-menu-title-right {
  3264. width:84%;
  3265. float:right;
  3266. height:20px;
  3267. background-color:#32578b;
  3268. margin-bottom:10px;
  3269. }
  3270. /* BOX SHARED PROFILE */
  3271. .social-friend-container {
  3272. width:100%;
  3273. overflow:hidden;
  3274. }
  3275. .shared_profile_mygroups_grid_container {
  3276. width:100%;
  3277. overflow:hidden;
  3278. }
  3279. .shared_profile_mygroups_grid_item {
  3280. width:42%;
  3281. float:left;
  3282. height:140px;
  3283. margin:20px;
  3284. }
  3285. .social-menu-group-member {
  3286. float:left;
  3287. height:120px;
  3288. margin:5px;
  3289. overflow:hidden;
  3290. padding:2px;
  3291. width:76px;
  3292. }
  3293. /* styles from the my.profile.php file */
  3294. #social_widget {
  3295. /* border:1px dotted #ccc; */
  3296. float:left;
  3297. padding:1px;
  3298. padding-bottom:10px;
  3299. margin-bottom:10px;
  3300. margin-left:0px;
  3301. margin-right:0px;
  3302. /* width:215px; */
  3303. }
  3304. #social_widget_image {
  3305. float:left;
  3306. /*width:190px;*/
  3307. margin-bottom:5px;
  3308. padding:2px;
  3309. }
  3310. /* SOCIAL BOX */
  3311. .social-box-main1 {
  3312. width:100%;
  3313. height:auto;
  3314. overflow:hidden;
  3315. }
  3316. .social-box-left {
  3317. width:350px;
  3318. float:left;
  3319. height:auto;
  3320. }
  3321. .social-box-right {
  3322. width:350px;
  3323. float:left;
  3324. height:auto;
  3325. margin-left:50px;
  3326. }
  3327. .social-box-container1 {
  3328. width:350px;
  3329. height:auto;
  3330. margin-top:10px;
  3331. }
  3332. .social-box-content1 {
  3333. width:330px;
  3334. height:auto;
  3335. padding-left:15px;
  3336. padding-right:10px;
  3337. background-image:url(../../img/boxmygroupscontent.jpg);
  3338. background-repeat:repeat-y;
  3339. overflow:hidden;
  3340. }
  3341. .social-box-main2 {
  3342. height:auto;
  3343. overflow:hidden;
  3344. width:700px;
  3345. }
  3346. .social-box-container2 {
  3347. width:700px;
  3348. height:auto;
  3349. overflow:hidden;
  3350. margin-bottom:20px;
  3351. }
  3352. .social-box-content2 {
  3353. width:660px;
  3354. background-image:url(../../img/content-post-group2.jpg);
  3355. background-repeat:repeat-y;
  3356. padding-left:20px;
  3357. padding-right:20px;
  3358. }
  3359. .social-box-container3 {
  3360. width:110px;
  3361. margin-left:60px;
  3362. }
  3363. .social-box-content3 {
  3364. width:560px;
  3365. height:auto;
  3366. padding-left:20px;
  3367. padding-right:20px;
  3368. background-image:url(../../img/content-post-reply02.jpg);
  3369. background-repeat:repeat-y;
  3370. }
  3371. .box_shared_profile_group_title {
  3372. border-bottom:1pt dotted #000;
  3373. padding:5px;
  3374. vertical-align:middle;
  3375. font-size:12pt;
  3376. font-weight:bold;
  3377. margin-bottom:5px
  3378. }
  3379. .box_shared_profile_group_description {
  3380. height:100px;
  3381. margin-left:65px;
  3382. }
  3383. .box_shared_profile_group_image {
  3384. height:80px;
  3385. width:60px;
  3386. float:left;
  3387. }
  3388. .box_shared_profile_group_actions {
  3389. text-align:right;
  3390. }
  3391. .social-groups-text1 {
  3392. font-family:Verdana, Geneva, sans-serif;
  3393. font-size:12px;
  3394. color:#669;
  3395. }
  3396. .social-groups-text2 {
  3397. font-family:Verdana, Geneva, sans-serif;
  3398. font-size:12px;
  3399. color:#686868;
  3400. font-weight:bold;
  3401. }
  3402. .social-groups-text3 {
  3403. font-family:Verdana, Geneva, sans-serif;
  3404. font-size:12px;
  3405. color:#000;
  3406. font-weight:bold;
  3407. text-transform:capitalize;
  3408. margin-top:5px;
  3409. }
  3410. .social-groups-text4 {
  3411. font-family:Verdana, Geneva, sans-serif;
  3412. font-size:12px;
  3413. color:#666666;
  3414. }
  3415. .social-groups-image {
  3416. border: 2px solid #cac9c9;
  3417. }
  3418. .social-groups-home-title {
  3419. border-bottom:1pt dotted #000;
  3420. padding:2px;
  3421. margin-bottom:5px;
  3422. font-weight:bold;
  3423. }
  3424. .social-home-users-online {
  3425. border:3px solid #E6E6E6;
  3426. }
  3427. #social-content-online {
  3428. background-color:#32578B;
  3429. margin-bottom:5px;
  3430. margin-top:2px;
  3431. padding:1px;
  3432. }
  3433. #social-group-details {
  3434. margin-left:82px;
  3435. }
  3436. .social-group-details-info span {
  3437. color:#777;
  3438. }
  3439. .social-group-details-info {
  3440. padding:2px 0px 2px 0px;
  3441. }